Add course registration office hours

assets/scss/_components.scss

@@ -36,3 +36,4 @@
 @import "components/woa";
 @import "components/volunteer";
 @import "components/article-question";
+@import "components/registration_office_hours";

assets/scss/components/_registration_office_hours.scss

@@ -0,0 +1,75 @@
+h1 {
+  text-align: center;
+  margin-top: 3rem;
+  margin-bottom: 2rem;
+
+  @media only screen and (max-width: 768px) {
+    font-size: 1.5rem;
+  }
+}
+
+.resume-reviewers {
+  display: flex;
+  justify-content: space-evenly;
+  align-items: stretch;
+  flex-wrap: wrap;
+  flex-basis: 0;
+  gap: 2rem;
+  max-width: 85rem;
+  margin: auto;
+  padding-top: 0;
+  padding-bottom: 8rem;
+  width: 100%;
+
+  .reviewer {
+    background-color: #fff;
+    box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
+    padding: 32px 16px;
+    max-width: 300px;
+    border-radius: 1.5rem;
+    text-align: center;
+    flex: 1 1 calc(30% - 1rem);
+    margin: 1rem;
+    margin-bottom: 32px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+
+    @media only screen and (max-width: 1280px) {
+      flex: 1 1 calc(40% - 1rem);
+    }
+    @media only screen and (max-width: 768px) {
+      flex: 1 1 calc(50% - 1rem);
+    }
+
+    img {
+      display: block;
+      margin: 0 auto;
+      border-radius: 50%;
+      width: 192px;
+      height: 192px;
+      object-fit: cover;
+    }
+
+    h2 {
+      text-align: center;
+      margin-top: 1rem;
+    }
+
+    p {
+      margin: 0.3rem 0;
+    }
+
+    p.placeholder {
+      visibility: hidden;
+      margin: 0.3rem 0;
+      height: 1.25rem;
+    }
+
+    a {
+      margin-top: auto;
+      padding-top: 1rem;
+    }
+  }
+}

content/events/2025-2026/2025-06-29-registration-office-hours.md

@@ -0,0 +1,17 @@
+---
+display_title: "Course Registration Office Hours"
+title: "Course Registration Office Hours"
+date: 2025-06-29T00:00:00Z
+draft: false
+layout: event
+poster: "/images/event_posters/2025-2026/registration-office-hours.png"
+poster_cover: "contain"
+poster_position: "center"
+short_description: "Book a call with an upper year student to get help with your schedule!"
+start_time: "June 29th - July 4th"
+location: "Book a Slot"
+location_link: "/registration-office-hours/"
+background: "images/orientation2018-min.jpeg"
+publishdate: 2025-06-19
+---
+Check out the profiles of our office hours volunteers and book a call with one of them [here!](/registration-office-hours/)

content/registration-office-hours/_index.md

@@ -0,0 +1,8 @@
+---
+title: "Course Registration Office Hours"
+date: 2025-06-19T00:00:00Z
+draft: false
+url: "/registration-office-hours"
+layout: registration-office-hours
+preview: ""
+---

data/registration_office_hours_volunteers.yml

