added codey

components/TeamMember.tsx

@@ -17,7 +17,7 @@ export const TeamMember: React.FC<TeamMemberProps> = ({
     <div className={styles.container}>
       <Image
         className={styles.img}
-        src={image ?? "/images/team/team-member-placeholder.png"}
+        src={image ?? "/images/team/team-member-placeholder.svg"}
         alt={`Picture of ${name}`}
       />
       <div className={styles.caption}>

components/TeamMemberCard.module.css

@@ -107,6 +107,7 @@
 .popup_role {
   color: var(--purple-2);
   margin: 0 0 1rem 0;
+  text-align: center;
   font-size: calc(18rem / 16);
   font-weight: 600;
 }

components/TeamMemberCard.tsx

@@ -29,7 +29,7 @@ export function TeamMemberCard({
         <div className={styles.picture}>
           <Image
             className={styles.image}
-            src={image ?? "/images/team/team-member-placeholder.png"}
+            src={image ?? "/images/team/team-member-placeholder.svg"}
             alt={`Picture of ${name}`}
           />
         </div>
@@ -67,7 +67,7 @@ function ExecPopup({ name, image, role, children, handleClick }: Propup) {
           <div className={styles.picture}>
             <Image
               className={styles.popup_image}
-              src={image ?? "/images/team/team-member-placeholder.png"}
+              src={image ?? "/images/team/team-member-placeholder.svg"}
               alt={`Picture of ${name}`}
             />
           </div>

content/meet-the-team/execs/06-codey.md

@@ -0,0 +1,7 @@
+---
+name: Codey
+role: Mascot
+image: images/team/exec/Exec_Codey.png
+---
+
+The one, the only, Codey! Codey is ecstatic to be your mascot for this term. Codey loves programming and playing on their laptop. You can often find Codey posing for event promo graphics, or chilling in the CSC discord.

public/images/team/team-member-placeholder.svg

@@ -0,0 +1,3 @@
+<svg width="126" height="126" viewBox="0 0 126 126" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="63" cy="63" r="63" fill="#5CAFF9" fill-opacity="0.09"/>
+</svg>