update styling and add missing links

Author: AJaccP

assets/scss/components/_registration_office_hours.scss

@@ -1,6 +1,11 @@
 h1 {
   text-align: center;
-  margin-bottom: 1rem;
+  margin-top: 3rem;
+  margin-bottom: 2rem;
+
+  @media only screen and (max-width: 768px) {
+    font-size: 1.5rem;
+  }
 }
 
 .resume-reviewers {
@@ -12,13 +17,17 @@ h1 {
   gap: 2rem;
   max-width: 85rem;
   margin: auto;
-  padding-top: 2rem;
+  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;
-    max-width: 700px;
     flex: 1 1 calc(30% - 1rem);
     margin: 1rem;
     margin-bottom: 32px;
@@ -30,7 +39,7 @@ h1 {
     @media only screen and (max-width: 1280px) {
       flex: 1 1 calc(40% - 1rem);
     }
-    @media only screen and (max-width: 600px) {
+    @media only screen and (max-width: 768px) {
       flex: 1 1 calc(50% - 1rem);
     }
 
@@ -45,11 +54,17 @@ h1 {
 
     h2 {
       text-align: center;
-      margin-top: 0.5rem;
+      margin-top: 1rem;
     }
 
     p {
-      margin: 0.5rem 0;
+      margin: 0.3rem 0;
+    }
+
+    p.placeholder {
+      visibility: hidden;
+      margin: 0.3rem 0;
+      height: 1.25rem;
     }
 
     a {

data/registration_office_hours_volunteers.yml

@@ -1,9 +1,9 @@
 - name: Riley Lutz
   first_name: Riley
   year_standing: Fourth
-  stream: No stream
+  stream: Game Development stream
   minors: Minor in Film
-  additional_info: Previously in the Game Development stream
+  additional_info: 
   image: images/executives/riley.png
   link: "https://calendly.com/riley-lutz-ccss/registration-office-hours"
 
@@ -20,10 +20,10 @@
   first_name: Landon
   year_standing: Third
   stream: Cybersecurity stream
-  minors: ""
+  minors: No minors
   additional_info: TA experience, Took the Z section
   image: images/executives/landon.jpg
-  link: 
+  link: "https://calendly.com/05effects/registration-office-hours"
 
 - name: Ryan Chung
   first_name: Ryan
@@ -32,7 +32,7 @@
   minors: Minor in Business Entrepreneurship
   additional_info: Took the Z section
   image: images/executives/ryan_chung2.JPG
-  link: 
+  link: "https://calendly.com/ryan-chung-ccss/30min"
 
 - name: Nguyen-Hanh Nong
   first_name: Nguyen 
@@ -47,7 +47,7 @@
   first_name: Kimia
   year_standing: Second
   stream: Cybersecurity stream
-  minors: ""
+  minors: No minors
   additional_info: ""
   image: images/executives/kimia.jpg
   link: "https://calendly.com/kimia-khorramroudi-ccss/registration-office-hours"
@@ -66,7 +66,7 @@
   year_standing: Third
   stream: AI and ML stream
   minors: Minor in Economics
-  additional_info: ""
+  additional_info: 
   image: images/executives/eros.png
   link: "https://calendly.com/eros-mcguire-ccss/registration-office-hours"
 

layouts/_default/registration-office-hours.html

@@ -36,16 +36,25 @@
       }
     });
   </script>
-  <h1>Meet our Registration Office Hours Volunteers!</h1>
+  <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>
-        <p>{{ .minors }}</p>
-        <p>{{ .additional_info }}</p>
+        {{ 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;"