Day -1 patches

stogacs · Mar 15, 2024 · a4f105b · a4f105b
1 parent 5ba484a
commit a4f105b
Show file tree

Hide file tree

Showing 11 changed files with 95 additions and 47 deletions.
diff --git a/hackstoga/embed/countdown/index.html b/hackstoga/embed/countdown/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Embeddable Component | Conestoga Computer Science Club</title>
-    <meta name="description" content="This page is intended to be embed in another page." />
+    <meta name="description" content="This page is intended to be embed within another page." />
     <meta name="theme-color" content="#eaaded" />
 
     <!--CSS re-used across stogacs.club -->

diff --git a/hackstoga/embed/schedule/index.html b/hackstoga/embed/schedule/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Embeddable Component | Conestoga Computer Science Club</title>
-    <meta name="description" content="This page is intended to be embed in another page." />
+    <meta name="description" content="This page is intended to be embed within another page." />
     <meta name="theme-color" content="#eaaded" />
 
     <!--CSS re-used across stogacs.club -->

diff --git a/hackstoga/index.html b/hackstoga/index.html
@@ -74,21 +74,26 @@ <h1 id="title">hack<span style="color: var(--garnet)">Stoga</span></h1>
             <br />
             March 16, 2024 (9am-6pm) | In-Person Event @ Conestoga High School
           </p>
-          <div style="margin-top: 15px">
-            <a
-              id="signup-event-button"
-              class="clean-button red-outline"
-              style="padding: 10px 20px 10px 20px"
-              target="_blank"
-              >Sign Up</a
-            >
-            <a
-              target="_blank"
-              href="https://docs.google.com/forms/d/e/1FAIpQLScoNTdnHyVVoCxWaH3SvtaiPQ79JgfYfLcRL2d1bvBEu9s0qA/viewform"
-              class="clean-button right-button red-button"
-              id="signup-vol-button"
-              >Volunteer</a
-            >
+          <div class="button-container">
+            <div>
+              <a
+                id="signup-event-button"
+                class="clean-button red-outline"
+                style="padding: 10px 20px 10px 20px"
+                target="_blank"
+                >Sign Up</a
+              >
+            </div>
+            <div id="vol-container" class="right-button">
+              <a
+                target="_blank"
+                href="https://docs.google.com/forms/d/e/1FAIpQLScoNTdnHyVVoCxWaH3SvtaiPQ79JgfYfLcRL2d1bvBEu9s0qA/viewform"
+                class="clean-button red-button"
+                id="signup-vol-button"
+                >Volunteer</a
+              >
+              <p class="translucent-bg">NHS hours available</p>
+            </div>
           </div>
         </div>
         <div class="pure-u-1-8"></div>

diff --git a/hackstoga/schedule/index.html b/hackstoga/schedule/index.html
@@ -5,10 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>hackStoga Schedule | Conestoga Computer Science Club</title>
-    <meta
-      name="description"
-      content="Computer Science is an incredibly broad field, and it is often tough for beginners who are interested in the subject to get their feet wet in the subject because of its complex nature, learning curve, and copious career sub-paths. This page seeks to provide beginners more accessible resources to get them interested, engaged, and off the ground with CS!"
-    />
+    <meta name="description" content="View the schedule for hackStoga '24!" />
     <meta name="theme-color" content="#eaaded" />
 
     <!--CSS re-used across stogacs.club -->
@@ -38,6 +35,13 @@
         <li><a href="../index.html">Back</a></li>
       </ul>
     </header>
+
+    <style>
+      .screen {
+        min-height: 600px !important;
+      }
+    </style>
+
     <section
       id="splash"
       class="screen"
@@ -57,18 +61,16 @@ <h1>Schedule</h1>
       </svg>
     </div>
 
-    <section id="content" class="screen pure-g">
+    <section id="content" class="screen pure-g" style="margin-top: -50px">
       <div class="pure-u-1-12"><!-- formatting div PRE--></div>
       <div class="pure-u-5-6 pure-g">
         <iframe
           src="../embed/schedule/index.html"
           style="width: 100%; height: 750px; border: none; overflow: scroll"
         ></iframe>
