feat: First pass of schedule

Author: jbriones1

public/frosh/2025/index.html

@@ -168,11 +168,93 @@ <h2>Did you know...</h2>
         </p>
       </aside>
 
-      <section id="#schedule">
+      <section id="schedule">
         <div class="section-container">
-          <h2>When?</h2>
+          <h2>Schedule</h2>
           <div class="section-content">
-            <p><strong>Monday, September 8 - Saturday, September 13</strong></p>
+            <p>
+              Ducky Frosh is happening over 5 days (and one night) from
+              <strong>Monday, September 8</strong> to <strong>Saturday, September 13</strong>
+            </p>
+            <p>
+              There is something for everyone and even if you can't make all the events, we hope to
+              see you at as many as you can! Any changes will be announced over
+              <strong>email</strong> and <strong>announcements on Discord</strong>, so make sure
+              you've signed up or joined the server.
+            </p>
+            <p>Here's a summary of what's to come. Click on an event to learn more.</p>
+            <div id="calendar">
+              <div class="bg-box">
+                <h3>Monday</h3>
+                <h4>Ice Cream Social</h4>
+                <div>ASB Atrium & ASB 9702</div>
+                <time datetime="13:00">1 PM</time> - <time datetime="16:00">4 PM</time>
+                <p>
+                  A casual kickoff to Frosh Week! Students receive their Ducky Frosh T-shirts, meet
+                  their Frosh leaders, and mingle over complimentary ice cream. This event helps new
+                  students connect and feel welcome.
+                </p>
+              </div>
+              <div class="bg-box">
+                <h3>Tuesday</h3>
+                <h4>Burnaby Mountain Park Hike</h4>
+                <time datetime="12:00">12 PM</time> - <time datetime="15:00">3 PM</time>
+                <div>SFU Upper Bus Loop</div>
+                <p>
+                  An adventurous group hike that includes outdoor games, food, and refreshing
+                  drinks. This active outing builds camaraderie and offers a fun, informal way to
+                  enjoy nature and bond with others.
+                </p>
+              </div>
+              <div class="bg-box">
+                <h3>Wednesday</h3>
+                <h4>Rest Day</h4>
+                <p>
+                  You're going to want to take this day to get ready for the upcoming semester and
+                  the next 3 days of Frosh.
+                </p>
+              </div>
+              <div class="bg-box">
+                <h3>Thursday</h3>
+                <h4>Info Session</h4>
+                <time datetime="10:00">10 AM</time> - <time datetime="12:00">12 PM</time>
+                <div>TBD</div>
+                <p>
+                  Introduces Froshees to Computing Science concentrations, academic planning, and
+                  the Co-op program. Led by faculty and industry experts.
+                </p>
+                <br />
+                <h4>Pac-Macro</h4>
+                <time datetime="13:00">1 PM</time> - <time datetime="16:00">4 PM</time>
+                <div>UniverCity</div>
+                <p>
+                  A life-sized Pac-Man game using real streets and a CSSS-built tracking software.
+                  Froshees play as Pac-Man or Ghosts in a thrilling, energetic game that combines
+                  tech and fun.
+                </p>
+                <br />
+                <h4>BBQ & Board Games</h4>
+                <time datetime="17:00">5 PM</time> - <time datetime="21:00">9 PM</time>
+                <div>TASC-1 9204</div>
+                <p>
+                  Enjoy delicious burgers made by the CSSS Culinary Team. Followed by a cozy evening
+                  of board games to help Froshees relax and bond.
+                </p>
+              </div>
+              <div class="bg-box">
+                <h3>
+                  Friday - Saturday <span>7PM - 9AM</span>
+                  <div>TASC 1 9204</div>
+                </h3>
+                <h4>Midnight Madnesss</h4>
+                <p>
+                  Midnight Madness is the grand finale of Ducky Frosh, a 12-hour overnight
+                  extravaganza packed with games, challenges, food, and bonding. Students compete in
+                  activities representing the five Applied Science Schools, and build lasting
+                  memories.
+                </p>
+              </div>
+            </div>
           </div>
         </div>
       </section>
@@ -195,7 +277,7 @@ <h2>Sponsors</h2>
               <strong>sponsors</strong>.
             </p>
             <!-- TODO: Insert sponsorship graphic or link to the PDF. -->
-            <p>TODO: Sponsorship graphic.</p>
+            <p><strong>TODO: Sponsorship graphic.</strong></p>
             <p>
               If you're interested in sponsoring this event, please email
               <strong>csss-froshchair@sfu.ca</strong>.

public/frosh/2025/style.css

@@ -254,6 +254,35 @@ main {
     }
 }
 
+#calendar {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+
+    &>.bg-box {
+        width: 100%;
+        padding: 1rem;
+
+        & span {
+            float: right;
+        }
+
+        &>h3 {
+            color: var(--c-accent);
+        }
+
+        &>h4 {
+            color: var(--c-strong);
+        }
+
+        &>p {
+            color: var(--c-tertiary);
+            font-size: 1rem;
+        }
+    }
+
+}
+
 footer {
     display: flex;
     flex-direction: column;
@@ -309,3 +338,15 @@ footer {
         }
     }
 }
+
+@media (min-width: 570px) {
+    #calendar {
+        flex-direction: row;
+        align-items: flex-start;
+        flex-wrap: wrap;
+
+        &>.bg-box {
+            flex: 1 1 15rem;
+        }
+    }
+}