Add Contributors page (Closes #63) (#121)

Co-authored-by: e26chiu <e26chiu@csc.uwaterloo.ca>
Reviewed-on: #121
Reviewed-by: Shahan Nedadahandeh <snedadah@csclub.uwaterloo.ca>
Co-authored-by: Mark Chiu <e26chiu@csclub.uwaterloo.ca>
Co-committed-by: Mark Chiu <e26chiu@csclub.uwaterloo.ca>

data/contributors.ts

@@ -0,0 +1,75 @@
+export const communityReps = [
+  {
+    name: "Sat Arora",
+    link: "https://www.linkedin.com/in/sat-arora/",
+  },
+  {
+    name: "Mayank Mehra",
+    link: "https://www.linkedin.com/in/mayank808",
+  },
+  {
+    name: "Olivia Liu",
+    link: "",
+  },
+  {
+    name: "Amy Luo",
+    link: "https://www.linkedin.com/in/amytluo/",
+  },
+  {
+    name: "Juthika Hoque",
+    link: "https://www.linkedin.com/in/juthikahoque/",
+  },
+];
+
+export const designers = [
+  {
+    name: "Jenny Zhang",
+    link: "https://www.instagram.com/j3nny_zhang",
+  },
+  {
+    name: "Vivian Guo",
+    link: "https://www.linkedin.com/in/vivianvg",
+  },
+  {
+    name: "Aaryan Shroff",
+    link: "https://www.linkedin.com/in/aaryan-shroff",
+  },
+  {
+    name: "Rachel Ma",
+    link: "",
+  },
+];
+
+export const webDevs = [
+  {
+    name: "Amy Wang",
+    link: "",
+  },
+  {
+    name: "Beihao Zhou",
+    link: "https://www.linkedin.com/in/beihaozhou/",
+  },
+  {
+    name: "Jared He",
+    link: "https://www.linkedin.com/in/jaredhe/",
+  },
+  {
+    name: "Mark Chiu",
+    link: "https://linkedin.com/in/markchiu02",
+  },
+  {
+    name: "Shahan Nedadahandeh",
+    link: "https://shahan.ca/",
+  },
+];
+
+export const sysCom = [
+  {
+    name: "Raymond Li",
+    link: "https://raymond.li/",
+  },
+  {
+    name: "Max Erenberg",
+    link: "https://maxerenberg.github.io/",
+  },
+];

data/routes.ts

@@ -4,6 +4,7 @@ export interface PageRoute {
 }
 
 type PageID =
+  | "home"
   | "demographics"
   | "academics"
   | "coop"
@@ -18,6 +19,10 @@ type PageID =
 
 export type PageRoutes = { [key in PageID]: PageRoute };
 export const pageRoutes: PageRoutes = {
+  home: {
+    name: "Home",
+    url: "/",
+  },
   demographics: {
     name: "Demographics",
     url: "/demographics",

pages/contributors.tsx

@@ -0,0 +1,85 @@
+import { communityReps, designers, webDevs, sysCom } from "data/contributors";
+import { pageRoutes } from "data/routes";
+import React from "react";
+
+import { BottomNav } from "@/components/BottomNav";
+import { CenterWrapper } from "@/components/CenterWrapper";
+import { Header } from "@/components/Header";
+import { SectionHeader } from "@/components/SectionHeader";
+
+import styles from "./samplePage.module.css";
+
+interface ContributorProfile {
+  name: string;
+  link: string;
+}
+
+interface ContributorGroupProps {
+  group: Array<ContributorProfile>;
+}
+
+export function ContributorGroup({ group }: ContributorGroupProps) {
+  return (
+    <ul>
+      {group
+        .sort((a, b) => a.name.localeCompare(b.name))
+        .map((d, idx) => {
+          return (
+            <li key={idx}>
+              <a href={d.link}>{d.name}</a>
+            </li>
+          );
+        })}
+    </ul>
+  );
+}
+
+export default function Contributors() {
+  return (
+    <div className={styles.page}>
+      <Header />
+      <SectionHeader
+        title="Contributors"
+        subtitle="Huge thanks to all CSC members who have contributed to creating the first ever uWaterloo CS class profile!"
+      />
+
+      <CenterWrapper>
+        <p>
+          The 2022 CS Class Profile was completed by members of the UW Computer
+          Science Club. Specifically, several current and past members (as of
+          this writing) of the Community Representatives, Designers, Web
+          Committee, and Systems Committee put lots of time into making it what
+          it is. Please contact{" "}
+          <a href="mailto: exec@csclub.uwaterloo.ca">
+            exec@csclub.uwaterloo.ca
+          </a>{" "}
+          for specific concerns for the CS Class Profile, but the specific
+          contributors include the following:
+        </p>
+        <ul>
+          <li>
+            Community Representatives
+            <ContributorGroup group={communityReps} />
+          </li>
+          <li>
+            Designers
+            <ContributorGroup group={designers} />
+          </li>
+          <li>
+            Website Committee
+            <ContributorGroup group={webDevs} />
+          </li>
+          <li>
+            Systems Committee
+            <ContributorGroup group={sysCom} />
+          </li>
+        </ul>
+      </CenterWrapper>
+
+      <BottomNav
+        leftPage={pageRoutes.personal}
+        rightPage={pageRoutes.home}
+      ></BottomNav>
+    </div>
+  );
+}