-        <p style="color: var(--garnet); font-size: 32px; text-align: center"
-          >Schedule is not currently final!</p
-        >
       </div>
       <div class="pure-u-1-12"><!-- formatting div POST--></div>
     </section>
-  </body></html
->
+  </body>
+  <script src="/scripts/hackstoga/schedule-viewer.js"></script
+></html>
diff --git a/hackstoga/submit/index.html b/hackstoga/submit/index.html
@@ -10,36 +10,21 @@
   <body>
     <p
       >Redirecting to
-      <a id="link" class="link" href="./troll.mp4">https://hackstoga24.devpost.com/</a></p
+      <a id="link" class="link" href="https://hackstoga24.devpost.com/"
+        >https://hackstoga24.devpost.com/</a
+      ></p
     >
   </body>
 
   <style>
-    /* just throwing everything in here because this page is getting trashed soon anyways :) */
     .link {
       word-wrap: break-word;
     }
   </style>
 
   <script>
-    const link = document.getElementById('link');
-
-    function addQuestionMark() {
-      link.innerText = link.innerText + '?'.repeat(Math.min(link.innerText.length + 1, 750));
-    }
-
     setTimeout(() => {
-      document.title = `You can't leave.`;
-      link.innerText = '?';
-      setInterval(() => {
-        addQuestionMark();
-      }, 2000);
-      const video = document.createElement('video');
-      video.src = './troll.mp4';
-      video.controls = true;
-      video.autoplay = true;
-      video.loop = true;
-      document.body.appendChild(video);
-    }, 1300);
+      window.location.href = 'https://hackstoga24.devpost.com/';
+    }, 500);
   </script>
 </html>
diff --git a/media/banners/judging.JPG b/media/banners/judging.JPG
diff --git a/media/banners/smash.jpg b/media/banners/smash.jpg
diff --git a/media/misc/nhs.png b/media/misc/nhs.png
diff --git a/scripts/hackstoga/schedule-viewer.js b/scripts/hackstoga/schedule-viewer.js
@@ -0,0 +1,31 @@
+const Times = {
+  breakfastOver: 11,
+  smashStart: 12,
+  lunchStart: 13,
+  lunchOver: 14,
+  judgeStart: 17,
+};
+
+const now = new Date();
+const hours = now.getHours();
+const bg = document.getElementById('splash');
+
+switch (true) {
+  case hours < Times.breakfastOver:
+    bg.style.backgroundImage = 'url(/media/banners/donut-boxes.jpg)';
+    break;
+  case hours < Times.smashStart:
+    bg.style.backgroundImage = 'url(/media/banners/smash.jpg)';
+    break;
+  case hours < Times.lunchStart:
+    bg.style.backgroundImage = 'url(/media/banners/sponsor24.png)';
+    console.log('Lunch is ongoing');
+    break;
+  case hours < Times.judgeStart:
+    bg.style.backgroundImage = 'url(/media/banners/sponsor24.png)';
+    break;
+  default:
+    console.log('Judging in progress');
+    bg.style.backgroundImage = 'url(/media/banners/judging.jpg)';
+    break;
+}
diff --git a/style/hackstoga/hackstoga.css b/style/hackstoga/hackstoga.css
@@ -224,6 +224,26 @@ ul.brands li.brand img {
   color: var(white);
 }
 
+#vol-container {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.button-container {
+  margin-top: 15px;
+  display: flex;
+  flex-direction: row;
+}
+
+.translucent-bg {
+  margin-top: 2px;
+  font-size: 1.25em;
+  background-color: rgba(0, 0, 0, 0.796);
+  padding: 0.3em;
+  border-radius: 0.5em;
+}
+
 @media screen and (max-width: 522px) {
   .clean-button {
     margin: 0px 0px 0px 0px;

diff --git a/style/theme.css b/style/theme.css
@@ -308,6 +308,11 @@ a:hover {
   background-color: #12121230;
 }
 
+.button-subtext {
+  font-size: 0.5em;
+  margin-top: 0.5em;
+}
+
 .clean-button:hover {
   transform: scale(1.05);
   transform: scale(1.1);