Updated Colors, BG, Info

contact.html

@@ -17,7 +17,7 @@
     <title>Gilroy Hacks · Contact</title>
     <link href="css/second.css" rel="stylesheet" type="text/css" media="all">
     <link href="css/scroll_nav.css" rel="stylesheet" type="text/css" media="all">
-    <link rel="icon" href="img/Gilroy-Hacks-Logo-icon-tp.ico">
+    <link rel="icon" href="img/icon.ico">
 
     <!-- JavaScript Refs -->
     <script src="js/jquery-3.6.0.min.js"></script>
@@ -63,10 +63,10 @@
     <!--Nav-->
     <nav id="navBar">
         <a id="nav-logo-a" href="./">
-            <img id="nav-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/>
+            <img id="nav-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/>
         </a>
         <div id="banner">
-            <p id="banner-text"><a class="navlink" id="timer-link" href="#timeline">Next Hackathon</a> in
+            <p id="banner-text"><a class="navlink" id="timer-link" href="./#timeline">Next Hackathon</a> in
                 <span id="timer">---</span>
             </p>
         </div>
@@ -89,13 +89,13 @@
         <div id="header-background">
             <div id="header-gradient">
                 <div id="header">
-                    <img id="logo" src="img/Gilroy_Hacks_Logo_Summer.png" height="100" width="100" alt="logo"/>
+                    <img id="logo" src="img/Gilroy_Hacks_Logo_Spring_tp.png" height="400" width="400" alt="logo"/>
                     <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>
+                    <!-- <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> -->
-                        <a class="tooltip header-link" id="spots-tooltip"><div id="spots-container">
+                    <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-spots">33 total participants</h2>
+                            <h2 id="header-subtitle-spots">Signups not yet open</h2>
                         </div></a>
                     </div>
                 </div>
@@ -149,13 +149,13 @@
     <!--Footer-->
     <footer>
         <div id="footer-container">
-            <article id="footer-desc">
+            <div id="footer-desc">
-                <div id="footer-logo-div"><img id="footer-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/></div>
+                <div id="footer-logo-div"><img id="footer-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/></div>
                 <p>
-                    Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local high school students.
+                    Gilroy Hacks is a student-led organization fiscally sponsored by Hack Club, a 501(c)(3) nonprofit, focused on promoting community engagement and improving STEM exposure for students.
                 </p>
                 <div id="socials">
-                    <div><a class="tooltip" id="facebook" target="_blank" href="https://www.facebook.com/profile.php?id=100082498013066"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm4 7.278V4.5h-2.286c-2.1 0-3.428 1.6-3.428 3.889v1.667H8v2.777h2.286V19.5h2.857v-6.667h2.286L16 10.056h-2.857V8.944c0-1.11.572-1.666 1.714-1.666H16z"/></svg></a></div>
+                    <!-- <div><a class="tooltip" id="facebook" target="_blank" href="https://www.facebook.com/profile.php?id=100082498013066"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm4 7.278V4.5h-2.286c-2.1 0-3.428 1.6-3.428 3.889v1.667H8v2.777h2.286V19.5h2.857v-6.667h2.286L16 10.056h-2.857V8.944c0-1.11.572-1.666 1.714-1.666H16z"/></svg></a></div> -->
                     <div class="socials-icon"><a class="tooltip" id="instagram" target="_blank" href="https://www.instagram.com/gilroyhacks/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.6274 0 12 5.3726 12 12s-5.3726 12-12 12S0 18.6274 0 12 5.3726 0 12 0zm3.115 4.5h-6.23c-2.5536 0-4.281 1.6524-4.3805 4.1552L4.5 8.8851v6.1996c0 1.3004.4234 2.4193 1.2702 3.2359.7582.73 1.751 1.1212 2.8818 1.1734l.2633.006h6.1694c1.3004 0 2.389-.4234 3.1754-1.1794.762-.734 1.1817-1.7576 1.2343-2.948l.0056-.2577V8.8851c0-1.2702-.4234-2.3589-1.2097-3.1452-.7338-.762-1.7575-1.1817-2.9234-1.2343l-.252-.0056zM8.9152 5.8911h6.2299c.9072 0 1.6633.2722 2.2076.8166.4713.499.7647 1.1758.8103 1.9607l.0063.2167v6.2298c0 .9375-.3327 1.6936-.877 2.2077-.499.4713-1.176.7392-1.984.7806l-.2237.0057H8.9153c-.9072 0-1.6633-.2722-2.2076-.7863-.499-.499-.7693-1.1759-.8109-2.0073l-.0057-.2306V8.885c0-.9073.2722-1.6633.8166-2.2077.4712-.4713 1.1712-.7392 1.9834-.7806l.2242-.0057h6.2299-6.2299zM12 8.0988c-2.117 0-3.871 1.7238-3.871 3.871A3.8591 3.8591 0 0 0 12 15.8408c2.1472 0 3.871-1.7541 3.871-3.871 0-2.117-1.754-3.871-3.871-3.871zm0 1.3911c1.3609 0 2.4798 1.119 2.4798 2.4799 0 1.3608-1.119 2.4798-2.4798 2.4798-1.3609 0-2.4798-1.119-2.4798-2.4798 0-1.361 1.119-2.4799 2.4798-2.4799zm4.0222-2.3589a.877.877 0 1 0 0 1.754.877.877 0 0 0 0-1.754z"/></svg></a></div>
                     <div><a class="tooltip" id="youtube" target="_blank" href="https://www.youtube.com/channel/UCyw-Sx4W8yb9TqWPm7pj10Q"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm.294 7h-.589l-1.101.013c-1.48.024-3.709.092-4.465.285a1.836 1.836 0 0 0-1.326 1.263c-.181.644-.258 1.69-.29 2.46l-.022.815v.328l.008.426c.022.764.09 2.088.304 2.849.172.614.68 1.098 1.326 1.263.736.188 2.867.257 4.346.283L11.89 17l1.159-.008c1.453-.019 3.993-.082 4.811-.29a1.836 1.836 0 0 0 1.327-1.263c.21-.75.28-2.048.302-2.817l.01-.528-.003-.403c-.012-.67-.066-2.265-.31-3.13a1.836 1.836 0 0 0-1.326-1.263c-.661-.169-2.45-.242-3.878-.274L12.294 7zm-1.828 2.89l3.92 2.11-3.92 2.11V9.89z"/></svg></a></div>
                 </div>
