Added banner

contact.html

@@ -66,7 +66,7 @@
             <img id="nav-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/>
         </a>
         <div id="banner">
-            <p id="banner-text"><a class="navlink" id="timer-link" href="#timeline">Opening Ceremony</a> in
+            <p id="banner-text"><a class="navlink" id="timer-link" href="#timeline">Next Hackathon</a> in
                 <span id="timer">---</span>
             </p>
         </div>

css/general.css

@@ -172,12 +172,12 @@ nav ul li {
 }
 
 #timer::after {
-  content: 'Aug 14, 2pm';
+  content: 'Spring 2023?';
   position: absolute;
   text-align: center;
   align-items: center;
   top: 30px;
-  right: -25px;
+  right: -45px;
   padding: 2px 7px;
   width: max-content;
   opacity: 1;
@@ -193,6 +193,24 @@ nav ul li {
   transform: scale(1);
 }
 
+#winners {
+  text-align: center;
+  position: absolute;
+  top: 59px;
+  background-color: #2c9643;
+  width: 100%;
+  font-size: 20px;
+  padding: 3px 0;
+  animation: fadeInAnimation ease 2s;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
+}
+
+#team-emphasis {
+  color:rgb(157, 201, 255);
+  font-weight: bold;
+}
+
 .tooltip-nav {
   text-decoration: none;
   margin: 0;

css/second.css

@@ -173,12 +173,12 @@ nav ul li {
 }
 
 #timer::after {
-  content: 'Aug 12, 4pm';
+  content: 'Spring 2023?';
   position: absolute;
   text-align: center;
   align-items: center;
   top: 30px;
-  right: -23px;
+  right: -45px;
   padding: 2px 7px;
   width: max-content;
   opacity: 1;

index.html

@@ -72,7 +72,7 @@
             <img id="nav-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/>
         </a>
         <div id="banner">
-            <p id="banner-text"><a class="navlink" id="timer-link" href="#timeline">Projects Due</a> in
+            <p id="banner-text"><a class="navlink" id="timer-link" href="./">Next Hackathon</a> in
                 <span id="timer">---</span>
             </p>
         </div>
@@ -95,6 +95,7 @@
     <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</span></div>
                 <div id="header">
                     <img id="logo" src="img/Gilroy_Hacks_Logo_Summer.png" height="400" width="400" alt="logo"/>
                     <hr id="line-header">
@@ -161,7 +162,7 @@
                                     <span class="year">8/12 5:00pm</span>
                                     <span class="label">Hacking Begins</span>
                                 </label>
-                                <input id="t3" class="timeline-input" type="radio" name="timeline-dot" data-description="3" checked>
+                                <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="label">Projects Due</span>
@@ -171,7 +172,7 @@
                                     <span class="year">8/14 2:30pm</span>
                                     <span class="label">Project Presentations</span>
                                 </label>
-                                <input id="t5" class="timeline-input" type="radio" name="timeline-dot" data-description="5">
+                                <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="label">Awards Ceremony</span>
@@ -404,7 +405,7 @@
                                 </div>
                                 <div class="vertical-line"></div>
                                 <div class="cal-desc">
-                                    <h3 class="cal-title">Study Room A</h3>
+                                    <h3 class="cal-title">Community Room</h3>
                                     <div class="event-list">
                                         <div class="event-entry">
                                             <div class="time-column">

js/general.js

@@ -198,10 +198,10 @@ document.addEventListener('DOMContentLoaded', function(){
     // If the count down is finished, write some text
     if (distance < 0) {
         clearInterval(x);
-        document.getElementById("timer").innerHTML = "LIVE";
+        document.getElementById("timer").innerHTML = "TBA";
     }
     // Display the result in the element with id="timer"
-    if (days != 0) {
+    else if (days != 0) {
         document.getElementById("timer").innerHTML = days + "d " + hours + "h";
     }
     else if (hours != 0) {

js/licenses.js

@@ -67,10 +67,10 @@ var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 // If the count down is finished, write some text
 if (distance < 0) {
     clearInterval(x);
-    document.getElementById("timer").innerHTML = "LIVE";
+    document.getElementById("timer").innerHTML = "TBA";
 }
 // Display the result in the element with id="timer"
-if (days != 0) {
+else if (days != 0) {
     document.getElementById("timer").innerHTML = days + "d " + hours + "h";
 }
 else if (hours != 0) {

licenses.html

@@ -64,7 +64,7 @@
             <img id="nav-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/>
         </a>
         <div id="banner">
-            <p id="banner-text"><a class="navlink" id="timer-link" href="#timeline">Opening Ceremony</a> in
+            <p id="banner-text"><a class="navlink" id="timer-link" href="#timeline">Next Hackathon</a> in
                 <span id="timer">---</span>
             </p>
         </div>

rules.html

@@ -64,7 +64,7 @@
             <img id="nav-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/>
         </a>
         <div id="banner">
-            <p id="banner-text"><a class="navlink" id="timer-link" href="#timeline">Opening Ceremony</a> in
+            <p id="banner-text"><a class="navlink" id="timer-link" href="#timeline">Next Hackathon</a> in
                 <span id="timer">---</span>
             </p>
         </div>