From 361e31b2bb3c20dd4fd2d64f8dd33aedf5378262 Mon Sep 17 00:00:00 2001
From: James Dinh <jamesdinh77@gmail.com>
Date: Thu, 14 Jul 2022 17:59:51 -0700
Subject: [PATCH] Changed Prizes

---
 contact.html    |  8 ++++----
 css/general.css | 33 ++++++++++++++-------------------
 index.html      | 37 +++++++++++++++++++++++--------------
 licenses.html   |  9 +++++----
 4 files changed, 46 insertions(+), 41 deletions(-)

diff --git a/contact.html b/contact.html
index 523afd1..8d68d86 100644
--- a/contact.html
+++ b/contact.html
@@ -76,10 +76,10 @@
             </label>
             <a target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7"><div id="sign-up">SIGN UP</div></a>
             <ul id="navList">
-                <li><a class="navlink" href="/#event">Event</a></li>
-                <li><a class="navlink" href="/#rules">Rules</a></li>
-                <li><a class="navlink" href="/#prizes">Prizes</a></li>
-                <li><a class="navlink" href="/#team">Team</a></li>
+                <li><a class="navlink" onclick="uncheck('check')" href="#event">Event</a></li>
+                <li><a class="navlink" onclick="uncheck('check')" href="#rules">Rules</a></li>
+                <li><a class="navlink" onclick="uncheck('check')" href="#prizes">Prizes</a></li>
+                <li><a class="navlink" onclick="uncheck('check')" href="#team">Team</a></li>
             </ul>
         </div>
     </nav>
diff --git a/css/general.css b/css/general.css
index 719eb9f..5f4f67b 100644
--- a/css/general.css
+++ b/css/general.css
@@ -1628,36 +1628,31 @@ section {
   position: relative;
 }
 
-.prize-title {
+.prize-text {
   position: absolute;
   color: rgb(167, 146, 234);
   font-size: 25px;
-  margin-bottom: 60px;
+  margin-bottom: 67px;
+  line-height: 25px;
+}
+
+.prize-title {
+  color: rgb(167, 146, 234);
+  font-size: 25px;
 }
 
 .prize-content {
   color:rgb(129, 218, 126);
   font-size: 20px;
-  height: 25px;
-  position: absolute;
 }
 
-#second-column {
-  width: 100%;
-  height: auto;
-  margin-top: 40px;
+.prize-subtitle {
+  margin-bottom: 10px;
 }
 
-#first-column {
-  width: 100%;
-  height: auto;
-  position: relative;
-}
-
-#third-column {
-  width: 100%;
-  height: auto;
-  margin-top: 50px;
+#prize-column {
+  display: flex;
+  flex-flow: column-reverse;
 }
 
 #second-podium {