@@ -163,7 +163,7 @@
                 <p id="footer-copyright">
                     © 2022 Gilroy Hacks. All Rights Reserved
                 </p>
-            </article>
+            </div>
             <article id="footer-links">
                 <h3 class="footer-title">Links</h3>
                 <ul>
@@ -179,6 +179,7 @@
                 <h3 class="footer-title">Location</h3>
                 <ul>
                     <li>Gilroy Library<br>350 W 6th St, Gilroy, CA 95020</li>
+                    <li><a class="link" href="https://us06web.zoom.us/j/84398429896?pwd=b0ZUZ2pieXFKeUwxTVY0NVE1MTNxdz09" target="_blank">Zoom Link<svg class="new-tab-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"/></svg></a></li>
                 </ul>
             </article>
         </div>

css/general.css

@@ -393,6 +393,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);
@@ -408,9 +414,24 @@ nav ul li {
   }
 }
 
+@keyframes pulse-gold {
+  0% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 rgba(254, 228, 84);
+  }
+  70% {
+    transform: scale(1);
+    box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
+  }
+  100% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
+  }
+}
+
 /* Header */
 #header-background {
-  background-image: url(/img/mountains-1.jpg);
+  background-image: url(/img/dojo.png);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
@@ -1868,6 +1889,16 @@ section {
   justify-content: space-around;
 }
 
+.workshop-status {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  background-color: #963c3c;
+  padding: 3px 30px;
+  justify-content: space-around;
+}
+
 .workshop-footer {
   padding: 10px 30px;
   text-align: center;
@@ -2118,12 +2149,12 @@ section {
 
 #podium-label-1 {
   margin-right: 7px;
-  color: #ff914d;
+  color: #7ed856;
 }
 
 #podium-label-2 {
   margin-left: 7px;
-  color: #ffde59;
+  color: #018036;
 }
 
 .prize-img {
@@ -2407,7 +2438,7 @@ footer {
 }
 
 #socials {
-  width: 100%;
+  width: fit-content;
   height: auto;
   display: flex;
   flex-wrap: wrap;
@@ -2415,7 +2446,7 @@ footer {
 }
 
 .socials-icon {
-  margin: 0 10px;
+  margin-right: 10px;
 }
 
 #footer-copyright {

css/second.css

@@ -343,7 +343,7 @@ nav ul li {
 
 /* Header */
 #header-background {
-  background-image: url(/img/mountains-1.jpg);
+  background-image: url(/img/dojo.png);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
@@ -916,7 +916,7 @@ footer {
 }
 
 #socials {
-  width: 100%;
+  width: fit-content;
   height: auto;
   display: flex;
   flex-wrap: wrap;
@@ -924,7 +924,7 @@ footer {
 }
 
 .socials-icon {
-  margin: 0 10px;
+  margin-right: 10px;
 }
 
 #footer-copyright {

index.html

@@ -17,7 +17,7 @@
     <link href="css/general.css" rel="stylesheet" type="text/css" media="all">
     <link href="css/scroll_nav.css" rel="stylesheet" type="text/css" media="all">
     <link rel="stylesheet" href="css/leaflet.css"/>
-    <link rel="icon" href="img/Gilroy-Hacks-Logo-icon-tp.ico">
+    <link rel="icon" href="img/icon.ico">
     <link rel="apple-touch-icon" href="img/Gilroy_Hacks_Logo_app.png">
 
     <meta name="author" content="Gilroy Hacks">
@@ -70,7 +70,7 @@
     <!--Nav-->
     <nav id="navBar">
         <a id="nav-logo-a" href="./">
-            <img id="nav-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/>
+            <img id="nav-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/>
         </a>
         <div id="banner">
             <p id="banner-text"><a class="navlink" id="timer-link" href="./">Next Hackathon</a> in
@@ -96,14 +96,15 @@
     <header>
         <div id="header-background">
             <div id="header-gradient">
-                <div id="winners">Congrats to the winners of the Gilroy Hacks 2022 Summer Hackathon: <span id="team-emphasis">Team 7 - Christian Nguyen, Connor Palsgrove</span></div>
+                <!-- <div id="winners">Congrats to the winners of the Gilroy Hacks 2022 Summer Hackathon: <span id="team-emphasis">Team 7 - Christian Nguyen, Connor Palsgrove</span></div> -->
                 <div id="header">
-                    <img id="logo" src="img/Gilroy_Hacks_Logo_Summer.png" height="400" width="400" alt="logo"/>
+                    <img id="logo" src="img/Gilroy_Hacks_Logo_Spring_tp.png" height="400" width="400" alt="logo"/>
                     <hr id="line-header">
-                    <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>
+                    <!-- <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>
+                        <div class="blob gold" aria-hidden="true"></div>
-                        <h2 id="header-subtitle-spots">33 total participants</h2>
+                        <h2 id="header-subtitle-spots">Signups not yet open</h2>
                     </div></a>
                     <div id="entrance-arrow">
                         <a href="#event" id="arrow-link">
@@ -120,29 +121,26 @@
         <section id="event">
             <h2 class="topic">Hackathon Event</h2>
             <hr class="line">
-            <div id="chart"></div>
             <div id="event-container">
                 <article id="event-description">
                     <h2 id="description-heading">Our Mission & Important Info</h2>
                     <div id="event-main-box">
-                        <div id="description-content">Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local middle/high school students.</div>
+                        <div id="description-content">Gilroy Hacks is a student-led organization fiscally sponsored by Hack Club, a 501(c)(3) nonprofit, focused on promoting community engagement and improving STEM exposure for students.</div>
                         <hr class="line">
                         <div class="list">
-                            <p>"Strengthen your skills and collaborate with others to create something useful."<br>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;- GHacks Team</p>
+                            <p>"Think, Build, Present"<br>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;- GHacks Team</p>
                             <h3 class="desc-title">Main Events</h3>
                             <ul class="desc-list">
                                 <ul>
-                                    <li><span class="emphasis-text">Aug 12</span> -> Opening Ceremony</li>
+                                    <li><span class="emphasis-text">Spring 2023</span> -> More info coming soon</li>
-                                    <li><span class="emphasis-text">Aug 13</span> -> Web Dev + Python Workshops</li>
-                                    <li><span class="emphasis-text">Aug 14</span> -> Project Presentations</li>
                                 </ul>
                             </ul>
                             <h3 class="desc-title">Details</h3>
                             <ul class="desc-list">
                                 <ul>
-                                    <li><u>Hybrid model</u> - you may choose to code online or in-person</li>
+                                    <li><u>In-Person model</u> - All events will be available in person</li>
-                                    <li>Signups are limited to <u>middle and high school students only</u></li>
+                                    <li>Signups are limited to <u>TBA</u></li>
-                                    <li>Workshops are <u>fully open to the public</u> (as space allows)</li>
+                                    <li>Workshops are <u>fully open to the public</u></li>
                                 </ul>
                             </ul>
                         </div>
@@ -156,28 +154,28 @@
                                 <div id="timeline-left-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg></div>
                                 <input id="t1" class="timeline-input" type="radio" name="timeline-dot" data-description="1">
                                 <label for="t1" onclick="check('t1')" class="dot-info" data-description="1">
-                                    <span class="year">8/12 4:00pm</span>
+                                    <span class="year">TBA</span>
-                                    <span class="label">Opening Ceremony</span>
+                                    <span class="label">TBA</span>
                                 </label>
                                 <input for="t2" id="t2" class="timeline-input" type="radio" name="timeline-dot" data-description="2">
                                 <label onclick="check('t2')" class="dot-info" data-description="2">
-                                    <span class="year">8/12 5:00pm</span>
+                                    <span class="year">TBA</span>
-                                    <span class="label">Hacking Begins</span>
+                                    <span class="label">TBA</span>
                                 </label>
                                 <input id="t3" class="timeline-input" type="radio" name="timeline-dot" data-description="3">
                                 <label for="t3" onclick="check('t3')" class="dot-info" data-description="3">
-                                    <span class="year">8/14 2:00pm</span>
+                                    <span class="year">TBA</span>
-                                    <span class="label">Projects Due</span>
+                                    <span class="label">TBA</span>
                                 </label>
                                 <input id="t4" class="timeline-input" type="radio" name="timeline-dot" data-description="4">
                                 <label for="t4" onclick="check('t4')" class="dot-info" data-description="4">
-                                    <span class="year">8/14 2:30pm</span>
+                                    <span class="year">TBA</span>
-                                    <span class="label">Project Presentations</span>
+                                    <span class="label">TBA</span>
                                 </label>
                                 <input id="t5" class="timeline-input" type="radio" name="timeline-dot" data-description="5" checked>
                                 <label for="t5" onclick="check('t5')" class="dot-info" data-description="5">
-                                    <span class="year">8/14 4:00pm</span>
+                                    <span class="year">TBA</span>
-                                    <span class="label">Awards Ceremony</span>
+                                    <span class="label">TBA</span>
                                 </label>
                                 <div id="timeline-right-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg></div>
                                 <div id="timeline-descriptions-wrapper">
@@ -186,8 +184,8 @@
                                             <div class="left"></div>
                                             <div class="right"></div>
                                         </div>
-                                        <h3>Opening Ceremony</h3>
+                                        <h3>TBA</h3>
-                                        <h4 class="timeline-description-subtitle">8/12 | 4:00pm - 4:45pm</h4><br>
+                                        <h4 class="timeline-description-subtitle">TBA</h4><br>
                                         <div>
                                             <p class="timeline-description">The official start of the hackathon where we deliver the opening presentation along with the finalized teams, prompts, rules, and timeline.</p>
                                             <ul class="timeline-description-list">
@@ -205,8 +203,8 @@
                                             <div class="left"></div>
                                             <div class="right"></div>
                                         </div>
-                                        <h3>Hacking Begins</h3>
+                                        <h3>TBA</h3>
-                                        <h4 class="timeline-description-subtitle">8/12 | 5:00pm</h4><br>
+                                        <h4 class="timeline-description-subtitle">TBA</h4><br>
                                         <p class="timeline-description">Now's your time to shine! Start working with your team to build your project. No strings attached!</p>
                                             <ul class="timeline-description-list">
                                                 <li><span class="important-text">=IMPORTANT=</span> Your project must follow one of the given prompts; otherwise, your team may lose a lot of points for unrelated topic deductions</li>
@@ -223,8 +221,8 @@
                                             <div class="left"></div>
                                             <div class="right"></div>
                                         </div>
-                                        <h3>Projects Due</h3>
+                                        <h3>TBA</h3>
-                                        <h4 class="timeline-description-subtitle">8/14 | 2:00pm</h4><br>
+                                        <h4 class="timeline-description-subtitle">TBA</h4><br>
                                         <p class="timeline-description">STOP coding! Your 46 hours of intense stress and turmoil are finally up! We hope you learned some valuable skills and made some new friends along the way.</p>
                                         <ul class="timeline-description-list">
                                             <li><span class="important-text">=IMPORTANT=</span> Make sure you turn in your project BEFORE the deadline at 2:00pm. You can find the submission form on the Discord server or <a class="link tooltip" id="submit-tooltip" href="https://forms.gle/bpoXvyjP2TcsrELX8" target="_blank">Submit Here</a></li>
@@ -240,8 +238,8 @@
                                             <div class="left"></div>
                                             <div class="right"></div>
                                         </div>
-                                        <h3>Project Presentations</h3>
+                                        <h3>TBA</h3>
-                                        <h4 class="timeline-description-subtitle">8/14 | 2:30pm - 3:30pm</h4><br>
+                                        <h4 class="timeline-description-subtitle">TBA</h4><br>
                                         <p class="timeline-description">This is where your team will present your product to our honored judges.</p>
                                         <ul class="timeline-description-list">
                                             <li>Be Creative! Make your product stand out by including a demo or showing its function across multiple applications</li>
@@ -259,8 +257,8 @@
                                             <div class="left"></div>
                                             <div class="right"></div>
                                         </div>
-                                        <h3>Awards Ceremony</h3>
+                                        <h3>TBA</h3>
-                                        <h4 class="timeline-description-subtitle">8/14 | 4:00pm - 4:30pm</h4><br>
+                                        <h4 class="timeline-description-subtitle">TBA</h4><br>
                                         <p class="timeline-description">Congratuations! Judge scores are tallied and here's where we announce the 1st, 2nd, and 3rd place teams along with constructive feedback for each in the <u>Community Room</u>.</p>
                                         <ul class="timeline-description-list">
                                             <li><u>Winners</u>: we will contact you via Email/Discord about your prizes; please allow up to 2 days for a response</li>
@@ -537,6 +535,7 @@
                             <li>Computers are provided (personal laptops recommended)</li>
                         </ul>
                     </div>
+                    <div class="workshop-status">Ended</div>
                     <div class="workshop-footer">
                         Instructed By: <div class="workshop-instructor"><img class="instructor-img" src="img/jamesdinh.jpg" loading="lazy" alt="profile picture"></div><span class="emphasis-text">James Dinh</span>
                     </div>
@@ -585,6 +584,7 @@
                             <li>Computers are provided (personal laptops recommended)</li>
                         </ul>
                     </div>
+                    <div class="workshop-status">Ended</div>
                     <div class="workshop-footer">
                         Instructed By: <div class="workshop-instructor"><img class="instructor-img" src="img/clementboiteux.jpg" loading="lazy" alt="profile picture"></div><span class="emphasis-text">Clement Boiteux</span>
                     </div>
@@ -600,11 +600,11 @@
                         <div class="prize-desc" id="second-place">
                             <div class="prize-text">
                                 <span class="prize-title">2nd</span>
-                                <div class="prize-content">$210</div>
+                                <div class="prize-content">TBA</div>
                             </div>
                             <img class="prize-laurel" src="img/silver-laurel.png" loading="lazy" alt="silver laurel">
-                            <img class="prize-img" id="drone-img" src="img/NEHEME_drone.png" loading="lazy" alt="NEHEME Drone">
+                            <img class="prize-img" id="drone-img" loading="lazy">
-                            <div class="prize-subtitle">NEHEME NH525 Foldable Drone (x4)</div>
+                            <div class="prize-subtitle">TBA</div>
                         </div>
                         <div class="podium-edge"></div>
                         <div id="second-podium"></div>
@@ -615,11 +615,11 @@
                         <div class="prize-desc" id="first-place">
                             <div class="prize-text">
                                 <span class="prize-title">1st</span><br>
-                                <span class="prize-content">$360</span>
+                                <span class="prize-content">TBA</span>
                             </div>
                             <img class="prize-laurel" src="img/gold-laurel.png" loading="lazy" alt="gold laurel">
-                            <img class="prize-img" id="sling-img" src="img/pixoo_sling_bag.png" loading="lazy" alt="Divoom Pixoo Sling Bag">
+                            <img class="prize-img" id="sling-img" loading="lazy">
-                            <div class="prize-subtitle">Divoom LED Display Sling Bag (x4)</div>
+                            <div class="prize-subtitle">TBA</div>
                         </div>
                         <div class="podium-edge"></div>
                         <div id="first-podium">
@@ -634,11 +634,11 @@
                         <div class="prize-desc" id="third-place">
                             <div class="prize-text">
                                 <span class="prize-title">3rd</span><br>
-                                <span class="prize-content">$100</span>
+                                <span class="prize-content">TBA</span>
                             </div>
                             <img class="prize-laurel" src="img/bronze-laurel.png" loading="lazy" alt="bronze laurel">
-                            <img class="prize-img" id="speaker-img" src="img/Kunodi_speaker.png" loading="lazy" alt="Kunodi Bluetooth Speaker">
+                            <img class="prize-img" id="speaker-img" loading="lazy">
-                            <div class="prize-subtitle">Kunodi Bluetooth 5.0 Portable Speaker (x4)</div>
+                            <div class="prize-subtitle">TBA</div>
                         </div>
                         <div class="podium-edge"></div>
                         <div id="third-podium"></div>
@@ -648,18 +648,17 @@
             <div id="prize-box">
                 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>: Divoom LED Display Sling Bag (x4)*</li>
+                    <li><span class="emphasis-text">1st Place</span>: TBA</li>
-                    <li><span class="emphasis-text">2nd Place</span>: NEHEME NH525 Foldable Drone (x4)</li>
+                    <li><span class="emphasis-text">2nd Place</span>: TBA</li>
-                    <li><span class="emphasis-text">3rd Place</span>: Kunodi Bluetooth 5.0 Portable Speaker (x4)</li>
+                    <li><span class="emphasis-text">3rd Place</span>: TBA</li>
-                </ul><br>
+                </ul><br><br>
-                *customizable (requires app)
-                <br><br>
                 <h4><u>Terms & Conditions</u></h4>
                 - 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.
             </div>
+            <div id="chart"></div>
         </section>
         <section id="team">
             <h2 class="topic">Hackathon Team</h2>
@@ -777,12 +776,12 @@
 <footer>
     <div id="footer-container">
         <div id="footer-desc">
-            <div id="footer-logo-div"><img id="footer-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/></div>
+            <div id="footer-logo-div"><img id="footer-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/></div>
             <p>
-                Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local middle/high school students.
+                Gilroy Hacks is a student-led organization fiscally sponsored by Hack Club, a 501(c)(3) nonprofit, focused on promoting community engagement and improving STEM exposure for students.
             </p>
             <div id="socials">
-                <div><a class="tooltip" id="facebook" target="_blank" href="https://www.facebook.com/profile.php?id=100082498013066"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm4 7.278V4.5h-2.286c-2.1 0-3.428 1.6-3.428 3.889v1.667H8v2.777h2.286V19.5h2.857v-6.667h2.286L16 10.056h-2.857V8.944c0-1.11.572-1.666 1.714-1.666H16z"/></svg></a></div>
+                <!-- <div><a class="tooltip" id="facebook" target="_blank" href="https://www.facebook.com/profile.php?id=100082498013066"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm4 7.278V4.5h-2.286c-2.1 0-3.428 1.6-3.428 3.889v1.667H8v2.777h2.286V19.5h2.857v-6.667h2.286L16 10.056h-2.857V8.944c0-1.11.572-1.666 1.714-1.666H16z"/></svg></a></div> -->
                 <div class="socials-icon"><a class="tooltip" id="instagram" target="_blank" href="https://www.instagram.com/gilroyhacks/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.6274 0 12 5.3726 12 12s-5.3726 12-12 12S0 18.6274 0 12 5.3726 0 12 0zm3.115 4.5h-6.23c-2.5536 0-4.281 1.6524-4.3805 4.1552L4.5 8.8851v6.1996c0 1.3004.4234 2.4193 1.2702 3.2359.7582.73 1.751 1.1212 2.8818 1.1734l.2633.006h6.1694c1.3004 0 2.389-.4234 3.1754-1.1794.762-.734 1.1817-1.7576 1.2343-2.948l.0056-.2577V8.8851c0-1.2702-.4234-2.3589-1.2097-3.1452-.7338-.762-1.7575-1.1817-2.9234-1.2343l-.252-.0056zM8.9152 5.8911h6.2299c.9072 0 1.6633.2722 2.2076.8166.4713.499.7647 1.1758.8103 1.9607l.0063.2167v6.2298c0 .9375-.3327 1.6936-.877 2.2077-.499.4713-1.176.7392-1.984.7806l-.2237.0057H8.9153c-.9072 0-1.6633-.2722-2.2076-.7863-.499-.499-.7693-1.1759-.8109-2.0073l-.0057-.2306V8.885c0-.9073.2722-1.6633.8166-2.2077.4712-.4713 1.1712-.7392 1.9834-.7806l.2242-.0057h6.2299-6.2299zM12 8.0988c-2.117 0-3.871 1.7238-3.871 3.871A3.8591 3.8591 0 0 0 12 15.8408c2.1472 0 3.871-1.7541 3.871-3.871 0-2.117-1.754-3.871-3.871-3.871zm0 1.3911c1.3609 0 2.4798 1.119 2.4798 2.4799 0 1.3608-1.119 2.4798-2.4798 2.4798-1.3609 0-2.4798-1.119-2.4798-2.4798 0-1.361 1.119-2.4799 2.4798-2.4799zm4.0222-2.3589a.877.877 0 1 0 0 1.754.877.877 0 0 0 0-1.754z"/></svg></a></div>
                 <div><a class="tooltip" id="youtube" target="_blank" href="https://www.youtube.com/channel/UCyw-Sx4W8yb9TqWPm7pj10Q"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm.294 7h-.589l-1.101.013c-1.48.024-3.709.092-4.465.285a1.836 1.836 0 0 0-1.326 1.263c-.181.644-.258 1.69-.29 2.46l-.022.815v.328l.008.426c.022.764.09 2.088.304 2.849.172.614.68 1.098 1.326 1.263.736.188 2.867.257 4.346.283L11.89 17l1.159-.008c1.453-.019 3.993-.082 4.811-.29a1.836 1.836 0 0 0 1.327-1.263c.21-.75.28-2.048.302-2.817l.01-.528-.003-.403c-.012-.67-.066-2.265-.31-3.13a1.836 1.836 0 0 0-1.326-1.263c-.661-.169-2.45-.242-3.878-.274L12.294 7zm-1.828 2.89l3.92 2.11-3.92 2.11V9.89z"/></svg></a></div>
             </div>

js/general.js

@@ -159,7 +159,7 @@ document.addEventListener('DOMContentLoaded', function(){
         const navBar = document.getElementById("navBar");
         const links = document.querySelectorAll("#navBar a");
 
-    if (document.documentElement.scrollTop > 50) {
+    if (document.documentElement.scrollTop > 20) {
         navBar.classList.add("pa-fixed-header");
 
         // Change the color of links on scroll

js/licenses.js

@@ -11,7 +11,7 @@ var scrollNavbar = () => {
     const navBar = document.getElementById("navBar");
     const links = document.querySelectorAll("#navBar a");
 
-if (document.documentElement.scrollTop > 50) {
+if (document.documentElement.scrollTop > 20) {
     navBar.classList.add("pa-fixed-header");
 
     // Change the color of links on scroll

licenses.html

@@ -17,7 +17,7 @@
     <title>Gilroy Hacks · Licenses</title>
     <link href="css/second.css" rel="stylesheet" type="text/css" media="all">
     <link href="css/scroll_nav.css" rel="stylesheet" type="text/css" media="all">
-    <link rel="icon" href="img/Gilroy-Hacks-Logo-icon-tp.ico">
+    <link rel="icon" href="img/icon.ico">
     
     <!-- JavaScript Refs -->
     <script defer src="js/licenses.js"></script>
@@ -61,10 +61,10 @@
     <!--Nav-->
     <nav id="navBar">
         <a id="nav-logo-a" href="./">
-            <img id="nav-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/>
+            <img id="nav-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/>
         </a>
         <div id="banner">
-            <p id="banner-text"><a class="navlink" id="timer-link" href="#timeline">Next Hackathon</a> in
+            <p id="banner-text"><a class="navlink" id="timer-link" href="./#timeline">Next Hackathon</a> in
                 <span id="timer">---</span>
             </p>
         </div>
@@ -87,13 +87,13 @@
         <div id="header-background">
             <div id="header-gradient">
                 <div id="header">
-                    <img id="logo" src="img/Gilroy_Hacks_Logo_Summer.png" height="100" width="100" alt="logo"/>
+                    <img id="logo" src="img/Gilroy_Hacks_Logo_Spring_tp.png" height="400" width="400" alt="logo"/>
                     <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>
+                    <!-- <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> -->
-                        <a class="tooltip header-link" id="spots-tooltip"><div id="spots-container">
+                    <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-spots">33 total participants</h2>
+                            <h2 id="header-subtitle-spots">Signups not yet open</h2>
                         </div></a>
                     </div>
                 </div>
@@ -343,13 +343,13 @@
     <!--Footer-->
     <footer>
         <div id="footer-container">
-            <article id="footer-desc">
+            <div id="footer-desc">
-                <div id="footer-logo-div"><img id="footer-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/></div>
+                <div id="footer-logo-div"><img id="footer-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/></div>
                 <p>
-                    Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local high school students.
+                    Gilroy Hacks is a student-led organization fiscally sponsored by Hack Club, a 501(c)(3) nonprofit, focused on promoting community engagement and improving STEM exposure for students.
                 </p>
                 <div id="socials">
-                    <div><a class="tooltip" id="facebook" target="_blank" href="https://www.facebook.com/profile.php?id=100082498013066"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm4 7.278V4.5h-2.286c-2.1 0-3.428 1.6-3.428 3.889v1.667H8v2.777h2.286V19.5h2.857v-6.667h2.286L16 10.056h-2.857V8.944c0-1.11.572-1.666 1.714-1.666H16z"/></svg></a></div>
+                    <!-- <div><a class="tooltip" id="facebook" target="_blank" href="https://www.facebook.com/profile.php?id=100082498013066"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm4 7.278V4.5h-2.286c-2.1 0-3.428 1.6-3.428 3.889v1.667H8v2.777h2.286V19.5h2.857v-6.667h2.286L16 10.056h-2.857V8.944c0-1.11.572-1.666 1.714-1.666H16z"/></svg></a></div> -->
                     <div class="socials-icon"><a class="tooltip" id="instagram" target="_blank" href="https://www.instagram.com/gilroyhacks/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.6274 0 12 5.3726 12 12s-5.3726 12-12 12S0 18.6274 0 12 5.3726 0 12 0zm3.115 4.5h-6.23c-2.5536 0-4.281 1.6524-4.3805 4.1552L4.5 8.8851v6.1996c0 1.3004.4234 2.4193 1.2702 3.2359.7582.73 1.751 1.1212 2.8818 1.1734l.2633.006h6.1694c1.3004 0 2.389-.4234 3.1754-1.1794.762-.734 1.1817-1.7576 1.2343-2.948l.0056-.2577V8.8851c0-1.2702-.4234-2.3589-1.2097-3.1452-.7338-.762-1.7575-1.1817-2.9234-1.2343l-.252-.0056zM8.9152 5.8911h6.2299c.9072 0 1.6633.2722 2.2076.8166.4713.499.7647 1.1758.8103 1.9607l.0063.2167v6.2298c0 .9375-.3327 1.6936-.877 2.2077-.499.4713-1.176.7392-1.984.7806l-.2237.0057H8.9153c-.9072 0-1.6633-.2722-2.2076-.7863-.499-.499-.7693-1.1759-.8109-2.0073l-.0057-.2306V8.885c0-.9073.2722-1.6633.8166-2.2077.4712-.4713 1.1712-.7392 1.9834-.7806l.2242-.0057h6.2299-6.2299zM12 8.0988c-2.117 0-3.871 1.7238-3.871 3.871A3.8591 3.8591 0 0 0 12 15.8408c2.1472 0 3.871-1.7541 3.871-3.871 0-2.117-1.754-3.871-3.871-3.871zm0 1.3911c1.3609 0 2.4798 1.119 2.4798 2.4799 0 1.3608-1.119 2.4798-2.4798 2.4798-1.3609 0-2.4798-1.119-2.4798-2.4798 0-1.361 1.119-2.4799 2.4798-2.4799zm4.0222-2.3589a.877.877 0 1 0 0 1.754.877.877 0 0 0 0-1.754z"/></svg></a></div>
                     <div><a class="tooltip" id="youtube" target="_blank" href="https://www.youtube.com/channel/UCyw-Sx4W8yb9TqWPm7pj10Q"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm.294 7h-.589l-1.101.013c-1.48.024-3.709.092-4.465.285a1.836 1.836 0 0 0-1.326 1.263c-.181.644-.258 1.69-.29 2.46l-.022.815v.328l.008.426c.022.764.09 2.088.304 2.849.172.614.68 1.098 1.326 1.263.736.188 2.867.257 4.346.283L11.89 17l1.159-.008c1.453-.019 3.993-.082 4.811-.29a1.836 1.836 0 0 0 1.327-1.263c.21-.75.28-2.048.302-2.817l.01-.528-.003-.403c-.012-.67-.066-2.265-.31-3.13a1.836 1.836 0 0 0-1.326-1.263c-.661-.169-2.45-.242-3.878-.274L12.294 7zm-1.828 2.89l3.92 2.11-3.92 2.11V9.89z"/></svg></a></div>
                 </div>
@@ -357,7 +357,7 @@
                 <p id="footer-copyright">
                     © 2022 Gilroy Hacks. All Rights Reserved
                 </p>
-            </article>
+            </div>
             <article id="footer-links">
                 <h3 class="footer-title">Links</h3>
                 <ul>
@@ -373,6 +373,7 @@
                 <h3 class="footer-title">Location</h3>
                 <ul>
                     <li>Gilroy Library<br>350 W 6th St, Gilroy, CA 95020</li>
+                    <li><a class="link" href="https://us06web.zoom.us/j/84398429896?pwd=b0ZUZ2pieXFKeUwxTVY0NVE1MTNxdz09" target="_blank">Zoom Link<svg class="new-tab-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"/></svg></a></li>
                 </ul>
             </article>
         </div>

rules.html

@@ -17,7 +17,7 @@
     <title>Gilroy Hacks · Rules</title>
     <link href="css/second.css" rel="stylesheet" type="text/css" media="all">
     <link href="css/scroll_nav.css" rel="stylesheet" type="text/css" media="all">
-    <link rel="icon" href="img/Gilroy-Hacks-Logo-icon-tp.ico">
+    <link rel="icon" href="img/icon.ico">
     
     <!-- JavaScript Refs -->
     <script defer src="js/licenses.js"></script>
@@ -61,10 +61,10 @@
     <!--Nav-->
     <nav id="navBar">
         <a id="nav-logo-a" href="./">
-            <img id="nav-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/>
+            <img id="nav-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/>
         </a>
         <div id="banner">
-            <p id="banner-text"><a class="navlink" id="timer-link" href="#timeline">Next Hackathon</a> in
+            <p id="banner-text"><a class="navlink" id="timer-link" href="./#timeline">Next Hackathon</a> in
                 <span id="timer">---</span>
             </p>
         </div>
@@ -87,13 +87,13 @@
         <div id="header-background">
             <div id="header-gradient">
                 <div id="header">
-                    <img id="logo" src="img/Gilroy_Hacks_Logo_Summer.png" height="100" width="100" alt="logo"/>
+                    <img id="logo" src="img/Gilroy_Hacks_Logo_Spring_tp.png" height="400" width="400" alt="logo"/>
                     <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>
+                    <!-- <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> -->
-                        <a class="tooltip header-link" id="spots-tooltip"><div id="spots-container">
+                    <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-spots">33 total participants</h2>
+                            <h2 id="header-subtitle-spots">Signups not yet open</h2>
                         </div></a>
                     </div>
                 </div>
@@ -219,13 +219,13 @@
     <!--Footer-->
     <footer>
         <div id="footer-container">
-            <article id="footer-desc">
+            <div id="footer-desc">
-                <div id="footer-logo-div"><img id="footer-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/></div>
+                <div id="footer-logo-div"><img id="footer-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/></div>
                 <p>
-                    Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local high school students.
+                    Gilroy Hacks is a student-led organization fiscally sponsored by Hack Club, a 501(c)(3) nonprofit, focused on promoting community engagement and improving STEM exposure for students.
                 </p>
                 <div id="socials">
-                    <div><a class="tooltip" id="facebook" target="_blank" href="https://www.facebook.com/profile.php?id=100082498013066"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm4 7.278V4.5h-2.286c-2.1 0-3.428 1.6-3.428 3.889v1.667H8v2.777h2.286V19.5h2.857v-6.667h2.286L16 10.056h-2.857V8.944c0-1.11.572-1.666 1.714-1.666H16z"/></svg></a></div>
+                    <!-- <div><a class="tooltip" id="facebook" target="_blank" href="https://www.facebook.com/profile.php?id=100082498013066"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm4 7.278V4.5h-2.286c-2.1 0-3.428 1.6-3.428 3.889v1.667H8v2.777h2.286V19.5h2.857v-6.667h2.286L16 10.056h-2.857V8.944c0-1.11.572-1.666 1.714-1.666H16z"/></svg></a></div> -->
                     <div class="socials-icon"><a class="tooltip" id="instagram" target="_blank" href="https://www.instagram.com/gilroyhacks/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.6274 0 12 5.3726 12 12s-5.3726 12-12 12S0 18.6274 0 12 5.3726 0 12 0zm3.115 4.5h-6.23c-2.5536 0-4.281 1.6524-4.3805 4.1552L4.5 8.8851v6.1996c0 1.3004.4234 2.4193 1.2702 3.2359.7582.73 1.751 1.1212 2.8818 1.1734l.2633.006h6.1694c1.3004 0 2.389-.4234 3.1754-1.1794.762-.734 1.1817-1.7576 1.2343-2.948l.0056-.2577V8.8851c0-1.2702-.4234-2.3589-1.2097-3.1452-.7338-.762-1.7575-1.1817-2.9234-1.2343l-.252-.0056zM8.9152 5.8911h6.2299c.9072 0 1.6633.2722 2.2076.8166.4713.499.7647 1.1758.8103 1.9607l.0063.2167v6.2298c0 .9375-.3327 1.6936-.877 2.2077-.499.4713-1.176.7392-1.984.7806l-.2237.0057H8.9153c-.9072 0-1.6633-.2722-2.2076-.7863-.499-.499-.7693-1.1759-.8109-2.0073l-.0057-.2306V8.885c0-.9073.2722-1.6633.8166-2.2077.4712-.4713 1.1712-.7392 1.9834-.7806l.2242-.0057h6.2299-6.2299zM12 8.0988c-2.117 0-3.871 1.7238-3.871 3.871A3.8591 3.8591 0 0 0 12 15.8408c2.1472 0 3.871-1.7541 3.871-3.871 0-2.117-1.754-3.871-3.871-3.871zm0 1.3911c1.3609 0 2.4798 1.119 2.4798 2.4799 0 1.3608-1.119 2.4798-2.4798 2.4798-1.3609 0-2.4798-1.119-2.4798-2.4798 0-1.361 1.119-2.4799 2.4798-2.4799zm4.0222-2.3589a.877.877 0 1 0 0 1.754.877.877 0 0 0 0-1.754z"/></svg></a></div>
                     <div><a class="tooltip" id="youtube" target="_blank" href="https://www.youtube.com/channel/UCyw-Sx4W8yb9TqWPm7pj10Q"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm.294 7h-.589l-1.101.013c-1.48.024-3.709.092-4.465.285a1.836 1.836 0 0 0-1.326 1.263c-.181.644-.258 1.69-.29 2.46l-.022.815v.328l.008.426c.022.764.09 2.088.304 2.849.172.614.68 1.098 1.326 1.263.736.188 2.867.257 4.346.283L11.89 17l1.159-.008c1.453-.019 3.993-.082 4.811-.29a1.836 1.836 0 0 0 1.327-1.263c.21-.75.28-2.048.302-2.817l.01-.528-.003-.403c-.012-.67-.066-2.265-.31-3.13a1.836 1.836 0 0 0-1.326-1.263c-.661-.169-2.45-.242-3.878-.274L12.294 7zm-1.828 2.89l3.92 2.11-3.92 2.11V9.89z"/></svg></a></div>
                 </div>
@@ -233,7 +233,7 @@
                 <p id="footer-copyright">
                     © 2022 Gilroy Hacks. All Rights Reserved
                 </p>
-            </article>
+            </div>
             <article id="footer-links">
                 <h3 class="footer-title">Links</h3>
                 <ul>
@@ -249,6 +249,7 @@
                 <h3 class="footer-title">Location</h3>
                 <ul>
                     <li>Gilroy Library<br>350 W 6th St, Gilroy, CA 95020</li>
+                    <li><a class="link" href="https://us06web.zoom.us/j/84398429896?pwd=b0ZUZ2pieXFKeUwxTVY0NVE1MTNxdz09" target="_blank">Zoom Link<svg class="new-tab-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"/></svg></a></li>
                 </ul>
             </article>
         </div>