diff --git a/about.html b/about.html index 06a3214..00dbf69 100644 --- a/about.html +++ b/about.html @@ -1,12 +1,19 @@ + + About Page + + + +
-

Copyright ©. All Rights Reserved. +

Copyright © + . All Rights Reserved.

@@ -185,4 +238,5 @@

Help and Support

+ \ No newline at end of file diff --git a/battlegrid-hackathon.html b/battlegrid-hackathon.html new file mode 100644 index 0000000..f72a9c6 --- /dev/null +++ b/battlegrid-hackathon.html @@ -0,0 +1,287 @@ + + + + + + + Hackathon - Operation BattleGrid + + + + + + + +
+ + + Join GDSC + ☰ +
+ + + +
+
+
+

Operation BattleGrid: Strategic Frontiers

+

Command elite units on an 11x11 grid where chess meets modern warfare. Master advanced tactics, + exploit unique unit abilities, and shape your path to victory or defeat in this thrilling strategic + challenge. Are you ready to conquer the strategic frontiers? +

+
+ + +
+ +
+
+ +
+
Demo
+
+ BattleGrid Demo +
+
+
Functionality
+
+
  • + Undo Move: Reverts the last move(s) made by any player +
    • +
  • + Skip Turn: Enables players to skip their turn if desired +
    • +
  • + Export Moves: Generates a custom PGN format string representing the current + gameplay +
    • +
  • + Import Moves: Imports gameplay from a string provided by the Export Moves + function +
    • +
  • + Restart Game: Resets the entire gameplay. To preserve your progress, use the + Export Moves function beforehand +
    • +
    +
    +
    Game Units
    +
    +
    +
    Infantry (♙ ♟)
    +
      +
    • Modeled after chess pawns.
      • +
    • Can advance 1 or 2 squares forward on each move, unlike chess pawns with fixed subsequent moves.
      • +
    • Executes diagonal captures, reaching up to 2 squares to eliminate enemy units.
      • +
    +
    +
    +
    Tank (♖ ♜)
    +
      +
    • Modeled after chess rooks.
      • +
    • Can advance and capture both vertically and horizontally without step limitations.
      • +
    +
    +
    +
    Ghost (♘ ♞)
    +
      +
    • Modeled after chess knights.
      • +
    • Can advance and capture in the classic 2+1 L-shape or an extended 3+1 L-shape pattern.
      • +
    +
    +
    +
    Echo (◎ ◉)
    +
      +
    • Newly introduced piece, taking inspiration from a mini-queen (princess).
      • +
    • Can advance and capture two squares in any direction (vertical, horizontal, diagonal), with a fixed range of 2 squares.
      • +
    • Can also leap over units like Ghost (♘ ♞).
      • +
    +
    +
    +
    Drone (♗ ♝)
    +
      +
    • Modeled after chess bishops.
      • +
    • Can advance and capture diagonally without step limitations.
      • +
    • Can also advance in any direction but limited to a single square.
      • +
    • Cannot capture except only diagonally.
      • +
    +
    +
    +
    Peacekeeper (♕ ♛)
    +
      +
    • Modeled after chess queens.
      • +
    • Can advance and capture in any direction without step limitations.
      • +
    +
    +
    +
    Command Center (♔ ♚)
    +
      +
    • Modeled after chess kings.
      • +
    • Can advance and capture in any direction but limited to a single square at a time.
      • +
    • The game concludes when this unit is captured or checkmated.
      • +
    +
    +
    +
    +
    Game Rules
    +
    +
      +
    • Players have the option to skip their turn if they choose to do so
      • +
    • The game is won by any player whose Command Center (♔ ♚) reaches the hill located at block F6 +
      • +
    • The game can be concluded either by capturing or checkmating the opponent's Command Center (♔ ♚) +
      • +
    • There is no preference for which team plays first; it can be determined by mutual agreement or random selection +
      • +
    • Players are free to arrange their units in any formation, limited to the first three rows at the top and bottom of the board (excluded in this demo) +
      • +
    +
    +
    +
    +
    + + + + + + + + \ No newline at end of file diff --git a/css/about.css b/css/about.css index 5213358..5c4923a 100644 --- a/css/about.css +++ b/css/about.css @@ -15,7 +15,8 @@ body { .section-title { font-weight: bold; - font-size: 4rem; + font-size: 3.5rem; + margin-bottom: 1rem; } .section-header { @@ -155,6 +156,7 @@ nav ul li a:hover { grid-template-columns: 4fr 5fr; gap: 3em; position: relative; + padding-bottom: 5rem; } #who-we-are .content .scribbles { @@ -194,32 +196,73 @@ nav ul li a:hover { } .who-we-are__img .col:first-child { - justify-content: flex-end; + justify-content: center; } .who-we-are__text { padding: 5rem 2rem 2rem 2rem; } -.who-we-are__text p { +.blockquote { + box-sizing: border-box; +} + +.blockquote__text:not(.blockquote__text-author)::before, +.blockquote__text:not(.blockquote__text-author)::after { + font-size: 6rem; + /* margin-top: -1rem; */ + margin-bottom: -5rem; + display: block; + font-family: "Gelasio", serif; + font-style: italic; +} + +.blockquote__text:not(.blockquote__text-author)::before { + content: "\201c"; +} + +.blockquote__text:not(.blockquote__text-author)::after { + /* content: "\201d"; */ +} + +.blockquote__text { color: #4b4b4b; - font-size: 1.8rem; + font-style: italic; + font-size: 1.3rem; margin-top: 1rem; + text-align: justify; + text-justify: inter-word; + line-height: 1.5; +} + +.who-we-are__text .blockquote__text-author { + font-weight: bold; + font-style: normal; + text-align: right; +} + +.blockquote__text-author::before { + content: "\2014\0020"; } @media only screen and (max-width: 1100px) { - #who-we-are .content { + #who-we-are .content { grid-template-columns: 1fr; justify-items: center; padding: 2.5rem 0; } - .who-we-are__img, - .who-we-are__text { + .blockquote::before { + /* font-size: 6rem; */ + } + + + .who-we-are__img, + .who-we-are__text { width: 85%; max-width: 700px; } - + .who-we-are__img img { width: 100%; } @@ -228,7 +271,9 @@ nav ul li a:hover { padding: 1rem; } - .who-we-are__text p { + .who-we-are__text p, + .who-we-are__text blockquote, + .who-we-are__text address { font-size: 1.7rem; } } @@ -238,7 +283,9 @@ nav ul li a:hover { margin: 1rem 0; } - .who-we-are__text p { + .who-we-are__text p, + .who-we-are__text blockquote, + .who-we-are__text address { font-size: 1.2rem; } @@ -285,11 +332,9 @@ nav ul li a:hover { } @media only screen and (max-width: 1100px) { - #join-community .content { - /* flex-direction: column; */ - padding: 4rem 2rem; - /* width: 85%; */ - max-width: 700px; + #join-community .content { + padding: 4rem 2rem; + max-width: 700px; } #join-community { @@ -299,7 +344,7 @@ nav ul li a:hover { #join-community .content h3 { font-size: 1.7rem; } - + #join-community .content button { background-color: #0a2212; color: #fff; @@ -410,4 +455,4 @@ footer, margin-left: 8px; } -/* End of footer section */ +/* End of footer section */ \ No newline at end of file diff --git a/css/battlegrid-hack.css b/css/battlegrid-hack.css new file mode 100644 index 0000000..27f5708 --- /dev/null +++ b/css/battlegrid-hack.css @@ -0,0 +1,406 @@ +:root { + --light-yellow: #fff7e9; + --dark-yellow: #e99f1f; + --blue: #4285f4; + --green: #addcbc; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background: #f1f3f4; + /* font-family: "PT Sans", sans-serif; */ +} + +.section-spacer { + padding: 100px 0; +} + +.section-title { + font-weight: bold; + font-size: 4rem; +} + +.section-header { + margin-bottom: 50px; + padding-right: 10px; + padding-left: 10px; +} + +.content { + max-width: 90%; + margin: auto; +} + +#fontt { + /* font-family: "PT Sans", sans-serif; */ +} + +header { + padding: 15px 50px; + display: flex; + align-items: center; + justify-content: space-between; + border-bottom: 1px solid #e0ddde; +} + +header ul { + display: flex; + list-style: none; + margin: 0; +} + +@media (max-width: 767px) { + header { + padding: 15px 20px; + } + + header ul { + display: none; + } + + header .header-cta { + display: none; + } + + .content { + max-width: none; + } + + .section-title { + font-size: 2.5rem; + } +} + +@media (min-width: 768px) { + header .menubar { + display: none; + } +} + +header ul li { + margin: 0; +} + +header ul li a { + text-decoration: none; + color: #000; + padding: 10px; +} + +header .header-cta { + background: #4285f4; + color: #fff; + border-radius: 20px; + padding: 10px 20px; + text-decoration: none; +} + +header .menubar { + font-size: 25px; + margin-right: 20px; +} + +nav { + display: none; + position: fixed; + width: 250px; + height: 100%; + top: 0; + right: 0; + z-index: 2; + background: rgba(66, 133, 240, 0.8); + box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); + backdrop-filter: blur(5px); + -webkit-backdrop-filter: blur(5px); + border: 1px solid rgba(255, 255, 255, 0.3); + transition: all 0.3s ease; +} + +nav .close { + color: #fff; + float: right; + padding: 20px 40px 15px; + font-size: 20px; + cursor: pointer; +} + +nav ul { + padding: 0; + list-style-type: none; + margin-top: 50px; +} + +nav ul li { + padding: 0; + cursor: pointer; +} + +nav ul li a { + display: block; + margin: 5px 20px; + padding: 15px 20px; + color: #fff; + border-radius: 50px; + text-decoration: none; +} + +nav ul li a.active, +nav ul li a:hover { + color: #4285F4; + background: #fff; +} + +/* intro start */ + +section.intro { + position: relative; +} + +.scribbles { + position: absolute; + width: 14rem; +} + +.scribbles.left { + left: 0; + top: 50%; + transform: translateY(-50%); +} + +.scribbles.right { + right: 0; + top: 0; +} + +.scribbles.agenda-scribble { + bottom: 0; + right: 0; +} + +section.intro .content { + width: 60%; + margin: 4rem auto; + padding: 1rem 0; + text-align: center; +} + +.intro .content h1 { + font-size: 2.5rem; + font-weight: bold; + text-shadow: 1px 1px 1px grey; + margin-bottom: 2rem; +} + +.intro .content p { + /* font-weight: 500; */ + font-size: 1.2rem; +} + +@media only screen and (max-width: 768px) { + section.intro { + border: 1px solid rgb(239, 233, 233); + } + + section.intro .content { + width: 80%; + } + + .scribbles { + width: 5rem; + height: 5rem; + } + + .scribbles.left { + left: 0; + bottom: 0; + top: auto; + transform: translateY(0px); + } + + .scribbles.right { + right: 0; + top: 0; + } + + .intro .content p { + font-size: 1rem; + } + + .intro .content h1 { + font-size: 2rem; + } +} + +/* intro ends */ + +/* program text start */ + +section.programs { + margin: 3rem 0; + position: relative; +} + +.programs .vector-blocks { + position: absolute; + right: 0; + bottom: 0; +} + +.programs .content { + width: 80%; + margin: auto; +} + +.programs .content > div { + margin: 3rem 0; +} + +.programs h5 { + font-size: 1.65rem; + font-weight: bold; +} + +.programs h6 { + font-size: 1.5rem; + font-weight: bold; +} + +.programs p, +.programs li { + text-align: justify; + text-justify: inter-word; + font-weight: 500; + font-size: 1.45rem; +} + +@media only screen and (max-width: 768px) { + + section.programs { + margin: 1rem 0; + padding: 1rem 0; + } + + .programs .content { + width: 90%; + } + + .programs h5 { + font-size: 1.55rem; + font-weight: bold; + } + + .programs p, + .programs li { + text-align: left; + text-justify: auto; + font-size: 1.35rem; + } + + .programs .content > div { + /* margin: 5rem 0; */ + } + + .content > div { + margin-bottom: 5rem; + } + + .demo h5, + .functionality h5, + .game h5, + .challenge h5 { + text-align: center; + } +} + +.demo__img { + width: 100%; +} + +/* program text end */ + +/* Start of footer section */ + +.logo-xsm { + max-width: 50px; +} + +.logo-sm { + max-width: 200px; +} + +.mb-10 { + margin-bottom: 10px; +} + +footer, +.testimonials { + background-color: #000; + color: #fff; + padding: 40px 0; +} + +.footer-widget a { + color: #fff; + text-decoration: none; +} + +.footer-widget ul { + list-style-type: none; + padding: 0; +} + +.footer-widget ul li { + margin: 10px 0; +} + +.footer-widget ul li:first-of-type { + margin-top: 0; +} + +.footer-widget ul li a { + color: #fff; +} + +.footer-widget ul li a:hover { + text-decoration: none; + color: #bbb; +} + +.footer-widget__title { + margin-bottom: 15px; + font-size: 18px; + color: #fff; +} + +.footer-section>.container-fluid { + max-width: 90%; +} + +.social-list__inline { + list-style: none; + padding: 0; + margin: 0; +} + +.social-list__inline li {} + +.social-list__inline li { + margin-right: 15px; +} + +.social-list__inline li:last-of-type { + margin: 0; +} + +.social-list__inline li a { + color: #1B2733; + font-size: 22px; + margin-left: 8px; +} + +/* End of footer section */ \ No newline at end of file diff --git a/css/hackathon.css b/css/hackathon.css new file mode 100644 index 0000000..84af24c --- /dev/null +++ b/css/hackathon.css @@ -0,0 +1,647 @@ +:root { + --light-yellow: #fff7e9; + --dark-yellow: #e99f1f; + --blue: #4285f4; + --green: #addcbc; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background: #f1f3f4; + /* font-family: 'Google Sans'; */ +} + +.section-spacer { + padding: 100px 0; +} + +.section-title { + font-weight: bold; + font-size: 4rem; +} + +.section-header { + margin-bottom: 50px; + padding-right: 10px; + padding-left: 10px; +} + +.content { + max-width: 90%; + margin: auto; +} + +header { + padding: 15px 50px; + display: flex; + align-items: center; + justify-content: space-between; + border-bottom: 1px solid #e0ddde; +} + +header ul { + display: flex; + list-style: none; + margin: 0; +} + +@media (max-width: 767px) { + header { + padding: 15px 20px; + } + + header ul { + display: none; + } + + header .header-cta { + display: none; + } + + .content { + max-width: none; + } + + .section-title { + font-size: 2.5rem; + } +} + +@media (min-width: 768px) { + header .menubar { + display: none; + } +} + +header ul li { + margin: 0; +} + +header ul li a { + text-decoration: none; + color: #000; + padding: 10px; +} + +header .header-cta { + background: #4285f4; + color: #fff; + border-radius: 20px; + padding: 10px 20px; + text-decoration: none; +} + +header .menubar { + font-size: 25px; + margin-right: 20px; +} + +nav { + display: none; + position: fixed; + width: 250px; + height: 100%; + top: 0; + right: 0; + z-index: 2; + background: rgba(66, 133, 240, 0.8); + box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); + backdrop-filter: blur(5px); + -webkit-backdrop-filter: blur(5px); + border: 1px solid rgba(255, 255, 255, 0.3); + transition: all 0.3s ease; +} + +nav .close { + color: #fff; + float: right; + padding: 20px 40px 15px; + font-size: 20px; + cursor: pointer; +} + +nav ul { + padding: 0; + list-style-type: none; + margin-top: 50px; +} + +nav ul li { + padding: 0; + cursor: pointer; +} + +nav ul li a { + display: block; + margin: 5px 20px; + padding: 15px 20px; + color: #fff; + border-radius: 50px; + text-decoration: none; +} + +nav ul li a.active, +nav ul li a:hover { + color: #4285F4; + background: #fff; +} + +/* hero styling start */ + +#hero { + margin: 2rem 0; + position: relative; +} + +#hero .content h5 { + font-size: 3.7rem; + font-weight: bold; + text-shadow: 1px 1px 1px grey; +} + +#hero .content p { + text-align: justify; + text-justify: inter-word; +} + +#hero .content { + display: grid; + column-gap: 2em; + grid-template-columns: repeat(4, 1fr); + width: 60%; + margin: auto; + padding: 3rem 8rem; + position: relative; +} + +#hero .content * { + /* border: 1px solid; */ +} + +#hero .content .date { + align-self: self-end; + background-color: var(--green); + font-weight: bold; + height: 3rem; + border-radius: 8px; + display: flex; + align-items: center; + justify-content: center; + max-width: 12rem; +} + +#hero .content .register { + background-color: var(--blue); + font-weight: bold; + height: 3rem; + border-radius: 8px; + display: flex; + align-items: center; + justify-content: center; +} + +#hero .register a { + color: #fff; + text-decoration: none; +} + +#hero .content h5:first-child { + grid-column: 1 / 3; +} + +#hero .content h5:nth-of-type(2) { + grid-column: 1 / -1; +} + +#hero .content p:nth-of-type(2) { + grid-column: span 3; + grid-row: span 2; +} + +.avatar.design { + position: absolute; + left: 0; + top: 0; +} + +.avatar.dev { + position: absolute; + right: 0; + top: 0; +} + +.avatar.mentor { + position: absolute; + left: 0; + bottom: 0; +} + +.avatar.nocode { + position: absolute; + right: 0; + bottom: 0; +} + +#hero .scribbles { + width: 6rem; + height: 6rem; + position: absolute; +} + +.scribbles.upper-left { + top: 0; + left: 5%; +} + +.scribbles.upper-right { + top: 0; + right: 5%; +} + +.scribbles.bottom-right { + width: 10rem; + height: 10rem; + bottom: 0; + right: 0; +} + +@media only screen and (max-width: 1352px) { + #hero .content { + width: 80%; + } + + #hero .content .date { + grid-column: 3 / 5; + } +} + +@media only screen and (max-width: 1000px) { + + #hero .content { + width: 90%; + } + + #hero .content .date { + margin-left: 4rem; + } +} + +@media only screen and (max-width: 768px) { + + #hero .content { + padding: 10rem 0; + column-gap: 0.5em; + } + + #hero .content .date { + grid-column: 3 / 5; + margin-left: 5rem; + } + + #hero .content p:nth-of-type(2) { + grid-column: 1 / -1; + /* grid-row: span 2; */ + } +} + +@media only screen and (max-width: 500px) { + + #hero .content h5 { + font-size: 2.5rem; + } + + #hero .content h5:first-child { + grid-column: 1 / 3; + } + + #hero .content p { + font-size: 0.9rem; + } + + #hero .content { + column-gap: 0.5em; + } + + #hero .content .date { + grid-column: span 2; + font-size: 0.8rem; + margin-left: 3rem; + } + + #hero .content p:nth-of-type(2) { + grid-row: span 1; + } + + #hero .content .register { + align-self: start; + grid-column: span 2; + } + +} + +/* hero styling end */ + +/* event info styles */ + +section.event-info { + margin: 3rem 0; + padding: 3rem 0; +} + +.event-info .scribbles { + position: absolute; +} + +.event-info .content { + width: 80%; + margin: auto; + border: 1px solid var(--dark-yellow); + border-radius: 5px; + display: grid; + grid-template-columns: repeat(3, 1fr); + background-color: var(--light-yellow); + padding: 1.5em; +} + +.event { + display: flex; + gap: 1em; + font-weight: 600; + padding: 1em; +} + +.event i { + color: var(--dark-yellow); +} + +.event h5 { + font-weight: 700; +} + +.event h6 { + font-size: 1.15rem; +} + +@media only screen and (max-width: 768px) { + .event-info .content { + grid-template-columns: 1fr; + width: 90%; + } +} + +/* event info styles end */ + +/* page content start */ + +section.hackathon-details { + margin: 3rem 0; + padding: 3rem 0; +} + +.hackathon-details .content { + width: 80%; + margin: auto; +} + +.hackathon-details .content div { + margin: 3rem 0; +} + +.hackathon-details h5 { + font-size: 1.65rem; + font-weight: bold; +} + +.hackathon-details p, +.hackathon-details li { + text-align: justify; + text-justify: inter-word; + font-weight: 500; + font-size: 1.45rem; +} + +@media only screen and (max-width: 768px) { + + section.hackathon-details { + margin: 1rem 0; + padding: 1rem 0; + } + + .hackathon-details .content { + width: 90%; + } + + .hackathon-details h5 { + font-size: 1.55rem; + font-weight: bold; + } + + .hackathon-details p, + .hackathon-details li { + text-align: left; + text-justify: auto; + font-size: 1.35rem; + } + + .hackathon-details .content div { + margin: 1.5rem 0; + } +} + +/* page content end */ + +/* judges and mentors start */ + +.judges-mentors .content { + width: 80%; +} + +.speaker, +.judges, +.mentors, +.sponsors { + margin: 2rem 0; +} + +.speaker *, +.judges *, +.mentors * { + /* border: 1px solid; */ +} + +.judges-mentors h5 { + font-size: 1.6rem; +} + +.judges-mentors h6 { + font-size: 1.5rem; +} + +.judges-details, +.mentors-details { + display: grid; + grid-template-columns: repeat(2, 1fr); +} + +.speaker-card, +.judges-card, +.mentors-card, +.sponsors-card { + display: flex; + gap: 1em; + align-items: center; + margin: 1rem 0; +} + +.speaker-card img, +.judges-card img, +.mentors-card img { + width: 10rem; +} + +.sponsors-card img { + width: 4rem; +} + +.speaker-text p, +.judges-text p, +.mentors-text p { + margin: 0; + font-size: 1.4rem; +} + +.sponsors-card p { + margin: 0; + font-size: 1.15rem; +} + +.speaker-text p:nth-child(2), +.judges-text p:nth-child(2), +.mentors-text p:nth-child(2) { + font-style: italic; +} + +.sponsors-details { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 1em; +} + +@media only screen and (max-width: 768px) { + + .judges-mentors .content { + width: 80%; + } + + .judges-details, + .mentors-details { + grid-template-columns: 1fr; + } + + .sponsors-details { + display: grid; + grid-template-columns: 1fr; + gap: 1em; + } + + .speaker-card img, + .judges-card img, + .mentors-card img { + width: 6rem; + } + + .speaker-text p, + .judges-text p, + .mentors-text p { + font-size: 1.2rem; + } +} + +/* judges and mentors end */ + +/* Start of footer section */ + +.logo-xsm { + max-width: 50px; +} + +.logo-sm { + max-width: 200px; +} + +.mb-10 { + margin-bottom: 10px; +} + +footer, +.testimonials { + background-color: #000; + color: #fff; + padding: 40px 0; +} + +.footer-widget a { + color: #fff; + text-decoration: none; +} + +.footer-widget ul { + list-style-type: none; + padding: 0; +} + +.footer-widget ul li { + margin: 10px 0; +} + +.footer-widget ul li:first-of-type { + margin-top: 0; +} + +.footer-widget ul li a { + color: #fff; +} + +.footer-widget ul li a:hover { + text-decoration: none; + color: #bbb; +} + +.footer-widget__title { + margin-bottom: 15px; + font-size: 18px; + color: #fff; +} + +.footer-section>.container-fluid { + max-width: 90%; +} + +.social-list__inline { + list-style: none; + padding: 0; + margin: 0; +} + +.social-list__inline li {} + +.social-list__inline li { + margin-right: 15px; +} + +.social-list__inline li:last-of-type { + margin: 0; +} + +.social-list__inline li a { + color: #1B2733; + font-size: 22px; + margin-left: 8px; +} + +/* End of footer section */ \ No newline at end of file diff --git a/css/resume-hack.css b/css/resume-hack.css new file mode 100644 index 0000000..53e18dd --- /dev/null +++ b/css/resume-hack.css @@ -0,0 +1,508 @@ +:root { + --light-yellow: #fff7e9; + --dark-yellow: #e99f1f; + --blue: #4285f4; + --green: #addcbc; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background: #f1f3f4; + /* font-family: "PT Sans", sans-serif; */ +} + +.section-spacer { + padding: 100px 0; +} + +.section-title { + font-weight: bold; + font-size: 4rem; +} + +.section-header { + margin-bottom: 50px; + padding-right: 10px; + padding-left: 10px; +} + +.content { + max-width: 90%; + margin: auto; +} + +#fontt { + /* font-family: "PT Sans", sans-serif; */ +} + +header { + padding: 15px 50px; + display: flex; + align-items: center; + justify-content: space-between; + border-bottom: 1px solid #e0ddde; +} + +header ul { + display: flex; + list-style: none; + margin: 0; +} + +@media (max-width: 767px) { + header { + padding: 15px 20px; + } + + header ul { + display: none; + } + + header .header-cta { + display: none; + } + + .content { + max-width: none; + } + + .section-title { + font-size: 2.5rem; + } +} + +@media (min-width: 768px) { + header .menubar { + display: none; + } +} + +header ul li { + margin: 0; +} + +header ul li a { + text-decoration: none; + color: #000; + padding: 10px; +} + +header .header-cta { + background: #4285f4; + color: #fff; + border-radius: 20px; + padding: 10px 20px; + text-decoration: none; +} + +header .menubar { + font-size: 25px; + margin-right: 20px; +} + +nav { + display: none; + position: fixed; + width: 250px; + height: 100%; + top: 0; + right: 0; + z-index: 2; + background: rgba(66, 133, 240, 0.8); + box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); + backdrop-filter: blur(5px); + -webkit-backdrop-filter: blur(5px); + border: 1px solid rgba(255, 255, 255, 0.3); + transition: all 0.3s ease; +} + +nav .close { + color: #fff; + float: right; + padding: 20px 40px 15px; + font-size: 20px; + cursor: pointer; +} + +nav ul { + padding: 0; + list-style-type: none; + margin-top: 50px; +} + +nav ul li { + padding: 0; + cursor: pointer; +} + +nav ul li a { + display: block; + margin: 5px 20px; + padding: 15px 20px; + color: #fff; + border-radius: 50px; + text-decoration: none; +} + +nav ul li a.active, +nav ul li a:hover { + color: #4285F4; + background: #fff; +} + +/* intro start */ + +section.intro { + position: relative; +} + +.scribbles { + position: absolute; + width: 14rem; +} + +.scribbles.left { + left: 0; + top: 50%; + transform: translateY(-50%); +} + +.scribbles.right { + right: 0; + top: 0; +} + +.scribbles.agenda-scribble { + bottom: 0; + right: 0; +} + +section.intro .content { + width: 50%; + margin: 4rem auto; + padding: 1rem 0; + text-align: center; +} + +.intro .content h1 { + font-size: 2.5rem; + font-weight: bold; + text-shadow: 1px 1px 1px grey; + margin-bottom: 2rem; +} + +.intro .content p { + /* font-weight: 500; */ + font-size: 1.2rem; +} + +@media only screen and (max-width: 768px) { + section.intro { + border: 1px solid rgb(239, 233, 233); + } + + section.intro .content { + width: 80%; + } + + .scribbles { + width: 5rem; + height: 5rem; + } + + .scribbles.left { + left: 0; + bottom: 0; + top: auto; + transform: translateY(0px); + } + + .scribbles.right { + right: 0; + top: 0; + } + + .intro .content p { + font-size: 1rem; + } + + .intro .content h1 { + font-size: 2rem; + } +} + +/* intro ends */ + + +/* -------- */ +/* program cards styling */ + +/* .programs { + position: relative; +} + +.program { + margin: 3rem 0; + padding: 3rem 0; +} + +.program h5 { + font-weight: bold; +} + +.program p { + font-weight: 500; +} + +.program.upcoming { + position: relative; +} + +.upcoming .scribbles { + position: absolute; + right: 0; + bottom: 0; + transform: translateY(50%); + z-index: -10; +} + +.attend, .rank { + padding: 0.8rem 1em; + font-weight: bold; + border-radius: 25px; + text-decoration: none; +} + +.programs .content { + width: 80%; +} + +.card.red i, +.card.red .rank { + color: #eb4335; +} + +.card.red .rank { + background-color: #fbd9d7; +} + +.card.red .attend { + background-color: #eb4335; + color: #fff; +} + +.card.yellow i, +.card.yellow .rank { + color: #faab21; +} + +.card.yellow .rank { + background-color: #feeed3; +} + +.card.yellow .attend { + background-color: #faab21; + color: #fff; +} + +.card.green i, +.card.green .rank { + color: #31a858; +} + +.card.green .rank { + background-color: #d6eede; +} + +.card.green .attend { + background-color: #31a858; + color: #fff; +} + +.card.blue i, +.card.blue .rank { + color: #4285f4; +} + +.card.blue .rank { + background-color: #d9e7fd; +} + +.card.blue .attend { + background-color: #4285f4; + color: #fff; +} + +@media only screen and (max-width: 768px) { + .program { + margin: 1.5rem 0; + padding: 1.5rem 0; + } +} */ + +/* program cards styling ends */ +/* ------ */ + +/* program text start */ + +section.programs { + margin: 3rem 0; + position: relative; +} + +.programs .vector-blocks { + position: absolute; + right: 0; + bottom: 0; +} + +.programs .content { + width: 80%; + margin: auto; +} + +.programs .content div { + margin: 3rem 0; +} + +.programs h5 { + font-size: 1.65rem; + font-weight: bold; +} + +.programs p, +.programs li { + text-align: justify; + text-justify: inter-word; + font-weight: 500; + font-size: 1.45rem; +} + +@media only screen and (max-width: 768px) { + + section.programs { + margin: 1rem 0; + padding: 1rem 0; + } + + .programs .content { + width: 90%; + padding-bottom: 5rem; + } + + .programs h5 { + font-size: 1.55rem; + font-weight: bold; + } + + .programs p, + .programs li { + text-align: left; + text-justify: auto; + font-size: 1.35rem; + } + + .programs .content div { + margin: 1.5rem 0; + } + + .challenge h5, + .agenda h5, + .requirements h5, + .submission h5, + .criteria h5, + .prize h5, + .dont-miss h5, + .register-now h5 { + text-align: center; + } +} + +/* program text end */ + +/* Start of footer section */ + +.logo-xsm { + max-width: 50px; +} + +.logo-sm { + max-width: 200px; +} + +.mb-10 { + margin-bottom: 10px; +} + +footer, +.testimonials { + background-color: #000; + color: #fff; + padding: 40px 0; +} + +.footer-widget a { + color: #fff; + text-decoration: none; +} + +.footer-widget ul { + list-style-type: none; + padding: 0; +} + +.footer-widget ul li { + margin: 10px 0; +} + +.footer-widget ul li:first-of-type { + margin-top: 0; +} + +.footer-widget ul li a { + color: #fff; +} + +.footer-widget ul li a:hover { + text-decoration: none; + color: #bbb; +} + +.footer-widget__title { + margin-bottom: 15px; + font-size: 18px; + color: #fff; +} + +.footer-section>.container-fluid { + max-width: 90%; +} + +.social-list__inline { + list-style: none; + padding: 0; + margin: 0; +} + +.social-list__inline li {} + +.social-list__inline li { + margin-right: 15px; +} + +.social-list__inline li:last-of-type { + margin: 0; +} + +.social-list__inline li a { + color: #1B2733; + font-size: 22px; + margin-left: 8px; +} + +/* End of footer section */ \ No newline at end of file diff --git a/css/styles.css b/css/styles.css index 3c4a4f1..13ad7a1 100644 --- a/css/styles.css +++ b/css/styles.css @@ -339,7 +339,7 @@ nav ul li a:hover { display: grid; justify-content: center; justify-items: center; - grid-template-rows: repeat(5, 1fr); + grid-template-rows: repeat(4, 1fr); /* only 4 slides in why join section */ gap: 0em; overflow-x: auto; @@ -381,7 +381,7 @@ nav ul li a:hover { } #why-join .carouselWrapper>ul { - grid-template-columns: 1fr; + /* grid-template-columns: 1fr; */ transform: rotate(0deg) translateY(0px); gap: 1em; width: 100%; @@ -574,6 +574,41 @@ section header { /* beginning of teams section */ +#team .slide:nth-child(1) .team-image, +#team .slide:nth-child(7) .team-image, +#team .slide:nth-child(13) .team-image { + filter: drop-shadow(10px 10px 0px #FBBC04); +} + +#team .slide:nth-child(2) .team-image, +#team .slide:nth-child(8) .team-image, +#team .slide:nth-child(14) .team-image { + filter: drop-shadow(10px 10px 0px #0F9D58); +} + +#team .slide:nth-child(3) .team-image, +#team .slide:nth-child(9) .team-image { + filter: drop-shadow(10px 10px 0px #EA4335); +} + +#team .slide:nth-child(4) .team-image, +#team .slide:nth-child(10) .team-image { + filter: drop-shadow(10px 10px 0px #4285F4); +} + +#team .slide:nth-child(5) .team-image, +#team .slide:nth-child(11) .team-image { + filter: drop-shadow(10px 10px 0px #000); +} + +#team .slide:nth-child(6) .team-image, +#team .slide:nth-child(12) .team-image { + filter: drop-shadow(10px 10px 0px #FBBC04); +} + +/* .... */ +/* remove old styles below (replaced by rules above) */ + [class^="col-"]:nth-child(1) .team-image, [class^="col-"]:nth-child(7) .team-image, [class^="col-"]:nth-child(13) .team-image { @@ -624,8 +659,6 @@ section header { left: 0; } - - .view-team { display: flex; justify-content: center; @@ -657,17 +690,13 @@ section header { #team .slide { width: 325px; - /* height: 400px; */ + height: 375px; } #team .slide a { text-decoration: none; } -/* #team .carouselWrapper>ul { - grid-template-columns: repeat(14, 1fr); -} */ - #team .slide img { width: 100%; } @@ -676,6 +705,12 @@ section header { border: 3px solid #000; } +@media screen and (max-width: 600px) { + #team .slide { + height: 450px; + } +} + @media screen and (max-width: 992px) { .view-team { width: 90%; @@ -818,6 +853,13 @@ header.hidden-sm { grid-template-columns: repeat(14, 1fr); } +@media screen and (max-width: 600px) { + #team .carouselWrapper>ul { + gap: 2em; + } +} + + #testimonials .carouselWrapper>ul::-webkit-scrollbar, #events .carouselWrapper>ul::-webkit-scrollbar, #team .carouselWrapper>ul::-webkit-scrollbar, @@ -894,9 +936,7 @@ header.hidden-sm { .vector-blocks { display: none; } -} -@media screen and (max-width: 600px) { #testimonials .slide { height: auto; } @@ -1032,6 +1072,13 @@ header.hidden-sm { width: var(--carousel-width); } + #team ul[data-slides] { + --carousel-width: 500px; + transform: rotate(-90deg) translateY(calc(-1*var(--carousel-width))); + transform-origin: right top; + width: var(--carousel-width); + } + #join ul[data-slides] { --carousel-width: 950px; transform: rotate(-90deg) translateY(calc(-1*var(--carousel-width))); @@ -1050,6 +1097,10 @@ header.hidden-sm { max-height: 950px; } + #team .carouselWrapper { + height: 500px; + } + #testimonials .carouselWrapper { max-height: 600px; } @@ -1065,6 +1116,7 @@ header.hidden-sm { #testimonials .slide, #events .slide, + #team .slide, #join .slide { transform: rotate(90deg); } @@ -1084,13 +1136,24 @@ header.hidden-sm { } #testimonials .carouselWrapper>ul, - #events .carouselWrapper>ul, - #team .carouselWrapper>ul, - #join .carouselWrapper>ul { + #events .carouselWrapper>ul { + /* #team .carouselWrapper>ul, */ grid-template: none; grid-template-rows: repeat(5, 1fr); } + /* #join .carouselWrapper>ul { + grid-template: none; + grid-template-rows: repeat(4, 1fr); + } */ + + #team .carouselWrapper>ul { + grid-template: none; + grid-template-rows: repeat(14, 1fr); + justify-content: center; + /* border: 1px solid; */ + } + #testimonials .carousel-buttons, #events .carousel-buttons, #why-join .carousel-buttons { diff --git a/hackathon.html b/hackathon.html new file mode 100644 index 0000000..ef4eb30 --- /dev/null +++ b/hackathon.html @@ -0,0 +1,402 @@ + + + + + + + Hackathons + + + + + + + +
    + + + Join GDSC + ☰ +
    + + + +
    +
    +
    +
    Innovative
    +

    25-27 June

    +
    TechHackathon
    +
    2024
    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the + industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen book.

    +

    Register Now

    + + + + + +
    + + +
    + +
    +
    +
    + +
    +
    DATE
    +
    July 20-22, 2024
    +
    +
    +
    + +
    +
    NUMBER OF PARTICIPANTS
    +
    200
    Team Size: 3-5 members per team
    +
    +
    +
    + +
    +
    REGISTRATION
    +
    July 10, 2024
    Fee: $50 per participant
    +
    +
    +
    + +
    +
    TIME
    +
    9:00AM - 9:00PM (each day)
    +
    +
    +
    + +
    +
    VENUE
    +
    Landmark event centre, Lekki
    +
    +
    +
    + +
    + +
    +
    +
    +
    Introduction
    +

    Welcome to the Innovative Tech Hackathon 2024! Join us for a 48-hour coding marathon where + developers, designers, and entrepreneurs come together to create innovative solutions. Themes + include AI, sustainability, and fintech.

    +
    +
    +
    Agenda
    +
      +
    • Day 1: Opening Ceremony, Team Formation, Initial Hacking
      • +
    • Day 2: Workshops, Mentoring Sessions, Hacking Continues
      • +
    • Day 3: Final Hacking, Project Submission, Judging, Awards Ceremony
      • +
    +
    +
    +
    Challenges
    +

    Our hackathon features a variety of challenges across different domains. Here are some of the + categories you can participate in:

    +
      +
    1. Healthcare Innovation: Develop solutions to improve patient care and streamline medical + processes.
      2. +
    2. Sustainable Technology: Create projects that promote sustainability and environmental + protection.
      3. +
    3. Fintech Solutions: Design applications to enhance financial services and accessibility.
      4. +
    4. Education Tools: Build tools that enhance learning experiences for students and educators.
      5. +
    5. Open Innovation: Work on any innovative idea that excites you and solves real-world problems. +
      6. +
    +
    +
    +
    Requirements
    +

    To participate in the hackathon, ensure you meet the following requirements:

    +
      +
    • Team Size: 1-4 members per team
      • +
    • Age: Participants must be 18 years or older
      • +
    • Registration: Complete the online registration form by July 10, 2024
      • +
    • Equipment: Bring your own laptops and any necessary hardware
      • +
    +
    +
    +
    Submission
    +
      +
    • Deadline: All projects must be submitted by [Submission Deadline]
      • +
    • Format: Submit your project through our online portal. Include a brief description, demo video, + and source code repository link (e.g., GitHub).
      • +
    • Documentation: Provide clear and concise documentation of your project.
      • +
    +
    +
    +
    Judging Criteria
    +
      +
    • Innovation: Originality and creativity of the idea.
      • +
    • Impact: Potential impact and usefulness of the project.
      • +
    • Technical Complexity: Level of technical skill and complexity involved.
      • +
    • Design and Usability: User interface and overall user experience.
      • +
    • Presentation: Quality and clarity of the project presentation and demo.
      • +
    +
    +
    +
    Prizes
    +
      +
    • 1st Prize: $5000 + [Additional Perks]
      • +
    • 2nd Prize: $3000 + [Additional Perks]
      • +
    • 3rd Prize: $1000 + [Additional Perks]
      • +
    • Special Category Prizes: Each challenge category winner will receive [Prize Details]
      • +
    +
    +
    +
    + +
    +
    +
    Judges and Mentors
    +
    +
    Keynote Speaker
    +
    + Keynote speaker +
    +

    Dr Jane Smith

    +

    CTO of FutureTech Innovations

    +
    +
    +
    +
    +
    Judges
    +
    +
    + Keynote speaker +
    +

    Dr Jane Smith

    +

    CTO of FutureTech Innovations

    +
    +
    +
    + Keynote speaker +
    +

    Dr Jane Smith

    +

    CTO of FutureTech Innovations

    +
    +
    +
    + Keynote speaker +
    +

    Dr Jane Smith

    +

    CTO of FutureTech Innovations

    +
    +
    +
    + Keynote speaker +
    +

    Dr Jane Smith

    +

    CTO of FutureTech Innovations

    +
    +
    +
    +
    +
    +
    Mentors
    +
    +
    + Keynote speaker +
    +

    Dr Jane Smith

    +

    CTO of FutureTech Innovations

    +
    +
    +
    + Keynote speaker +
    +

    Dr Jane Smith

    +

    CTO of FutureTech Innovations

    +
    +
    +
    + Keynote speaker +
    +

    Dr Jane Smith

    +

    CTO of FutureTech Innovations

    +
    +
    +
    + Keynote speaker +
    +

    Dr Jane Smith

    +

    CTO of FutureTech Innovations

    +
    +
    +
    +
    +
    +
    Sponsors
    +
    +
    + Keynote speaker +

    Platinum sponsor: Tech Giant Inc

    +
    +
    + Keynote speaker +

    Gold sponsor: GreenEnergy Gaint Co

    +
    +
    + Keynote speaker +

    Silver sponsor: Fintech Startups

    +
    +
    +
    +
    +
    + +
    + + + + + + + + \ No newline at end of file diff --git a/images/hackathons/avatar-1.png b/images/hackathons/avatar-1.png new file mode 100644 index 0000000..7413e07 Binary files /dev/null and b/images/hackathons/avatar-1.png differ diff --git a/images/hackathons/avatar-2.png b/images/hackathons/avatar-2.png new file mode 100644 index 0000000..232f866 Binary files /dev/null and b/images/hackathons/avatar-2.png differ diff --git a/images/hackathons/avatar-3.png b/images/hackathons/avatar-3.png new file mode 100644 index 0000000..45cb1b8 Binary files /dev/null and b/images/hackathons/avatar-3.png differ diff --git a/images/hackathons/avatar-4.png b/images/hackathons/avatar-4.png new file mode 100644 index 0000000..a36d3cb Binary files /dev/null and b/images/hackathons/avatar-4.png differ diff --git a/images/hackathons/battlegrid-demo.png b/images/hackathons/battlegrid-demo.png new file mode 100644 index 0000000..d387b13 Binary files /dev/null and b/images/hackathons/battlegrid-demo.png differ diff --git a/images/hackathons/design-avatar.svg b/images/hackathons/design-avatar.svg new file mode 100644 index 0000000..d230a6b --- /dev/null +++ b/images/hackathons/design-avatar.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/images/hackathons/dev-avatar.svg b/images/hackathons/dev-avatar.svg new file mode 100644 index 0000000..ce653f1 --- /dev/null +++ b/images/hackathons/dev-avatar.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/images/hackathons/mentor-avatar.svg b/images/hackathons/mentor-avatar.svg new file mode 100644 index 0000000..02f38cd --- /dev/null +++ b/images/hackathons/mentor-avatar.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/images/hackathons/nocode-avatar.svg b/images/hackathons/nocode-avatar.svg new file mode 100644 index 0000000..4165ad2 --- /dev/null +++ b/images/hackathons/nocode-avatar.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/images/hackathons/rectangle.png b/images/hackathons/rectangle.png new file mode 100644 index 0000000..af1e6f8 Binary files /dev/null and b/images/hackathons/rectangle.png differ diff --git a/index.html b/index.html index c405673..a0ee3d2 100644 --- a/index.html +++ b/index.html @@ -99,12 +99,6 @@

    Empowering the next generation of developers

    Learn from Google experts through workshops, hackathons, and events.

    -
  • -

    Learn

    -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget turpis molestie, accumsan augue vel, convallis ligula. Mauris at nulla in erat imperdiet tempus. -

    -

  • Skill development

    @@ -198,7 +192,7 @@

    Empowering the next generation of developers

    Meet Our Team

    -
    +
    • @@ -206,8 +200,8 @@

      Meet Our Team

      Team profile image
      -
      Hafsah Anibaba
      -

      Lead

      +
      Hafsah Anibaba..
      +

      GDSC Lead

    • @@ -356,7 +350,7 @@
    UmmulKhair AbdulRasheed
    -
    +
    diff --git a/openhack.html b/openhack.html new file mode 100644 index 0000000..628f831 --- /dev/null +++ b/openhack.html @@ -0,0 +1,357 @@ + + + + + + Open Hack Week + + + + + + + + + +
    + + + Join GDSC + ☰ +
    + + + +
    +
    +
    +

    Open Hack Week

    +

    Ask everything you need to know about our community, We are ready to answer all your questions.

    +
    + + +
    + +
    + +
    +
    +

    Upcoming Program

    +
    +
    + Event Card +
    +

    Beginner

    +
    Open Hack Week
    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry.

    +

    Track: Mobile

    +

    Language: JavaScript

    +

    Technologies: WebRTC

    +

    Status: Development

    +
    +

    +   + 1st June, 2024 - 5th June, 2024 +

    +

    +   + LH 20, Main Campus +

    +

    +   + 10:00am - 12:00pm +

    +
    + Attend +
    +
    +
    + Event Card +
    +

    Beginner

    +
    Open Hack Week
    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry.

    +

    Track: Mobile

    +

    Language: JavaScript

    +

    Technologies: WebRTC

    +

    Status: Development

    +
    +

    +   + 1st June, 2024 - 5th June, 2024 +

    +

    +   + LH 20, Main Campus +

    +

    +   + 10:00am - 12:00pm +

    +
    + Attend +
    +
    +
    + Event Card +
    +

    Beginner

    +
    Open Hack Week
    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry.

    +

    Track: Mobile

    +

    Language: JavaScript

    +

    Technologies: WebRTC

    +

    Status: Development

    +
    +

    +   + 1st June, 2024 - 5th June, 2024 +

    +

    +   + LH 20, Main Campus +

    +

    +   + 10:00am - 12:00pm +

    +
    + Attend +
    +
    +
    + +
    +
    +

    Past Program

    +
    +
    + Event Card +
    +

    Beginner

    +
    Open Hack Week
    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry.

    +

    Track: Mobile

    +

    Language: JavaScript

    +

    Technologies: WebRTC

    +

    Status: Development

    +
    +

    +   + 1st June, 2024 - 5th June, 2024 +

    +

    +   + LH 20, Main Campus +

    +

    +   + 10:00am - 12:00pm +

    +
    + Attend +
    +
    +
    + Event Card +
    +

    Beginner

    +
    Open Hack Week
    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry.

    +

    Track: Mobile

    +

    Language: JavaScript

    +

    Technologies: WebRTC

    +

    Status: Development

    +
    +

    +   + 1st June, 2024 - 5th June, 2024 +

    +

    +   + LH 20, Main Campus +

    +

    +   + 10:00am - 12:00pm +

    +
    + Attend +
    +
    +
    + Event Card +
    +

    Beginner

    +
    Open Hack Week
    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry.

    +

    Track: Mobile

    +

    Language: JavaScript

    +

    Technologies: WebRTC

    +

    Status: Development

    +
    +

    +   + 1st June, 2024 - 5th June, 2024 +

    +

    +   + LH 20, Main Campus +

    +

    +   + 10:00am - 12:00pm +

    +
    + Attend +
    +
    +
    +
    +
    +
    +
    + + + + + + + \ No newline at end of file diff --git a/resume-hackathon.html b/resume-hackathon.html new file mode 100644 index 0000000..96eb7f1 --- /dev/null +++ b/resume-hackathon.html @@ -0,0 +1,443 @@ + + + + + + + Hackathon - Match My Resume + + + + + + + +
    + + + Join GDSC + ☰ +
    + + + +
    +
    +
    +

    Hack Your Resume Game: Match My Resume Hackathon!

    +

    Young people everywhere are struggling to tailor their resumes for their dream jobs. + Their applications go unnoticed, leading to frustration and discouragement. + Unfortunately, they are not alone—many face the same challenge. + Securing that ideal job often depends on having a perfectly matched resume. What if there was a + way to bridge the gap between your skills and the perfect job description? Introducing Resume + Match. We're challenging you to develop an innovative solution at the Match My Resume Hackathon. +

    +
    + + +
    + +
    +
    + + + +
    +
    Challenge
    +
    +

    Develop an AI-powered tool that helps young people match their resumes to job descriptions. + Your solution should analyze resumes and job postings, and then provide personalized suggestions + to improve the fit between a candidate's skills and the job requirements. + This could involve tailoring keywords, highlighting relevant accomplishments, or suggesting + adjustments to the resume structure and so on… + Remember, this tool is for everyone! So design a user-friendly interface that makes it easy for + students to upload their resumes and access personalized recommendations. Beyond that, it should + be accurate, and able to handle a variety of job sectors and roles.

    +
    +
    + +
    Agenda
    +
    +
      +
    • + Day 1: Kickoff & Game Plan +

      Get briefed on the challenge and form your dream team!

      +
      • +
    • + Day 2-3: Code Like Crazy +

      Develop your innovative solution with expert guidance.

      +
      • +
    • + Day 4: Midpoint Check-in and Feature Enhancements +

      Review progress and enhance your project features.

      +
      • +
    • + Day 5: Final Development and Testing +

      Complete development and thoroughly test your solution.

      +
      • +
    • + Day 6: Demo Day! +

      Show off your creation and compete for amazing prizes!

      +
      • +
    +
    +
    +
    Requirements
    +
    +
      +
    • + Team Size: Teams of 3-5 students +
      • +
    • + Development: Develop the tool from scratch using any programming language +
      • +
    +
    +
    +
    Submission
    +
    +
      +
    • + Working code for your tool. (Programming language is your choice)!
      • +
    • + Clear documentation explaining your solution.
      • +
    • + A killer demo video showcasing your creation. +
      • +
    +

    Submission Deadline: 11:59 PM on Day 6 (Don't be late)!

    +
    +
    +
    Judging Criteria
    +
    +
      +
    • + Creativity and Innovation: Originality and creativity of the solution +
      • +
    • + Functionality and Performance: How well the tool functions and its + efficiency +
      • +
    • + User Experience: Intuitiveness and ease of use for the intended users +
      • +
    • + Code Quality and Documentation: Clarity, structure, and completeness of + code, along with accompanying documentation +
      • +
    +
    +
    +
    Prize Pool
    +
    +
      +
    • + 1st Place: ₦[to be decided] + Match My Resume Championship Trophy! +
      • +
    • + 2nd Place: ₦[**] +
      • +
    • + 3rd Place: ₦[**] +
      • +
    +
    +
    +
    Don't miss this chance to:
    +
      +
    • Develop cutting-edge skills.
      • +
    • Boost your resume with a real-world project.
      • +
    • Win big prizes and bragging rights.
      • +
    +
    +
    +

    Register now and help people Match their Resume to Success!

    +

    #MatchMyResumeHack #Hackathon

    +
    +
    +
    +
    + + + + + + + + \ No newline at end of file diff --git a/workshop.html b/workshop.html new file mode 100644 index 0000000..31542db --- /dev/null +++ b/workshop.html @@ -0,0 +1,311 @@ + + + + + + Workshops + + + + + +
    + + + Join GDSC + ☰ +
    + + + +
    +
    +
    +

    Workshop

    +

    Ask everything you need to know about our community, we are ready to answer all your questions.

    +
    + + +
    + +
    + +
    +
    +

    Upcoming Program

    +
    +
    + Event Card +
    +

    Beginner

    +
    Open Hack Week
    +

    +   + 1st June, 2024 - 5th June, 2024 +

    +

    +   + LH 20, Main Campus +

    +

    +   + 10:00am - 12:00pm +

    + Attend +
    +
    +
    + Event Card +
    +

    Intermediate

    +
    Open Hack Week
    +

    +   + 1st June, 2024 - 5th June, 2024 +

    +

    +   + LH 20, Main Campus +

    +

    +   + 10:00am - 12:00pm +

    + Attend +
    +
    +
    + Event Card +
    +

    Expert

    +
    Open Hack Week
    +

    +   + 1st June, 2024 - 5th June, 2024 +

    +

    +   + LH 20, Main Campus +

    +

    +   + 10:00am - 12:00pm +

    + Attend +
    +
    +
    + +
    +
    +

    Past Program

    +
    +
    + Event Card +
    +

    Beginner

    +
    Open Hack Week
    +

    +   + 1st June, 2024 - 5th June, 2024 +

    +

    +   + LH 20, Main Campus +

    +

    +   + 10:00am - 12:00pm +

    + Attend +
    +
    +
    + Event Card +
    +

    Beginner

    +
    Open Hack Week
    +

    +   + 1st June, 2024 - 5th June, 2024 +

    +

    +   + LH 20, Main Campus +

    +

    +   + 10:00am - 12:00pm +

    + Attend +
    +
    +
    + Event Card +
    +

    Intermediate

    +
    Open Hack Week
    +

    +   + 1st June, 2024 - 5th June, 2024 +

    +

    +   + LH 20, Main Campus +

    +

    +   + 10:00am - 12:00pm +

    + Attend +
    +
    +
    +
    +
    +
    +
    + + + + + + + \ No newline at end of file