meet the team draft

@@ -0,0 +1,7 @@
+---
+name: Gordon Le
+role: Vice President
+image: /images/team/exec/Exec_GordonLe.jpg

@@ -55,1 +55,3 @@
-@media only screen and (max-width: calc(375rem / 16)) {
+/* Popup */
+
+.popup_background {

@@ -0,0 +72,4 @@
+      <Bubble>
+        <div className={styles.elections}>
+          <h2 className={styles.election_subheading}>Elections</h2>
+          <ElectionContent />

@@ -0,0 +36,4 @@
+  return windowSize;
+}
+
+export default useWindowDimension;

@@ -0,0 +18,4 @@
+    .map((name) => name.slice(0, -1 * fileType.length));
+}
+
+export async function getExecContent(fileName: string, convert = true) {

@@ -0,0 +1,39 @@
+import { useEffect, useState } from "react";

@@ -0,0 +25,4 @@
+  execs: SerializedExec[];
+}
+
+export default function MeetTheTeam({ execs }: Props) {

@@ -0,0 +1,7 @@
+---
+name: Gordon Le
+role: Vice President
+image: /images/team/exec/Exec_GordonLe.JPG

@@ -0,0 +103,4 @@
+  );
+}
+
+async function getMemberImage(team: Omit<Metadata, "image">[]) {

@@ -0,0 +122,4 @@
+  )) as SerializedExec[];
+  const programme = await getMemberImage(programmeData);
+  const website = await getMemberImage(websiteData);
+  const systems = await getMemberImage(systemsData);

@@ -21,0 +37,4 @@
+        <h2 className={styles.role}>{role}</h2>
+        <div className={styles.description}>{children}</div>
+      </article>
+      {isOpen && (

@@ -78,0 +92,4 @@
+  padding: calc(20rem / 16) calc(40rem / 16);
+  left: 0;
+  top: 50%;
+  animation: popup 0.7s forwards;

@@ -0,0 +50,4 @@
+}
+
+.elections {
+  margin-top: 6rem;

@@ -0,0 +53,4 @@
+  margin-top: 6rem;
+}
+
+.electionSubheading {

@@ -0,0 +21,4 @@
+
+import styles from "./team.module.css";
+
+// TODO: link News page in Elections