diff --git a/.vscode/settings.json b/.vscode/settings.json index 68d9b3b3..4af755c3 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -38,5 +38,6 @@ "files.exclude": { "node_modules": true }, - "editor.tabSize": 2 + "editor.tabSize": 2, + "files.eol": "\n" } \ No newline at end of file diff --git a/content/meet-the-team/elections.mdx b/content/meet-the-team/elections.mdx new file mode 100644 index 00000000..f8fb38f1 --- /dev/null +++ b/content/meet-the-team/elections.mdx @@ -0,0 +1,5 @@ +To find out when and where the next elections will be held, keep an +eye on on the [News](https://google.com). + +For details on the elections, read our +[Constitution](/about/constitution). diff --git a/content/meet-the-team/execs/Kallen-Tu.team-member.mdx b/content/meet-the-team/execs/Kallen-Tu.team-member.mdx new file mode 100644 index 00000000..65295039 --- /dev/null +++ b/content/meet-the-team/execs/Kallen-Tu.team-member.mdx @@ -0,0 +1,7 @@ +export const metadata = { + name: "Kallen Tu", + role: "President", + image: "/images/playground/codeyHi.png", +}; + +words words words codey words words words words codey words words words words codey words words words words codey words words words words codey words words words words words codey words words words words codey words words words words codey words words words words codey words words words diff --git a/content/meet-the-team/other.json b/content/meet-the-team/other.json new file mode 100644 index 00000000..a2cf2226 --- /dev/null +++ b/content/meet-the-team/other.json @@ -0,0 +1,7 @@ +[ + { + "name": "", + "role": "", + "image": "" + } +] \ No newline at end of file diff --git a/content/meet-the-team/programme-committee.json b/content/meet-the-team/programme-committee.json new file mode 100644 index 00000000..f800d38c --- /dev/null +++ b/content/meet-the-team/programme-committee.json @@ -0,0 +1,37 @@ +[ + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + } +] \ No newline at end of file diff --git a/content/meet-the-team/systems-committee.json b/content/meet-the-team/systems-committee.json new file mode 100644 index 00000000..198cbbbd --- /dev/null +++ b/content/meet-the-team/systems-committee.json @@ -0,0 +1,12 @@ +[ + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + } +] \ No newline at end of file diff --git a/content/meet-the-team/website-committee.json b/content/meet-the-team/website-committee.json new file mode 100644 index 00000000..e9a37c11 --- /dev/null +++ b/content/meet-the-team/website-committee.json @@ -0,0 +1,47 @@ +[ + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + }, + { + "name": "Name Name", + "role": "Role", + "image": "images/playground/doge.jpg" + } +] diff --git a/pages/about/team.mdx b/pages/about/team.mdx deleted file mode 100644 index 707cf7c5..00000000 --- a/pages/about/team.mdx +++ /dev/null @@ -1 +0,0 @@ -# Meet the Team page diff --git a/pages/about/team.module.css b/pages/about/team.module.css new file mode 100644 index 00000000..6ab5494d --- /dev/null +++ b/pages/about/team.module.css @@ -0,0 +1,44 @@ +.container { + margin: 0 auto; + max-width: calc(806rem / 16); + padding: 0 calc(60rem / 16); +} + +.headerContainer { + display: flex; + flex-direction: row; + align-items: center; +} + +.header { + color: var(--purple-2); + font-size: calc(48rem / 16); + margin: 0 1rem 0 0; + text-align: center; + float: left; +} + +.subheading { + color: var(--purple-2); + font-size: calc(36rem / 16); + font-weight: 600; + padding-bottom: calc(22rem / 16); + border-bottom: calc(1rem / 16) solid var(--purple-2); + margin-bottom: calc(46rem / 16); +} + +.electionSubheading { + color: var(--blue-2); + font-size: calc(36rem / 16); + font-weight: 600; +} + +.elections > p { + margin: 0; + line-height: calc(30rem / 16); +} + +.codey { + width: calc(260rem / 16); + /* 360 makes text appear on 2 lines */ +} diff --git a/pages/about/team.tsx b/pages/about/team.tsx new file mode 100644 index 00000000..d6b51fa1 --- /dev/null +++ b/pages/about/team.tsx @@ -0,0 +1,78 @@ +import React, { ReactNode } from "react"; +import { MDXProvider } from "@mdx-js/react"; +import { Image } from "../../components/Image"; +import ElectionContent from "../../content/meet-the-team/elections.mdx"; +import styles from "./team.module.css"; +import { TeamMemberCard } from "../../components/TeamMemberCard"; +// import fs from "fs"; +import { InferGetStaticPropsType } from "next"; +import dynamic from "next/dynamic"; + +const execsPath = "content/meet-the-team/execs/"; + +export default function MeetTheTeam( + props: InferGetStaticPropsType +) { + const components = props.files.map((file) => + dynamic(() => import("../../" + execsPath + file)) + ); + + return ( + +
+
+

Meet the Team!

+ +
+
+

The Executives

+ {console.log(components)} + {/* {props.execs.map((exec) => { + return ( +
+ + {exec.content} + +
+ ); + })} */} +
+
+

Programme Committee

+
+
+

Website Committee

+
+
+

Systems Committee

+
+
+

Other Positions

+
+
+

Elections

+ +
+
+ + ); +} + +interface ExecProps { + content: ReactNode; + metadata: { name: string; role: string; image?: string }; +} + +export async function getStaticProps() { + // const execs: ExecProps[] = []; + const fs = require("fs"); + const files = fs.readdirSync(execsPath); + console.log(files); + // files.map(async (file: string) => { + // // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment + // const exec = await import("../../" + execsPath + file); + // exec.content = ; + // execs.push(exec); + // }); + return { props: { files } }; +} diff --git a/public/meet-the-team/team-codey.svg b/public/meet-the-team/team-codey.svg new file mode 100644 index 00000000..24f82045 --- /dev/null +++ b/public/meet-the-team/team-codey.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + +