Add schedule

CarletonComputerScienceSociety · Sep 29, 2023 · 3fa1f6c · 3fa1f6c
1 parent 702e2d5
commit 3fa1f6c
Show file tree

Hide file tree

Showing 2 changed files with 106 additions and 3 deletions.
diff --git a/assets/scss/components/_hack_the_tunnels.scss b/assets/scss/components/_hack_the_tunnels.scss
@@ -68,6 +68,28 @@
     }
   }
 
+  &__schedule {
+    display: flex;
+    justify-content: center;
+    margin: auto;
+    flex-direction: column;
+    gap: 1.5rem;
+  }
+
+  &__event {
+    display: flex;
+    justify-content: space-between;
+    padding: 1.5rem;
+    font-size: 1.2rem;
+    font-weight: bold;
+    border-radius: 0.2rem;
+    text-align: left;
+
+    @media only screen and (max-width: 600px) {
+      font-size: 0.9rem;
+    }
+  }
+
   @media only screen and (max-width: 600px) {
     &__cards {
       flex-direction: column;

diff --git a/layouts/_default/hack_the_tunnels.html b/layouts/_default/hack_the_tunnels.html
@@ -79,9 +79,90 @@ <h2>Sat, Sept 30th @ 10:00 AM - 6:00 PM</h2>
           <i>The Main Event</i>
         </div>
       </div>
-      <!-- <div style="margin-top: 5rem"></div>
-      <h1>Schedule</h1>
-      <p>Coming Soon.</p> -->
+      <div style="margin-top: 5rem"></div>
+      <h1>September 29th</h1>
+      <div class="hack-the-tunnels__schedule">
+        <div class="hack-the-tunnels__event" style="background-color: #34d3fa">
+          <div class="hack-the-tunnels__event-title">Opening Ceremony</div>
+          <div class="hack-the-tunnels__event-time">6:00 - 6:30 PM</div>
+        </div>
+        <div class="hack-the-tunnels__event" style="background-color: #c6006a">
+          <div class="hack-the-tunnels__event-title">
+            JavaScript Essentials: Building Your Web Foundation
+          </div>
+          <div class="hack-the-tunnels__event-time">6:30 - 7:00 PM</div>
+        </div>
+        <div class="hack-the-tunnels__event" style="background-color: #8c65fe">
+          <div class="hack-the-tunnels__event-title">
+            Mastering Web Development: Client, Server, and Database Presentation
+          </div>
+          <div class="hack-the-tunnels__event-time">7:00 - 7:30 PM</div>
+        </div>
+        <div class="hack-the-tunnels__event" style="background-color: #f9df02">
+          <div class="hack-the-tunnels__event-title">
+            Code and Connect: Hackathon Icebreaker
+          </div>
+          <div class="hack-the-tunnels__event-time">7:30 - 8:30 PM</div>
+        </div>
+        <div class="hack-the-tunnels__event" style="background-color: #34d3fa">
+          <div class="hack-the-tunnels__event-title">
+            Starter Project Deep Dive
+          </div>
+          <div class="hack-the-tunnels__event-time">8:30 - 9:00 PM</div>
+        </div>
+      </div>
+      <div style="margin-top: 4rem"></div>
+      <h1>September 30th</h1>
+      <div class="hack-the-tunnels__schedule">
+        <div class="hack-the-tunnels__event" style="background-color: #c6006a">
+          <div class="hack-the-tunnels__event-title">Opening Ceremony</div>
+          <div class="hack-the-tunnels__event-time">10:00 - 10:20</div>
+        </div>
+        <div class="hack-the-tunnels__event" style="background-color: #8c65fe">
+          <div class="hack-the-tunnels__event-title">How to Git Good</div>
+          <div class="hack-the-tunnels__event-time">10:20 - 10:50</div>
+        </div>
+        <div class="hack-the-tunnels__event" style="background-color: #f9df02">
+          <div class="hack-the-tunnels__event-title">
+            HTML, CSS, React, and Beyond
+          </div>
+          <div class="hack-the-tunnels__event-time">10:50 - 11:30</div>
+        </div>
+        <div class="hack-the-tunnels__event" style="background-color: #34d3fa">
+          <div class="hack-the-tunnels__event-title">Lunch</div>
+          <div class="hack-the-tunnels__event-time">11:45 - 1:00</div>
+        </div>
+        <div class="hack-the-tunnels__event" style="background-color: #c6006a">
+          <div class="hack-the-tunnels__event-title">
+            Backend Is More Than Just APIs
+          </div>
+          <div class="hack-the-tunnels__event-time">1:00 - 2:00 PM</div>
+        </div>
+        <div class="hack-the-tunnels__event" style="background-color: #8c65fe">
+          <div class="hack-the-tunnels__event-title">
+            Introduction to Responsive Web Design
+          </div>
+          <div class="hack-the-tunnels__event-time">2:00 - 2:30 PM</div>
+        </div>
+        <div class="hack-the-tunnels__event" style="background-color: #f9df02">
+          <div class="hack-the-tunnels__event-title">
+            Unpacking Network Tunnels: A Deep Dive into Secure Connectivity
+          </div>
+          <div class="hack-the-tunnels__event-time">2:30 - 3:00 PM</div>
+        </div>
+        <div class="hack-the-tunnels__event" style="background-color: #34d3fa">
+          <div class="hack-the-tunnels__event-title">
+            Deploying Sites With Github Pages
+          </div>
+          <div class="hack-the-tunnels__event-time">5:20 - 5:35 PM</div>
+        </div>
+        <div class="hack-the-tunnels__event" style="background-color: #c6006a">
+          <div class="hack-the-tunnels__event-title">
+            Closing Cermonies + Prizes
+          </div>
+          <div class="hack-the-tunnels__event-time">5:35 - 6:00 PM</div>
+        </div>
+      </div>
       <div style="margin-top: 5rem"></div>
       <h1>Code of Conduct</h1>
       <p>