Changed Prizes

This commit is contained in:
James Dinh 2022-07-14 17:59:51 -07:00
parent d567591da1
commit 361e31b2bb
4 changed files with 46 additions and 41 deletions

View File

@ -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>

View File

@ -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;

View File

@ -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.

View File

@ -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>