@@ -0,0 +1,73 @@
+- name: Riley Lutz
+  first_name: Riley
+  year_standing: Fourth
+  stream: Game Development stream
+  minors: Minor in Film
+  additional_info: 
+  image: images/executives/riley.png
+  link: "https://calendly.com/riley-lutz-ccss/registration-office-hours"
+
+- name: Jacc Padmakar
+  first_name: Jacc
+  year_standing: Third
+  stream: AI and ML stream
+  minors: Minor in Film
+  additional_info: International student, Took the Z section
+  image: images/executives/jacc.jpg
+  link: "https://calendly.com/jacc-padmakar-ccss/registration-office-hours"
+
+- name: Landon MacDonald
+  first_name: Landon
+  year_standing: Third
+  stream: Cybersecurity stream
+  minors: No minors
+  additional_info: TA experience, Took the Z section
+  image: images/executives/landon.jpg
+  link: "https://calendly.com/05effects/registration-office-hours"
+
+- name: Ryan Chung
+  first_name: Ryan
+  year_standing: Fourth 
+  stream: AI and ML stream
+  minors: Minor in Business Entrepreneurship
+  additional_info: Took the Z section
+  image: images/executives/ryan_chung2.JPG
+  link: "https://calendly.com/ryan-chung-ccss/30min"
+
+- name: Nguyen-Hanh Nong
+  first_name: Nguyen 
+  year_standing: Fourth
+  stream: AI and ML stream
+  minors: Minors in Math and Psychology
+  additional_info: TA experience
+  image: images/executives/nguyen.jpg
+  link: "https://calendly.com/nguyenhanh-nong-ccss/registration-office-hours"
+
+- name: Kimia Khorram-Roudi
+  first_name: Kimia
+  year_standing: Second
+  stream: Cybersecurity stream
+  minors: No minors
+  additional_info: ""
+  image: images/executives/kimia.jpg
+  link: "https://calendly.com/kimia-khorramroudi-ccss/registration-office-hours"
+
+- name: Veronica Mordvinova
+  first_name: Veronica
+  year_standing: Third
+  stream: AI and ML stream
+  minors: Minors in Math and Neuroscience
+  additional_info: TA experience
+  image: images/executives/veronica2.jpg
+  link: "https://calendly.com/veronica-mordvinova-ccss/registration-office-hours"
+
+- name: Eros McGuire
+  first_name: Eros
+  year_standing: Third
+  stream: AI and ML stream
+  minors: Minor in Economics
+  additional_info: 
+  image: images/executives/eros.png
+  link: "https://calendly.com/eros-mcguire-ccss/registration-office-hours"
+
+

layouts/_default/registration-office-hours.html

@@ -0,0 +1,66 @@
+{{ define "main" }}
+  {{- partial "navbar_temp.html" . -}}
+  <link
+    href="https://assets.calendly.com/assets/external/widget.css"
+    rel="stylesheet"
+  />
+  <script
+    src="https://assets.calendly.com/assets/external/widget.js"
+    type="text/javascript"
+    async
+  ></script>
+  <script
+    src="https://code.jquery.com/jquery-3.5.1.min.js"
+    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
+    crossorigin="anonymous"
+  ></script>
+  <script>
+    $(document).ready(function () {
+      shuffle(".resume-reviewers");
+
+      function shuffle(parent) {
+        $(parent).each(function () {
+          var divs = $(this).find(".reviewer");
+          for (var i = 0; i < divs.length; i++) $(divs[i]).remove();
+          var i = divs.length;
+          if (i == 0) return false;
+          while (--i) {
+            var j = Math.floor(Math.random() * (i + 1));
+            var tempi = divs[i];
+            var tempj = divs[j];
+            divs[i] = tempj;
+            divs[j] = tempi;
+          }
+          for (var i = 0; i < divs.length; i++) $(divs[i]).appendTo(this);
+        });
+      }
+    });
+  </script>
+  <h1>Meet our Course Registration Office Hours Volunteers!</h1>
+  <div class="resume-reviewers">
+    {{ range .Site.Data.registration_office_hours_volunteers }}
+      <div class="reviewer">
+        <img src="{{ .image | relURL }}" alt="{{ .name }}" />
+        <h2>{{ .name }}</h2>
+        <b><p>{{ .year_standing }} year standing</p></b>
+        <b><p>{{ .stream }}</p></b>
+        {{ if .minors }}
+          <p>{{ .minors }}</p>
+          {{ else }}
+          <p class="placeholder"></p>
+        {{ end }}
+
+        {{ if .additional_info }}
+          <p>{{ .additional_info }}</p>
+          {{ else }}
+          <p class="placeholder"></p>
+        {{ end }}
+        <a
+          href=""
+          onclick="Calendly.initPopupWidget({url: '{{ .link }}'});return false;"
+          >{{- partial "button.html" (dict "label" (printf "Book a call with %s" .first_name)) -}}</a
+        >
+      </div>
+    {{ end }}
+  </div>
+{{ end }}