components/TeamMember.module.css

@@ -1,14 +1,15 @@
 .container {
-  max-width: calc(126rem / 16);
+  width: calc(126rem / 16);
   display: flex;
   flex-direction: column;
   margin: 0;
 }
 
 .img {
-  width: 100%;
-  border-radius: 50%;
-  margin: 0 auto;
+  width: calc(118rem / 16);
+  height: calc(118rem / 16);
+
+  clip-path: circle();
   object-fit: cover;
 }
 
@@ -29,7 +30,8 @@
 
 @media only screen and (max-width: calc(768rem / 16)) {
   .img {
-    width: 100%;
+    width: calc(126rem / 16);
+    height: calc(126rem / 16);
   }
 
   .caption {

components/TeamMemberCard.module.css

@@ -18,11 +18,12 @@
   max-width: calc(126rem / 16);
   max-height: calc(126rem / 16);
 
-  clip-path: circle(50%);
+  clip-path: circle();
 }
 
 .image {
-  width: 100%;
+  width: calc(126rem / 16);
+  height: calc(126rem / 16);
 }
 
 .name {
@@ -112,10 +113,6 @@
   align-items: center;
 }
 
-.popupImage {
-  width: 100%;
-}
-
 .popupName {
   color: var(--primary-accent);
   margin: calc(24rem / 16) 0 0 0;

components/TeamMemberCard.tsx

@@ -28,7 +28,7 @@ function TeamMemberInfo({
     <>
       <div className={styles.picture}>
         <Image
-          className={isPopup ? styles.popupImage : styles.image}
+          className={styles.image}
           src={image}
           alt={`Picture of ${name}`}
         />

content/team/execs/01-dora-su.md

@@ -0,0 +1,6 @@
+---
+name: Dora Su
+role: President
+---
+
+Hey everyone, I'm Dora, a 2nd year CS student.

content/team/execs/01-kallen-tu.md

@@ -1,6 +0,0 @@
----
-name: Kallen Tu
-role: President
----
-
-Hey everyone, I'm Kallen! I'm a 4th year CS student and it's my goal to make sure that every computing student at Waterloo has a place that they can belong and get the support they need 🙌. Outside of CSC, I'm an avid traveller and a hobbyist photographer 📷. I love playing games, finding new mountains to climb ⛰️, and watching horror movies. Feel free to reach out and chat with me about anything!

content/team/execs/02-gordon-le.md

@@ -1,6 +0,0 @@
----
-name: Gordon Le
-role: Vice President
----
-
-Hello everyone, I'm Gordon, and welcome to CSC! As a quick introduction, I'm a 4th year CS student at UW who enjoys playing ultimate frisbee, video games, music, and recently I've gotten into doing daily crossword puzzles. At CSC, we're always trying to support UW students in any way that we can, so please come and join us at our events 😄 If you ever see me on campus, please say hello! 👋

content/team/execs/02-jason-sang.md

@@ -0,0 +1,6 @@
+---
+name: Jason Sang
+role: Vice President
+---
+
+Hi! I’m Jason and I’m a 3B CS student. As VP, I help lead the events and operations team. Joining in Winter 2021, I quickly warmed up to the vision that Kallen and Gordon, our former Presidents, had for CSC. Like them, I saw CSC as a chance to fill the cohort gap that Engineering had and that Computer Science lacked. Other than grinding the Waterloo CS cycle, you’ll find me in my spare time composing and playing acoustic fingerstyle guitar or drowning in bass at a festival 😆.

content/team/execs/03-anjing-li.md

@@ -0,0 +1,6 @@
+---
+name: Anjing Li 
+role: Assistant Vice President
+---
+
+Hey guys! I'm Anjing, a 2nd year CS student.

content/team/execs/03-ravindu-angammana.md

@@ -1,6 +0,0 @@
----
-name: Ravindu Angammana
-role: Assistant Vice President
----
-
-Hey guys! I'm Ravindu, a 4th year Software Engineering student here at UW. I joined CSC to help create a healthy community where like-minded students at UW could easily connect with each other. If you ever have the chance to come to one of our events, please do! I promise you won't regret it. When I'm not working, I'll typically be playing video games, listening to music, or planning out a new travel destination (for when COVID ends). Feel free to say hi if you ever see me around!

content/team/execs/04-neil-parikh.md

@@ -1,6 +0,0 @@
----  
-name: Neil Parikh
-role: Treasurer
----
-
-Hi, I'm Neil, a 4th year Mechatronics Engineering student. I've been a part of CSC since my first term at Waterloo, and it's been a great experience for me, so I'm excited to share that with you all! In my free time, you can find me climbing or longboarding down one of the trails in Waterloo (usually not at the same time!).

content/team/execs/04-yanni-wang.md

@@ -0,0 +1,6 @@
+---  
+name: Yanni Wang
+role: Treasurer
+---
+
+Hi, I'm Yanni, a 2nd year CS student.

content/team/programme-committee.json

@@ -1,34 +1,34 @@
 [
   {
-    "name": "Brendan Wong",
-    "role": "Designer"
+    "name": "Sam Honoridez",
+    "role": "Head of Design"
   },
   {
-    "name": "Kailin Chan",
-    "role": "Designer"
+    "name": "Jenny Zhang",
+    "role": "Design"
   },
   {
-    "name": "Karen Lee",
-    "role": "Designer"
+    "name": "Vivian Guo",
+    "role": "Design"
   },
   {
-    "name": "Sam Honoridez",
-    "role": "Designer"
+    "name": "Jason Sang",
+    "role": "Head of Events"
   },
   {
-    "name": "Anna Wang",
+    "name": "Amya Singhal",
     "role": "Events"
   },
   {
-    "name": "Jason Sang",
+    "name": "Anna Wang",
     "role": "Events"
   },
   {
-    "name": "Ravindu Angammana",
+    "name": "Eric Huang",
     "role": "Events"
   },
   {
-    "name": "Shi Han",
+    "name": "Riddhi Bajaj",
     "role": "Events"
   },
   {
@@ -41,14 +41,30 @@
   },
   {
     "name": "Anjing Li",
+    "role": "Head of Marketing"
+  },
+  {
+    "name": "Alex Zhang",
+    "role": "Marketing"
+  },
+  {
+    "name": "Catherine Tao",
+    "role": "Marketing"
+  },
+  {
+    "name": "David Chen",
     "role": "Marketing"
   },
   {
-    "name": "Patrick He",
+    "name": "Dina Orucevic",
     "role": "Marketing"
   },
   {
-    "name": "Richa Dalal",
+    "name": "Helen Dong",
+    "role": "Marketing"
+  },
+  {
+    "name": "Saikrishna Tadepalli",
     "role": "Marketing"
   },
   {
@@ -56,15 +72,19 @@
     "role": "Marketing"
   },
   {
-    "name": "Alex Zhang",
+    "name": "Andrew Wang",
+    "role": "Head of Discord"
+  },
+  {
+    "name": "Charles Zhang",
     "role": "Discord Mod"
   },
   {
-    "name": "Andrew Wang",
+    "name": "Chris Xie",
     "role": "Discord Mod"
   },
   {
-    "name": "Charles Zhang",
+    "name": "Elaine Han",
     "role": "Discord Mod"
   },
   {
@@ -72,27 +92,27 @@
     "role": "Discord Mod"
   },
   {
-    "name": "Mark Chen",
+    "name": "Kallen Tu",
     "role": "Discord Mod"
   },
   {
-    "name": "Aaron Choo",
-    "role": "Representative"
+    "name": "Laura Nguyen",
+    "role": "Discord Mod"
   },
   {
-    "name": "Athena Liu",
-    "role": "Representative"
+    "name": "Mark Chen",
+    "role": "Discord Mod"
   },
   {
-    "name": "Betty Guo",
-    "role": "Representative"
+    "name": "Juthika Hoque",
+    "role": "Head of Reps"
   },
   {
-    "name": "Chris Xie",
+    "name": "Aaron Choo",
     "role": "Representative"
   },
   {
-    "name": "Dora Su",
+    "name": "Amy Luo",
     "role": "Representative"
   },
   {
@@ -108,7 +128,15 @@
     "role": "Representative"
   },
   {
-    "name": "Juthika Hoque",
+    "name": "Sat Arora",
+    "role": "Representative"
+  },
+  {
+    "name": "Star Xie",
+    "role": "Representative"
+  },
+  {
+    "name": "Tracy Dong",
     "role": "Representative"
   }
 ]

content/team/web-committee.json

@@ -27,10 +27,6 @@
     "name": "Jared He",
     "role": "Developer"
   },
-  {
-    "name": "Linna Luo",
-    "role": "Developer"
-  },
   {
     "name": "William Tran",
     "role": "Developer"

pages/about/team.tsx

@@ -18,7 +18,7 @@ import {
 
 import programmeData from "../../content/team/programme-committee.json";
 import systemsData from "../../content/team/systems-committee.json";
-import websiteData from "../../content/team/website-committee.json";
+import webData from "../../content/team/web-committee.json";
 
 import styles from "./team.module.css";
 
@@ -133,7 +133,7 @@ export const getStaticProps: GetStaticProps<Props> = async () => {
   )) as SerializedExec[];
   const [programme, website, systems] = await Promise.all([
     getTeamWithImages(programmeData),
-    getTeamWithImages(websiteData),
+    getTeamWithImages(webData),
     getTeamWithImages(systemsData),
   ]);