Updated description and pages

This commit is contained in:
James Dinh 2022-11-29 23:52:37 -08:00
parent 978ef28a1d
commit 54814e3a17
6 changed files with 18 additions and 11 deletions

View File

@ -93,8 +93,8 @@
<div class="vertical-line"></div>
<div id="header-info">
<!-- <a class="link tooltip header-link" id="header-tooltip" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20220812T230000Z%2F20220814T233000Z&details=Participate%20in%20a%20weekend-long%20hackathon%20to%20strengthen%20your%20coding%20skills%20and%20earn%20some%20cool%20prizes%21&location=Gilroy%20Library&text=Gilroy%20Hacks%20Hackathon"><h2 id="header-subtitle-date"><svg class="header-icon" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Aug 12 - 14</h2></a> -->
<h2 id="header-subtitle-date"><svg class="header-icon" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Spring 2023</h2> <a class="tooltip header-link" id="spots-tooltip"><div id="spots-container">
<div class="blob green" aria-hidden="true"></div>
<h2 id="header-subtitle-date"><svg class="header-icon" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Apr 15 - 16</h2> <a class="tooltip header-link" id="spots-tooltip"><div id="spots-container">
<div class="blob gold" aria-hidden="true"></div>
<h2 id="header-subtitle-spots">Signups not yet open</h2>
</div></a>
</div>
@ -130,6 +130,7 @@
<option value="Event Details">Event Details</option>
<option value="Website">Website</option>
<option value="Discord">Discord</option>
<option value="Sponsor">Sponsor</option>
<option value="Other">Other</option>
</select>
</div>

View File

@ -326,6 +326,12 @@ nav ul li {
animation: pulse-green 2s infinite;
}
.blob.gold {
background: rgb(254, 228, 84);
box-shadow: 0 0 0 0 rgba(254, 228, 84, 1);
animation: pulse-gold 2s infinite;
}
@keyframes pulse-green {
0% {
transform: scale(0.95);

View File

@ -154,14 +154,14 @@
<h3 class="desc-title">Main Events</h3>
<ul class="desc-list">
<ul>
<li><span class="emphasis-text">Spring 2023</span> -> More info coming soon</li>
<li><span class="emphasis-text">April 15 - 16</span> -> Spring 2023 will be held fully in person at the Gilroy Library!</li>
</ul>
</ul>
<h3 class="desc-title">Details</h3>
<ul class="desc-list">
<ul>
<li><u>In-Person</u> - All events will be available in person</li>
<li>Signups are limited to <u>TBA</u></li>
<li><u>In-Person</u> - All events will be held in person</li>
<li>Signups are limited to <u>high school students only</u></li>
<li>Workshops are <u>fully open to the public</u></li>
</ul>
</ul>

View File

@ -182,7 +182,7 @@ document.addEventListener('DOMContentLoaded', function(){
// Timer
// SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp
// Set the date we're counting down to
var countDownDate = new Date("Aug 14, 2022 14:00:00").getTime();
var countDownDate = new Date("Apr 15, 2023 12:00:00").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
@ -202,7 +202,7 @@ document.addEventListener('DOMContentLoaded', function(){
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("timer").innerHTML = "TBA";
document.getElementById("timer").innerHTML = "---";
}
// Display the result in the element with id="timer"
else if (days != 0) {

View File

@ -91,8 +91,8 @@
<div class="vertical-line"></div>
<div id="header-info">
<!-- <a class="link tooltip header-link" id="header-tooltip" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20220812T230000Z%2F20220814T233000Z&details=Participate%20in%20a%20weekend-long%20hackathon%20to%20strengthen%20your%20coding%20skills%20and%20earn%20some%20cool%20prizes%21&location=Gilroy%20Library&text=Gilroy%20Hacks%20Hackathon"><h2 id="header-subtitle-date"><svg class="header-icon" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Aug 12 - 14</h2></a> -->
<h2 id="header-subtitle-date"><svg class="header-icon" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Spring 2023</h2> <a class="tooltip header-link" id="spots-tooltip"><div id="spots-container">
<div class="blob green" aria-hidden="true"></div>
<h2 id="header-subtitle-date"><svg class="header-icon" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Apr 15 - 16</h2> <a class="tooltip header-link" id="spots-tooltip"><div id="spots-container">
<div class="blob gold" aria-hidden="true"></div>
<h2 id="header-subtitle-spots">Signups not yet open</h2>
</div></a>
</div>

View File

@ -91,8 +91,8 @@
<div class="vertical-line"></div>
<div id="header-info">
<!-- <a class="link tooltip header-link" id="header-tooltip" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20220812T230000Z%2F20220814T233000Z&details=Participate%20in%20a%20weekend-long%20hackathon%20to%20strengthen%20your%20coding%20skills%20and%20earn%20some%20cool%20prizes%21&location=Gilroy%20Library&text=Gilroy%20Hacks%20Hackathon"><h2 id="header-subtitle-date"><svg class="header-icon" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Aug 12 - 14</h2></a> -->
<h2 id="header-subtitle-date"><svg class="header-icon" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Spring 2023</h2> <a class="tooltip header-link" id="spots-tooltip"><div id="spots-container">
<div class="blob green" aria-hidden="true"></div>
<h2 id="header-subtitle-date"><svg class="header-icon" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Apr 15 - 16</h2> <a class="tooltip header-link" id="spots-tooltip"><div id="spots-container">
<div class="blob gold" aria-hidden="true"></div>
<h2 id="header-subtitle-spots">Signups not yet open</h2>
</div></a>
</div>