Add front page (Closes #44) #68
|
@ -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/",
|
||||||
|
},
|
||||||
|
];
|
|
@ -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>
|
||||||
|
);
|
||||||
|
}
|
Loading…
Reference in New Issue