Past team

assets/styles/main.css

@@ -12,6 +12,7 @@
   --color-utmsam: #f28b05;
   --color-dsc: #eb07a3;
   --color-robotics: #0071db;
+  --filter-exam-text: brightness(0);
   --bg: #fff;
 }
 
@@ -28,6 +29,7 @@
   --color-utmsam: #f28b05;
   --color-dsc: #eb07a3;
   --color-robotics: #0071db;
+  --filter-exam-text: brightness(0) invert(1);
   --bg: rgb(24, 26, 27);
 }
 
@@ -54,6 +56,7 @@ body {
   font-size: 30px;
   font-weight: 600;
   line-height: 1.05;
+  margin-top: 30px;
 }
 
 .scrolling-wrapper {

components/NavDrawer.vue

@@ -52,6 +52,10 @@ export default {
           title: 'Contributing',
           link: '/contributing',
         },
+        {
+          title: 'Past Teams',
+          link: '/past-teams',
+        },
       ],
     }
   },

components/global/ExamText.vue

@@ -43,5 +43,7 @@ a {
 .icon {
   width: 36px;
   height: 36px;
+  background: none !important;
+  filter: var(--filter-exam-text);
 }
 </style>

content/team/past-teams.json

@@ -0,0 +1,63 @@
+{
+  "teams": [
+    {
+      "year": "2020-2021",
+      "members": [
+        {
+          "name": "Alexandra Thompson",
+          "imgSrc": "/team/AlexThompson.jpg",
+          "position": "General Manager",
+          "message": "Alexandra found her passion for working with students in her time as an undergraduate Computer Science teaching assistant. She enjoys conversations on the ups and downs of student life and her experience as an undergraduate. Alexandra loves to share her tips on overcoming struggles in university.",
+          "discord": "LovecraftsSiren#8059",
+          "email": "jenniferalexandrathompson@mail.utoronto.ca",
+          "linkedin": "https://www.linkedin.com/in/jenalexthompson"
+        },
+        {
+          "name": "Chris Lim",
+          "imgSrc": "https://avatars1.githubusercontent.com/u/24628243?s=400&u=0edf079732c29b3c8cdd0358a39210d57d301002&v=4",
+          "position": "Technical Director",
+          "message": "Chris is our tech lead! He recently finished a CSC492 project where he created a tinder-like application for students to match with school clubs! If you need help with your personal projects or want to learn a new technology, he's your go to man!",
+          "discord": "Eat My Shuriken#1325",
+          "email": "christopher.limtungtseung@utoronto.ca",
+          "linkedin": "https://www.linkedin.com/in/hiimchrislim"
+        },
+        {
+          "name": "Jessica Anderson",
+          "imgSrc": "/team/jess.jpg",
+          "position": "Operations Director",
+          "message": "Jessica was accepted into UTM as an Accounting Student, but ended up wanting to do Computer Science, so she is ready to tackle any of your POSt questions. She always struggles to choose which courses are most important to take and she's ready to share her findings!",
+          "discord": "janders#8886",
+          "email": "jess.anderson@mail.utoronto.ca",
+          "linkedin": "https://www.linkedin.com/in/jessicaanderson9"
+        },
+        {
+          "name": "VyVy Ngo",
+          "imgSrc": "https://avatars.githubusercontent.com/u/45834118?s=460&u=83382baac5f0a500fa99646a4d5899fe391f7328&v=4",
+          "position": "Student Resource Curator",
+          "message": "As the student resource curator, VyVy wants to create a welcoming computer science environment by providing students access to any information they need. She has a passion learning and grabs any information within her reach. In her spare time, she enjoys knitting and some Skyrim.",
+          "discord": "SleepyVyvy#9713",
+          "email": "vyvy.ngo@mail.utoronto.ca",
+          "linkedin": "https://www.linkedin.com/in/tuong-vy-n-614b4213b/"
+        },
+        {
+          "name": "Nameera Azim",
+          "imgSrc": "/team/Nameera.png",
+          "position": "Student Culture Coordinator",
+          "message": "Nameera dedicates her time to connecting with the students within the Computer Science community to learn about what type of support they need and advocating for changes that improve their University experience. Feel free to shoot her message if you want to talk about anything - from internships to Earnest Hemmingway to new Marvel movies.",
+          "discord": "Nameera#2802",
+          "email": "nameera.azim@mail.utoronto.ca",
+          "linkedin": "https://www.linkedin.com/in/nameera-azim-1924a21b6/"
+        },
+        {
+          "name": "Michael Liut",
+          "imgSrc": "/team/Michael.png",
+          "position": "Faculty Advisor",
+          "message": "Michael is a Computer Science educator who prides himself in fostering an environment of educational excellence through active and experiential learning. In recent years he has assisted in the development and implementation of active learning materials/strategies in several Computer Science courses at UTM. Michael enjoys travelling, and is an avid scuba diver.",
+          "discord": "Mike's Here#5684",
+          "email": " michael.liut@utoronto.ca",
+          "linkedin": "https://www.linkedin.com/in/mliut"
+        }
+      ]
+    }
+  ]
+}

pages/index.vue

@@ -101,7 +101,7 @@ export default {
   },
   async asyncData({$axios, $content, params, error}) {
     const teamDataStore = await $content('team').fetch()
-    const currentTeam = teamDataStore[0].team
+    const currentTeam = teamDataStore[1].team
     const contributors = []
     await $axios
       .$get('https://api.github.com/repos/utm-cssc/website/contributors')

pages/past-teams/index.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="container">
+    <!-- Tech Team -->
+    <div class="my-5">
+      <div class="cssc-heading">
+        Past Teams
+      </div>
+      <div v-for="team in pastTeam" :key="team.year">
+        <div class="cssc-subheadings">
+          {{ team.year }}
+        </div>
+        <div class="teams">
+          <Teammate
+            v-for="mate in team.members"
+            :key="mate.name"
+            :imgSrc="mate.imgSrc"
+            :name="mate.name"
+            :position="mate.position"
+            :message="mate.message"
+            :discord="mate.discord"
+            :email="mate.email"
+            :linkedin="mate.linkedin"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data: () => {
+    return {}
+  },
+  async asyncData({$axios, $content, params, error}) {
+    const teamDataStore = await $content('team').fetch()
+    const pastTeam = teamDataStore[0].teams
+    return {pastTeam}
+  },
+}
+</script>
+
+<style scoped>
+.teams {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+
+@media screen and (max-width: 768px) {
+  .teams {
+    justify-content: center;
+  }
+}
+
+@media (min-width: 1904px) {
+  .teams {
+    justify-content: initial;
+  }
+}
+</style>