@@ -1716,7 +1711,7 @@ section {
   border-radius: 10px;
   border: 1px solid white;
   background-color: #3d3d3d;
-  margin: 10px auto;
+  margin: 30px auto 10px;
   width: 70%;
   max-width: 850px;
   min-width: 350px;
diff --git a/index.html b/index.html
index 0a2fff6..0fefb3e 100644
--- a/index.html
+++ b/index.html
@@ -571,23 +571,29 @@
             <h2 class="topic">Prizes</h2>
             <hr class="line">
             <div id="prizes-container">
-                <article id="second-column">
+                <article id="prize-column">
                     <div class="podium-description">
                         <div class="prize-desc" id="second-place">
+                            <div class="prize-text">
+                                <span class="prize-title">2nd</span><br>
+                                <span class="prize-content">$213</span>
+                            </div>
                             <img class="prize-laurel" src="img/silver-laurel.png" loading="lazy" alt="silver laurel">
-                            <div class="prize-title">2nd</div>
-                            <div class="prize-content">$200</div>
+                            <div class="prize-subtitle">NEHEME NH525 Foldable Drone (x4)</div>
                         </div>
                         <div class="podium-edge"></div>
                         <div id="second-podium"></div>
                     </div>
                 </article>
-                <article id="first-column">
+                <article id="prize-column">
                     <div class="podium-description">
                         <div class="prize-desc" id="first-place">
+                            <div class="prize-text">
+                                <span class="prize-title">1st</span><br>
+                                <span class="prize-content">$362</span>
+                            </div>
                             <img class="prize-laurel" src="img/gold-laurel.png" loading="lazy" alt="gold laurel">
-                            <div class="prize-title">1st</div>
-                            <div class="prize-content">$300</div>
+                            <div class="prize-subtitle">Divoom LED Display Sling Bag (x4)</div>
                         </div>
                         <div class="podium-edge"></div>
                         <div id="first-podium">
@@ -597,12 +603,15 @@
                         </div>
                     </div>
                 </article>
-                <article id="third-column">
+                <article id="prize-column">
                     <div class="podium-description">
                         <div class="prize-desc" id="third-place">
+                            <div class="prize-text">
+                                <span class="prize-title">3rd</span><br>
+                                <span class="prize-content">$100</span>
+                            </div>
                             <img class="prize-laurel" src="img/bronze-laurel.png" loading="lazy" alt="bronze laurel">
-                            <div class="prize-title">3rd</div>
-                            <div class="prize-content">$100</div>
+                            <div class="prize-subtitle">Kunodi Bluetooth 5.0 Portable Speaker (x4)</div>
                         </div>
                         <div class="podium-edge"></div>
                         <div id="third-podium"></div>
@@ -610,15 +619,15 @@
                 </article>
             </div>
             <div id="prize-box">
-                Prizes will be in the form of individual Amazon Gift Cards as follows:<br>
+                Prizes will be in the form of these (very snazzy) items (amounts above are the estimated total value):<br>
                 <ul id="prize-list">
-                    <li><span class="emphasis-text">1st Place</span>: $75 Amazon Gift Cards (x4)</li>
-                    <li><span class="emphasis-text">2nd Place</span>: $50 Amazon Gift Cards (x4)</li>
-                    <li><span class="emphasis-text">3rd Place</span>: $25 Amazon Gift Cards (x4)</li>
+                    <li><span class="emphasis-text">1st Place</span>: Divoom LED Display Sling Bag (x4)</li>
+                    <li><span class="emphasis-text">2nd Place</span>: NEHEME NH525 Foldable Drone (x4)</li>
+                    <li><span class="emphasis-text">3rd Place</span>: Kunodi Bluetooth 5.0 Wireless Portable Speaker (x4)</li>
                 </ul>
                 <br>
                 <h4><u>Terms & Conditions</u></h4>
-                - We will deliver prizes via email (we'll ask you on Discord for your preferred email once the event ends).<br>
+                - We will deliver prizes at the end of the event (we may need to deliver some prizes after the event).<br>
                 - Your team is responsible for equally distributing prizes to team members as per our Code of Conduct.<br>
                 - Prizes are non-refundable; if you refuse to accept the prize, we will offer it to another team member.<br>
                 - Gilroy Hacks will not be liable for the prize once it reaches its recipient.
diff --git a/licenses.html b/licenses.html
index d4a410f..b01f464 100644
--- a/licenses.html
+++ b/licenses.html
@@ -75,10 +75,10 @@
             </label>
             <a target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7"><div id="sign-up">SIGN UP</div></a>
             <ul id="navList">
-                <li><a class="navlink" href="/#event">Event</a></li>
-                <li><a class="navlink" href="/#rules">Rules</a></li>
-                <li><a class="navlink" href="/#prizes">Prizes</a></li>
-                <li><a class="navlink" href="/#team">Team</a></li>
+                <li><a class="navlink" onclick="uncheck('check')" href="#event">Event</a></li>
+                <li><a class="navlink" onclick="uncheck('check')" href="#rules">Rules</a></li>
+                <li><a class="navlink" onclick="uncheck('check')" href="#prizes">Prizes</a></li>
+                <li><a class="navlink" onclick="uncheck('check')" href="#team">Team</a></li>
             </ul>
         </div>
     </nav>
@@ -298,5 +298,6 @@
 <script src="js/scroll_nav.js"></script>
 <script src="js/scroll_element.js"></script>
 <script src="js/timer.js"></script>
+<script src="js/data_checkbox.js"></script>
 </body>
 </html>
\ No newline at end of file