update team page with fyrs

assets/scss/components/_team.scss

@@ -5,6 +5,7 @@
 
 #team_flex_box {
   display: flex;
+  flex-direction: row;
   justify-content: space-evenly;
   align-items: center;
   flex-wrap: wrap;
@@ -14,6 +15,23 @@
   width: 100%;
 }
 
+.team-row {
+  display: flex;
+  gap: 30px;
+}
+
+.team-row-4 {
+  flex-wrap: wrap;
+}
+
+.team-row-3 {
+  flex-wrap: wrap;
+}
+
+.team-row-2 {
+  flex-wrap: wrap;
+}
+
 .past {
   a {
     display: none;

data/current_team.yml

@@ -32,4 +32,14 @@
   role: Director of Academics
   email: [email protected]
   intro: "Hey everyone! My name is Ben Yu and I'm currently a 3rd year student. I'll be your Director of Academics this year, and I can't wait for you guys to see what we have planned. I enjoy playing and listening to all sorts of music in my spare time. Feel free to reach out anytime!"
-  image: images/executives/benjamin_yu.jpg
+  image: images/executives/benjamin_yu.jpg
+- name: Afaq Virk
+  role: First Year Representative
+  email: [email protected]
+  intro: "Hey all! I'm Afaq, a first year student in the Dev Degree Stream. Don't hesitate to set up a chat about... anything, really!"
+  image: images/executives/afaq.png
+- name: Maliha Ali 
+  role: First Year Representative
+  email: [email protected]
+  intro: "Hello! I'm Maliha, I'm a first year in the Dev Degree program and I'm so excited to work with you all! I love classical music and the fine arts and I'm up to chat whenever :)"
+  image: images/executives/maliha.jpg

layouts/_default/team.html

@@ -1,9 +1,17 @@
 {{ define "main" }}
   {{- partial "navbar_temp.html" . -}}
   <div id="team_flex_box">
+    {{ $counter := 0 }}
     {{ range $.Site.Data.current_team }}
+      {{ if eq $counter 0 }}<div class="team-row team-row-4">{{ end }}
+      {{ if eq $counter 4 }}</div><div class="team-row team-row-3">{{ end }}
+      {{ if eq $counter 7 }}</div><div class="team-row team-row-2">{{ end }}
+
       {{- partial "team_card.html" (dict "name" .name "role" .role "email" .email "intro" .intro "image" .image ) -}}
+
+      {{ $counter = add $counter 1 }}
     {{ end }}
+    </div>
   </div>
   <div class="see-more">
     <a href="/about/team/past/">See Previous Teams...</a>