exec blurb (#693)

Co-authored-by: dlslo <dlslo@uwaterloo.ca>
Reviewed-on: #693
Reviewed-by: Tejas Srikanth <tcsrikan@csclub.uwaterloo.ca>

.drone.yml

@@ -23,25 +23,40 @@ steps:
   commands:
   - npm run lint
 
-- name: build
+- name: optimize-images
   image: node:16
   depends_on:
   - install-deps
   commands:
-  - npm run build:web
+  - npm run build:images
 
 - name: generate-calendar
   image: node:16
   depends_on:
   - install-deps
   commands:
-  - npm run generate:calendar
+  - npm run build:calendar
+
+- name: generate-api
+  image: node:16
+  depends_on:
+  - install-deps
+  commands:
+  - npm run build:api
+
+- name: build
+  image: node:16
+  depends_on:
+  - optimize-images
+  commands:
+  - USE_LDAP=true npm run build:web
 
 - name: export
   image: node:16
   depends_on:
-  - build
+  - generate-api
   - generate-calendar
+  - build
   commands:
   - npm run export
 

.eslintrc.js

@@ -17,7 +17,12 @@ module.exports = {
   ],
   plugins: ["@typescript-eslint", "react", "react-hooks", "prettier"],
   rules: {
-    "prettier/prettier": "error",
+    'prettier/prettier': [
+      'error',
+      {
+        'endOfLine': 'lf',
+      }
+    ], 
 
     "import/first": "error",
     "import/order": [

.gitignore

@@ -26,3 +26,12 @@ yarn-error.log*
 
 # Calendar is automatically generated
 /public/events.ics
+
+# Images should be optimized
+/public/images
+
+# APIs should be automatically generated, schema should be checked in
+/public/api/*
+!/public/api/schema
+
+.idea/**

.vscode/settings.json

@@ -40,7 +40,11 @@
   "files.eol": "\n",
   "[markdown]": {
     "editor.wordWrap": "on",
-    "editor.quickSuggestions": false,
+    "editor.quickSuggestions": {
+      "comments": "off",
+      "strings": "off",
+      "other": "off"
+    },
     "editor.tabSize": 4
   }
 }

README.md

@@ -1,6 +1,13 @@
-# Development
+# README
 
-## Dependencies
+## Documentation
+
+- [Architecture and Folder Structure](docs/architecture.md)
+- [Everything about pages](docs/pages.md)
+
+## Development
+
+### Dependencies
 
 Make sure that you have `node` >= 14 and `npm` >= 7. Node 14 ships with npm v6,
 so if you're using node 14, you would need to upgrade npm. Alternatively you
@@ -8,19 +15,20 @@ could also upgrade to node 16, which ships with npm 7.
 
 How to upgrade npm: `npm i -g npm`
 
-## Local
+### Local
 
 - `npm install` to install project dependencies
+- `npm run build:images` to optimize images for the first time after cloning
 - `npm run dev` to run the dev server (http://localhost:3000)
 
-## Production
+### Production
 
 - `npm install` to install project dependencies
 - `npm run build` to generate html/css/js
 - `npm run export` to move the built files (along with assets in the public directory) to the `/out` directory
 - Use your favourite web server to host the files in the `/out` directory. (A very simple one would be `python -m http.server` - not sure if it should actually be used for production :P)
 
-# Deploy
+## Deploy
 
 - `groups` (make sure you're in the `www` group)
 - `curl -o- https://git.csclub.uwaterloo.ca/www/www-new/raw/branch/main/deploy.sh | bash` (run on `caffeine`)

components/ArchivePage.module.css

@@ -3,7 +3,7 @@
 }
 
 .page > h1 {
-  border-bottom: calc(1rem / 16) solid var(--primary-heading);
+  border-bottom: calc(1rem / 16) solid var(--border);
   padding-bottom: 1rem;
 }
 

components/ArchivePage.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { capitalize } from "@/utils";
+import { capitalize, Term } from "@/utils";
 
 import { Link } from "./Link";
 import {
@@ -16,7 +16,7 @@ export interface Props {
   type: "news" | "events";
   items: {
     year: string;
-    terms: string[];
+    terms: Term[];
   }[];
 }
 

components/Bubble.module.css

@@ -6,7 +6,6 @@
 
 .bubble {
   --border-radius: calc(5000rem / 16);
-
   display: flex;
   flex-direction: row;
   position: absolute;

components/Button.module.css

@@ -2,8 +2,8 @@
 .link {
   font-family: "Poppins", "sans-serif";
   border-radius: calc(20rem / 16);
-  background-color: var(--primary-accent);
-  color: var(--primary-background);
+  background-color: var(--button-background);
+  color: var(--text-light);
   border: none;
   outline: none;
   transition-duration: 0.3s;

components/EventCard.module.css

@@ -31,6 +31,10 @@
   margin-bottom: 0;
 }
 
+.content > h1 a {
+  color: var(--primary-heading);
+}
+
 .content,
 .content > h2 {
   font-weight: 400;

components/EventCard.tsx

@@ -10,7 +10,8 @@ import styles from "./EventCard.module.css";
 interface EventCardProps {
   name: string;
   short: string;
-  date: Date;
+  startDate: Date;
+  endDate?: Date;
   online: boolean;
   location: string;
   poster?: string;
@@ -18,18 +19,27 @@ interface EventCardProps {
   permaLink: string;
   showDescription?: boolean;
   children: ReactNode;
+  year: number;
+  term: string;
+  slug: string;
+  titleLinked: boolean;
 }
 
 export function EventCard({
   permaLink,
   name,
-  date,
+  startDate,
+  endDate,
   online,
   location,
   poster,
   registerLink,
   children,
   showDescription = false,
+  year,
+  term,
+  slug,
+  titleLinked,
 }: EventCardProps) {
   return (
     <article className={styles.card}>
@@ -54,9 +64,20 @@ export function EventCard({
           showDescription ? styles.mobileShowDescriptionContent : "",
         ].join(" ")}
       >
-        <h1>{name}</h1>
+        <h1>
+          {titleLinked ? (
+            <Link href={`/events/${year}/${term}/${slug}`}>{name}</Link>
+          ) : (
+            name
+          )}
+        </h1>
         <h2>
-          <EventSetting date={date} online={online} location={location} />
+          <EventSetting
+            startDate={startDate}
+            endDate={endDate}
+            online={online}
+            location={location}
+          />
         </h2>
         {!showDescription && (
           <Link href={permaLink}>

components/EventDescriptionCard.module.css

@@ -4,7 +4,7 @@
   max-width: calc(540rem / 16);
   padding: calc(24rem / 16);
   border-radius: calc(20rem / 16);
-  background-color: var(--primary-background);
+  background-color: var(--card-background);
 }
 
 .poster {
@@ -38,7 +38,7 @@
 
 .setting {
   margin: 0;
-  color: var(--primary-accent);
+  color: var(--link);
   font-size: calc(14rem / 16);
   font-weight: 600;
 }

components/EventDescriptionCard.tsx

@@ -13,7 +13,8 @@ interface Props {
   short: string;
   online: boolean;
   location: string;
-  date: Date;
+  startDate: Date;
+  endDate?: Date;
   poster?: string;
   registerLink?: string;
   permaLink: string;
@@ -34,7 +35,8 @@ export function EventDescriptionCard({
   poster,
   name,
   short,
-  date,
+  startDate,
+  endDate,
   online,
   registerLink,
   permaLink,
@@ -48,7 +50,12 @@ export function EventDescriptionCard({
       <div className={styles.details}>
         <h1 className={styles.name}>{name}</h1>
         <h2 className={styles.setting}>
-          <EventSetting date={date} online={online} location={location} />
+          <EventSetting
+            startDate={startDate}
+            endDate={endDate}
+            online={online}
+            location={location}
+          />
         </h2>
         <p className={styles.desc}>{short}</p>
         <Link href={permaLink}>Learn more</Link>

components/EventSetting.tsx

@@ -3,30 +3,51 @@ import React from "react";
 import styles from "./EventSetting.module.css";
 
 interface Props {
-  date: Date;
+  startDate: Date;
+  endDate?: Date;
   online: boolean;
   location: string;
 }
 
 export function EventSetting(props: Props) {
-  const date = props.date.toLocaleDateString("en-US", {
+  const date = props.startDate.toLocaleDateString("en-US", {
     day: "numeric",
     month: "long",
     year: "numeric",
   });
-  const time = props.date.toLocaleTimeString("en-US", {
+  const time = props.startDate.toLocaleTimeString("en-US", {
     hour: "numeric",
     minute: "numeric",
     timeZoneName: "short",
   });
+
+  const endDate =
+    props.endDate?.toLocaleDateString("en-US", {
+      day: "numeric",
+      month: "long",
+      year: "numeric",
+    }) ?? "";
+
   const location = props.online ? `Online - ${props.location}` : props.location;
   const separator = <span className={styles.separator}> | </span>;
 
   return (
     <div className={styles.container}>
-      <time dateTime={props.date.toISOString()}>{date}</time>
+      {!props.endDate || date == endDate ? (
+        // Single day event
+        <>
+          <time dateTime={props.startDate.toISOString()}>{date}</time>
           {separator}
           <span>{time}</span>
+        </>
+      ) : (
+        // Multi day event
+        <span>
+          <time dateTime={props.startDate.toISOString()}>{date}</time>
+          <span> - </span>
+          <time dateTime={props.startDate.toISOString()}>{endDate}</time>
+        </span>
+      )}
       {separator}
       {location}
     </div>

components/Footer.module.css

@@ -1,6 +1,6 @@
 .footer {
   box-sizing: border-box;
-  background: var(--primary-heading);
+  background: var(--footer-background);
   padding: 1rem 0;
   width: 100%;
 }
@@ -17,7 +17,7 @@
 }
 
 .text {
-  color: var(--primary-background);
+  color: var(--text-light);
   font-style: normal;
   text-align: center;
 }

components/Footer.tsx

@@ -1,11 +1,15 @@
 import Link from "next/link";
 import React from "react";
 
+import { Button } from "./Button";
 import { SocialLinks } from "./SocialLinks";
+import { useThemeContext } from "./Theme";
 
 import styles from "./Footer.module.css";
 
 export function Footer() {
+  const themeContext = useThemeContext();
+
   return (
     <footer className={styles.footer}>
       <div className={styles.container}>
@@ -15,6 +19,16 @@ export function Footer() {
             <a className={styles.email}>exec@csclub.uwaterloo.ca</a>
           </Link>
         </div>
+        <Button
+          size="small"
+          onClick={() =>
+            themeContext?.theme.name === "dark"
+              ? themeContext?.setTheme("light")
+              : themeContext?.setTheme("dark")
+          }
+        >
+          Toggle Theme
+        </Button>
         <SocialLinks color="white" size="small" />
       </div>
     </footer>

components/Link.module.css

@@ -1,5 +1,5 @@
 .link {
-  color: var(--primary-accent);
+  color: var(--link);
   transition-duration: 0.3s;
   text-decoration: none;
   white-space: normal;
@@ -7,5 +7,5 @@
 }
 
 .link:hover {
-  color: var(--secondary-accent);
+  color: var(--link-hover);
 }

components/MiniEventCard.module.css

@@ -2,10 +2,11 @@
   box-sizing: border-box;
   position: relative;
   padding: calc(20rem / 16);
+  color: var(--text);
 }
 
-.card:nth-child(odd) {
-  background-color: var(--secondary-accent-light);
+.darkBg {
+  background-color: var(--dark-card-background);
 }
 
 .name {
@@ -14,6 +15,10 @@
   margin: 0;
 }
 
+.name a {
+  color: var(--primary-heading);
+}
+
 .nameSpacer {
   width: calc(140rem / 16);
 }
@@ -57,6 +62,17 @@
   fill: var(--primary-accent);
 }
 
+
+.card h1,
+.card h2,
+.card h3,
+.card h4 {
+  font-size: calc(18rem / 16);
+  margin-top: calc(24rem / 16);
+  margin-bottom: calc(8rem / 16);
+  color: var(--mini-event-card-text);
+}
+
 @media only screen and (max-width: calc(768rem / 16)) {
   .details {
     bottom: 0;

components/MiniEventCard.tsx

@@ -1,36 +1,54 @@
 import React, { ReactNode } from "react";
 
 import { EventSetting } from "./EventSetting";
+import { Link } from "./Link";
 
 import styles from "./MiniEventCard.module.css";
 
-interface Props {
+interface MiniEventCardProps {
   name: string;
   description: ReactNode;
   short: string;
   online: boolean;
   location: string;
-  date: Date;
+  startDate: Date;
+  endDate?: Date;
+  background: "dark-bg" | "normal-bg";
+  year: number;
+  term: string;
+  slug: string;
 }
 
-export const MiniEventCard: React.FC<Props> = ({
+export const MiniEventCard: React.FC<MiniEventCardProps> = ({
   name,
   short,
   description,
   location,
-  date,
+  startDate,
+  endDate,
   online,
+  background,
+  year,
+  term,
+  slug,
 }) => {
+  const cardBackground =
+    background === "dark-bg" ? `${styles.darkBg} ${styles.card}` : styles.card;
   return (
-    <details className={styles.card}>
+    <details className={cardBackground}>
       <summary>
         <div onClick={(event) => event.preventDefault()}>
           <h2 className={styles.name}>
-            <div>{name}</div>
+            <Link href={`/events/${year}/${term}/${slug}`}>{name}</Link>
             <div className={styles.nameSpacer}></div>
           </h2>
           <div className={styles.info}>
-            <EventSetting date={date} location={location} online={online} />
+            <EventSetting
+              startDate={startDate}
+              endDate={endDate}
+              location={location}
+              online={online}
+            />
           </div>
           <p className={styles.shortDescription}>{short}</p>
         </div>

components/Navbar.module.css

@@ -63,7 +63,7 @@
 }
 
 .navMenu a {
-  color: var(--primary-heading);
+  color: var(--primary-text);
   text-decoration: none;
 }
 
@@ -219,6 +219,14 @@
     cursor: pointer;
   }
 
+  .icon line {
+    stroke: var(--icon);
+  }
+
+  .icon path {
+    fill: var(--icon);
+  }
+
   .navMobileBackground {
     position: fixed;
     visibility: hidden;

components/Navbar.tsx

@@ -32,6 +32,10 @@ const menu: Menu = [
         name: "Meet the Team",
         route: "/about/team",
       },
+      {
+        name: "Members",
+        route: "/about/members",
+      },
       {
         name: "Constitution",
         route: "/about/constitution",
@@ -94,7 +98,7 @@ const menu: Menu = [
       },
       {
         name: "Internships",
-        route: "https://github.com/uwcsc/winter2022-internships",
+        route: "https://github.com/uwcsc/2023-internships",
       },
     ],
   },
@@ -116,7 +120,7 @@ export function Navbar() {
           className={styles.hamburger}
           onClick={() => dispatch({ type: "open", route: router.pathname })}
         >
-          <Image src="/images/hamburger.svg" alt="Menu" />
+          <HamburgerSvg />
         </button>
         <div
           className={
@@ -259,7 +263,7 @@ function NavItem(props: NavItemProps) {
             }
             onClick={() => props.onToggle(props.route)}
           >
-            <Image src="/images/dropdown-icon.svg" alt="Dropdown Icon" />
+            <DropdownSvg />
           </button>
           <ul
             className={
@@ -344,3 +348,64 @@ function getMainRoute(route: string) {
   }
   return "/" + route.split("/")[1];
 }
+
+function HamburgerSvg() {
+  return (
+    <svg
+      width="30"
+      height="23"
+      viewBox="0 0 30 23"
+      className={styles.icon}
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <line
+        x1="28"
+        y1="2"
+        x2="2"
+        y2="2"
+        stroke="#2A2A62"
+        strokeWidth="4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <line
+        x1="28"
+        y1="11.375"
+        x2="2"
+        y2="11.375"
+        stroke="#2A2A62"
+        strokeWidth="4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <line
+        x1="28"
+        y1="20.75"
+        x2="2"
+        y2="20.75"
+        stroke="#2A2A62"
+        strokeWidth="4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+function DropdownSvg() {
+  return (
+    <svg
+      width="14"
+      height="9"
+      viewBox="0 0 14 9"
+      fill="none"
+      className={styles.icon}
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.75593 8.12713C7.35716 8.58759 6.64284 8.58759 6.24407 8.12713L0.638743 1.65465C0.0778675 1.00701 0.537921 0 1.39467 0L12.6053 0C13.4621 0 13.9221 1.00701 13.3613 1.65465L7.75593 8.12713Z"
+        fill="#2A2A62"
+      />
+    </svg>
+  );
+}

components/NewsCard.module.css

@@ -1,23 +1,26 @@
 .card {
   padding: calc(30rem / 16) calc(40rem / 16);
   max-width: calc(524rem / 16);
-  background-color: var(--primary-background);
+  background-color: var(--card-background);
   border-radius: calc(20rem / 16);
+  margin-bottom: 1rem;
 }
 
 .fit.card {
   max-width: unset;
   padding: unset;
   border-radius: unset;
+  background-color: var(--primary-background);
 }
 
 .date {
   font-size: calc(18rem / 16);
   margin: 0;
+  color: var(--primary-subtitle);
 }
 
 .author {
-  color: var(--secondary-heading);
+  color: var(--author-text);
   font-style: normal;
 }
 
@@ -30,6 +33,7 @@
     padding: 0;
     max-width: unset;
     background-color: transparent;
+    border-radius: 0;
   }
 
   .date {

components/NewsCard.tsx

@@ -1,11 +1,14 @@
 import React, { ReactNode } from "react";
 
+import { Link } from "./Link";
+
 import styles from "./NewsCard.module.css";
 
 interface NewsCardProps {
   date: Date;
   author: string;
   children: ReactNode;
+  permalink: string;
   fit?: boolean;
 }
 
@@ -13,7 +16,8 @@ export const NewsCard: React.FC<NewsCardProps> = ({
   date,
   author,
   children,
-  fit = false,
+  permalink,
+  fit = false, // resizes the article to fit the parent container if it's not a mini card
 }) => {
   const classes = fit ? [styles.card, styles.fit] : [styles.card];
 
@@ -30,6 +34,11 @@ export const NewsCard: React.FC<NewsCardProps> = ({
       </h1>
       <address className={styles.author}>{author}</address>
       <div className={styles.content}>{children}</div>
+      {!fit && (
+        <Link href={permalink}>
+          <span>Learn more</span>
+        </Link>
+      )}
     </article>
   );
 };

components/OrganizedContent.module.css

@@ -30,7 +30,7 @@
   margin: calc(8rem / 16) calc(32rem / 16) calc(20rem / 16) 0;
   height: calc(100vh - (44rem / 16));
 
-  color: var(--primary-heading);
+  color: var(--sidebar-text);
   font-weight: 500;
 }
 
@@ -55,10 +55,14 @@
 
 .selected {
   background-color: var(--primary-accent-lightest);
-  color: var(--primary-accent);
+  color: var(--primary-heading);
   font-weight: 700;
 }
 
+.selected div {
+  color: var(--primary-heading);
+}
+
 .readAll {
   font-weight: 700;
 }
@@ -69,7 +73,7 @@
 
 .selected .marker {
   display: inline;
-  background-color: var(--primary-accent);
+  background-color: var(--marker);
   height: calc(24rem / 16);
   width: calc(4rem / 16);
   margin-right: 1rem;

components/OrganizedContent/Header.module.css

@@ -8,12 +8,12 @@
   flex-direction: row;
   align-items: flex-end;
   padding-bottom: 1rem;
-  border-bottom: calc(1rem / 16) solid var(--primary-heading);
+  border-bottom: calc(1rem / 16) solid var(--border);
 }
 
 .header {
   line-height: 1;
-  color: var(--primary-heading);
+  color: var(--primary-title);
   font-size: calc(48rem / 16);
   margin: 0 0 0 calc(36rem / 16);
   text-align: center;

components/SocialLinks.module.css

@@ -22,5 +22,5 @@
 }
 
 .white {
-  fill: var(--primary-background);
+  fill: var(--text-light);
 }

components/SocialLinks.tsx

@@ -77,7 +77,7 @@ function InstagramSvg(color: string) {
       xmlns="http://www.w3.org/2000/svg"
     >
       <linearGradient id="bluegreen-gradient">
-        <stop offset="0%" stopColor="#1481E3" />
+        <stop offset="0%" stopColor="var(--blue-gradient)" />
         <stop offset="100%" stopColor="#4ED4B2" />
       </linearGradient>
       <path
@@ -101,7 +101,7 @@ function DiscordSvg(color: string) {
       version="1.1"
     >
       <linearGradient id="bluegreen-gradient">
-        <stop offset="0%" stopColor="#1481E3" />
+        <stop offset="0%" stopColor="var(--blue-gradient)" />
         <stop offset="100%" stopColor="#4ED4B2" />
       </linearGradient>
       <g id="surface1">
@@ -125,7 +125,7 @@ function TwitchSvg(color: string) {
       xmlns="http://www.w3.org/2000/svg"
     >
       <linearGradient id="bluegreen-gradient">
-        <stop offset="0%" stopColor="#1481E3" />
+        <stop offset="0%" stopColor="var(--blue-gradient)" />
         <stop offset="100%" stopColor="#4ED4B2" />
       </linearGradient>
       <g clipPath="url(#clip0)">
@@ -170,7 +170,7 @@ function FacebookSvg(color: string) {
       xmlns="http://www.w3.org/2000/svg"
     >
       <linearGradient id="bluegreen-gradient">
-        <stop offset="0%" stopColor="#1481E3" />
+        <stop offset="0%" stopColor="var(--blue-gradient)" />
         <stop offset="100%" stopColor="#4ED4B2" />
       </linearGradient>
       <path
@@ -194,7 +194,7 @@ function LiberaSvg(color: string) {
       xmlns="http://www.w3.org/2000/svg"
     >
       <linearGradient id="bluegreen-gradient">
-        <stop offset="0%" stopColor="#1481E3" />
+        <stop offset="0%" stopColor="var(--blue-gradient)" />
         <stop offset="100%" stopColor="#4ED4B2" />
       </linearGradient>
       <path

components/Table.module.css

@@ -7,7 +7,7 @@
 }
 
 .table thead tr {
-  background: var(--secondary-accent-light);
+  background: var(--table-header);
 }
 
 .table tbody tr {
@@ -15,8 +15,8 @@
   vertical-align: top;
 }
 
-.table tbody tr:nth-child(odd) {
-  background: var(--primary-accent-lightest);
+.table tbody tr:nth-child(even) {
+  background: var(--table-section);
 }
 
 .table th {

components/TeamMember.module.css

@@ -1,14 +1,15 @@
 .container {
-  max-width: calc(126rem / 16);
+  width: calc(126rem / 16);
   display: flex;
   flex-direction: column;
   margin: 0;
 }
 
 .img {
-  width: 100%;
-  border-radius: 50%;
-  margin: 0 auto;
+  width: calc(118rem / 16);
+  height: calc(118rem / 16);
+
+  clip-path: circle();
   object-fit: cover;
 }
 
@@ -29,7 +30,8 @@
 
 @media only screen and (max-width: calc(768rem / 16)) {
   .img {
-    width: 100%;
+    width: calc(126rem / 16);
+    height: calc(126rem / 16);
   }
 
   .caption {

components/TeamMember.tsx

@@ -6,13 +6,13 @@ import styles from "./TeamMember.module.css";
 
 interface TeamMemberProps {
   name: string;
-  role: string;
+  role?: string;
   image: string;
 }
 
 export const TeamMember: React.FC<TeamMemberProps> = ({
   name,
-  role,
+  role = "",
   image,
 }) => {
   return (

components/TeamMemberCard.module.css

@@ -18,11 +18,15 @@
   max-width: calc(126rem / 16);
   max-height: calc(126rem / 16);
 
-  clip-path: circle(50%);
+  clip-path: circle();
 }
 
 .image {
-  width: 100%;
+  width: calc(126rem / 16);
+  height: calc(126rem / 16);
+
+  clip-path: circle();
+  object-fit: cover;
 }
 
 .name {
@@ -74,36 +78,50 @@
 
 .popupBackground {
   position: fixed;
-  z-index: 11;
-  background-color: var(--navbar-page-overlay);
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
+  z-index: 11;
+
+  background-color: var(--navbar-page-overlay);
   animation: revealBg 0.2s forwards;
 }
 
 .popupContainer {
   position: fixed;
-  display: flex;
-  z-index: 12;
-  flex-direction: column;
-  background-color: var(--secondary-background);
-  padding: calc(20rem / 16) calc(40rem / 16);
   left: 0;
+  right: 0;
   top: 50%;
+  z-index: 12;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+
+  box-sizing: border-box;
+  padding: calc(40rem / 16);
+  max-height: 75vh;
+  overflow: auto;
+
+  background-color: var(--secondary-background);
   animation: popup 0.7s forwards;
 }
 
 .closeBtn {
+  position: absolute;
   align-self: flex-end;
+  cursor: pointer;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
   /* reset default button styling */
-  width: min-content;
-  background: transparent;
-  border: 0px solid transparent;
+  background: none;
+  border: none;
   padding: 0;
-  font-family: inherit;
-  line-height: inherit;
 }
 
 .popupContent {
@@ -112,29 +130,27 @@
   align-items: center;
 }
 
-.popupImage {
-  width: 100%;
-}
-
-.popupName {
-  color: var(--primary-accent);
-  margin: calc(24rem / 16) 0 0 0;
+.popupContent .name {
+  margin-top: calc(24rem / 16);
   font-size: calc(18rem / 16);
   font-weight: 600;
 }
 
-.popupRole {
-  color: var(--primary-heading);
-  margin: 0 0 1rem 0;
-  text-align: center;
+.popupContent .role {
+  margin-bottom: calc(16rem / 16);
   font-size: calc(18rem / 16);
   font-weight: 600;
 }
 
-.popupDescription {
+.popupContent .description {
+  display: block;
   font-size: calc(14rem / 16);
 }
 
+.popupContent .description > *:last-child {
+  margin-bottom: 0;
+}
+
 @media only screen and (max-width: calc(768rem / 16)) {
   .card {
     display: flex;

components/TeamMemberCard.tsx

@@ -8,53 +8,26 @@ import styles from "./TeamMemberCard.module.css";
 
 export interface TeamMemberCardProps {
   name: string;
-  role: string;
+  role?: string;
   image: string;
   children: React.ReactNode;
 }
 
-interface TeamMemberInfoProps extends TeamMemberCardProps {
-  isPopup?: boolean;
-}
-
-function TeamMemberInfo({
-  name,
-  role,
-  image,
-  children,
-  isPopup = false,
-}: TeamMemberInfoProps) {
-  return (
-    <>
-      <div className={styles.picture}>
-        <Image
-          className={isPopup ? styles.popupImage : styles.image}
-          src={image}
-          alt={`Picture of ${name}`}
-        />
-      </div>
-      <h1 className={isPopup ? styles.popupName : styles.name}>{name}</h1>
-      <h2 className={isPopup ? styles.popupRole : styles.role}>{role}</h2>
-      <div className={isPopup ? styles.popupDescription : styles.description}>
-        {children}
-      </div>
-    </>
-  );
-}
-
 export function TeamMemberCard({
   name,
-  role,
+  role = "",
   image,
   children,
 }: TeamMemberCardProps) {
   const { width } = useWindowDimension();
   const [isOpen, setIsOpen] = useState(false);
+
   const handleClick = () => {
     if (isOpen || width <= 768) {
       setIsOpen(!isOpen);
     }
   };
+
   return (
     <>
       <article className={styles.card} onClick={handleClick}>
@@ -75,11 +48,39 @@ export function TeamMemberCard({
   );
 }
 
-interface Propup extends TeamMemberCardProps {
+function TeamMemberInfo({
+  name,
+  role = "",
+  image,
+  children,
+}: TeamMemberCardProps) {
+  return (
+    <>
+      <div className={styles.picture}>
+        <Image
+          className={styles.image}
+          src={image}
+          alt={`Picture of ${name}`}
+        />
+      </div>
+      <h1 className={styles.name}>{name}</h1>
+      <h2 className={styles.role}>{role}</h2>
+      <div className={styles.description}>{children}</div>
+    </>
+  );
+}
+
+interface PopupProps extends TeamMemberCardProps {
   handleClick: () => void;
 }
 
-function ExecPopup({ name, role, image, children, handleClick }: Propup) {
+function ExecPopup({
+  name,
+  role = "",
+  image,
+  children,
+  handleClick,
+}: PopupProps) {
   return (
     <>
       <div className={styles.popupBackground} onClick={handleClick} />
@@ -88,9 +89,7 @@ function ExecPopup({ name, role, image, children, handleClick }: Propup) {
           <Image src="images/team/popup-close.svg" />
         </button>
         <div className={styles.popupContent}>
-          <TeamMemberInfo {...{ name, role, image }} isPopup={true}>
-            {children}
-          </TeamMemberInfo>
+          <TeamMemberInfo {...{ name, role, image }}>{children}</TeamMemberInfo>
         </div>
       </div>
     </>

components/Theme.tsx

@@ -19,6 +19,10 @@ export const PALETTE_NAMES = [
   "--primary-background",
   "--secondary-background",
 
+  "--scrollbar-track",
+  "--scrollbar-thumb",
+  "--scrollbar-hover",
+
   "--primary-accent",
   "--primary-accent-soft",
   "--primary-accent-light",
@@ -29,19 +33,44 @@ export const PALETTE_NAMES = [
   "--secondary-accent-light",
 
   "--primary-heading",
-  "--secondary-heading",
 
+  "--primary-title",
+  "--primary-subtitle",
+  "--secondary-subtitle",
+
+  "--primary-text",
   "--text",
+  "--text-light",
+  "--author-text",
+  "--sidebar-text",
+  "--mini-event-card-text",
 
   "--form-invalid",
+  "--warning-background",
+  "--warning-text",
 
   "--input-background",
   "--input-placeholder-text",
   "--input-text",
 
+  "--icon",
+
   "--code-background",
+  "--button-background",
+  "--footer-background",
+  "--card-background",
+  "--dark-card-background",
+  "--table-header",
+  "--table-section",
 
   "--navbar-page-overlay",
+
+  "--link",
+  "--link-hover",
+
+  "--blue-gradient",
+  "--border",
+  "--marker",
 ] as const;
 
 export const emptyPalette = PALETTE_NAMES.reduce(
@@ -75,15 +104,9 @@ export function ThemeProvider(props: Props) {
   const setTheme = (input: SetThemeInput) => {
     if (typeof input === "string") {
       PALETTE_NAMES.forEach((name) =>
-        document.body.style.setProperty(name, "")
+        document.body.style.setProperty(name, "var(--" + input + name + ")")
       );
-
-      if (input === "light") {
-        document.body.classList.remove("dark");
-      } else if (input === "dark") {
-        document.body.classList.add("dark");
-      }
-
+      savePalette(getCurrentPalette(input));
       setThemeName(input);
     } else {
       const properties = Object.keys(input) as PaletteNames[];
@@ -105,7 +128,14 @@ export function ThemeProvider(props: Props) {
     const customPalette = getSavedPalette();
 
     if (customPalette == null) {
-      setThemeName("light");
+      const prefersDark = window.matchMedia(
+        "(prefers-color-scheme: dark)"
+      ).matches;
+      if (prefersDark) {
+        setTheme("dark");
+      } else {
+        setTheme("light");
+      }
     } else {
       setTheme(customPalette);
       setThemeName("custom");
@@ -122,11 +152,11 @@ export function ThemeProvider(props: Props) {
               theme: {
                 name: themeName,
                 get palette() {
-                  return getCurrentPalette();
+                  return getCurrentPalette(themeName);
                 },
               },
               setTheme,
-              save: () => savePalette(getCurrentPalette()),
+              save: () => savePalette(getCurrentPalette(themeName)),
               clearSaved: clearSavedPalette,
             }
       }
@@ -146,13 +176,30 @@ export type Palette = {
   [key in PaletteNames]: string;
 };
 
-function getCurrentPalette() {
-  const styles = getComputedStyle(document.body);
+function themePropertyName(
+  name: PaletteNames,
+  themeName: BuiltInThemes
+): string {
+  return `--${themeName}${name}`;
+}
 
+function getCurrentPalette(themeName: string) {
+  const styles = getComputedStyle(document.body);
+  if (themeName === "light" || themeName === "dark") {
     return PALETTE_NAMES.reduce(
-    (partial, varName) => ({
+      (partial, name) => ({
         ...partial,
-      [varName]: styles.getPropertyValue(varName).trim(),
+        [name]: styles
+          .getPropertyValue(themePropertyName(name, themeName))
+          .trim(),
+      }),
+      {} as Palette
+    );
+  }
+  return PALETTE_NAMES.reduce(
+    (partial, name) => ({
+      ...partial,
+      [name]: styles.getPropertyValue(name).trim(),
     }),
     {} as Palette
   );

components/WarningHeader.module.css

@@ -0,0 +1,12 @@
+.warning{
+  background-color: var(--warning-background);
+  padding: calc(6rem / 16);
+  color: var(--warning-text);
+  font-size: calc(16rem / 16);
+  text-align: center;
+  opacity: 1;
+  
+  /* The following are for a smooth fade in if there ever is a loading required for the warning, is not needed currently */
+  /* max-height: 500px;
+  /* transition: max-height 1000ms ease-in, padding 100ms ease-in; */ 
+}

components/WarningHeader.tsx

@@ -0,0 +1,61 @@
+import { parse } from "date-fns";
+import React from "react";
+
+import { DATE_FORMAT, getLocalDateFromEST } from "@/utils";
+
+import warnings from "../content/warnings/warnings.json";
+
+import styles from "./WarningHeader.module.css";
+
+interface Warning {
+  message: string;
+  startDate: string;
+  endDate: string;
+}
+
+function getCurrentWarning(): Warning | null {
+  const today = new Date();
+  const currentWarnings: Warning[] = warnings.filter((warning) => {
+    // convert dates to date objects in EST time zone
+    let startDate = parse(warning.startDate, DATE_FORMAT, new Date());
+    let endDate = parse(warning.endDate, DATE_FORMAT, new Date());
+
+    if (
+      !startDate ||
+      !endDate ||
+      isNaN(startDate.getTime()) || // this checks if the parsed date is not valid (eg. wrong format), since getLocalDateFromEST fails with invalid dates
+      isNaN(endDate.getTime())
+    ) {
+      throw new Error('WARNING WITH INVALID DATES: "' + warning.message + '"');
+    }
+
+    startDate = getLocalDateFromEST(startDate);
+    endDate = getLocalDateFromEST(endDate);
+
+    return (
+      startDate.getTime() <= today.getTime() &&
+      endDate.getTime() >= today.getTime()
+    );
+  });
+
+  if (currentWarnings.length > 1) {
+    // If more than one warning is scheduled, log an error to the console. We cannot throw an error, since the site would go down on the live
+    //  website, on the day when more than one warning is scheduled.
+    console.error(
+      "ERROR: MORE THAN ONE WARNING SCHEDULED CURRENTLY! ",
+      currentWarnings
+    );
+  }
+
+  return currentWarnings.length === 0 ? null : currentWarnings[0];
+}
+
+export function WarningHeader() {
+  const warning = getCurrentWarning();
+
+  if (warning == null) {
+    return null;
+  }
+
+  return <div className={styles.warning}>{warning.message}</div>;
+}

content/about/code-of-conduct/ORDER.json

@@ -0,0 +1,14 @@
+[
+  "purpose",
+  "expected-behaviour",
+  "unacceptable-behaviour",
+  "experiencing-unacceptable-behaviour",
+  "consequences-of-inappropriate-behaviour",
+  "addressing-grievances",
+  "confidentiality",
+  "scope-and-spaces",
+  "contact-information",
+  "additional-information",
+  "license-information-and-attribution",
+  "revision"
+]

content/about/code-of-conduct/additional-information.md

@@ -1,6 +1,5 @@
 ---
 title: Additional Information
-index: 10
 ---
 
 Additionally, the Executive Council are available to help Club members engage with local law enforcement or to otherwise help those experiencing unacceptable behaviour feel safe. In the context of in-person events, organizers will also provide escorts as desired by the person experiencing distress.

content/about/code-of-conduct/addressing-grievances.md

@@ -1,6 +1,5 @@
 ---
 title: Addressing Grievances
-index: 6
 ---
 
 If either the complainant or the subject disagree with the decision made by the Handling Officer, they can appeal to the Officers, who can overturn the decision with a majority vote of all the Officers.

content/about/code-of-conduct/confidentiality.md

@@ -1,6 +1,5 @@
 ---
 title: Confidentiality
-index: 7
 ---
 
 The Club recognizes that all members have a right to privacy, and will handle complaints confidentially.

content/about/code-of-conduct/consequences-of-inappropriate-behaviour.md

@@ -1,6 +1,5 @@
 ---
 title: Consequences of Inappropriate Behaviour
-index: 5
 ---
 
 After having done so, the Handling Officer shall use their best judgment to determine if the complaint is valid and, if so, determine with the relevant Officers the appropriate action to ensure that the complainant feels welcome in the Computer Science Club and to avoid a subsequent incident:

content/about/code-of-conduct/contact-information.md

@@ -1,6 +1,5 @@
 ---
 title: Contact Information
-index: 9
 ---
 
 - The Computer Science Club [Officers can be contacted as a whole](/about).

content/about/code-of-conduct/expected-behaviour.md

@@ -1,6 +1,5 @@
 ---
 title: Expected Behaviour
-index: 2
 ---
 
 - Participate in an authentic and active way. In doing so, you contribute to the health and longevity of this Club.

content/about/code-of-conduct/experiencing-unacceptable-behaviour.md

@@ -1,6 +1,5 @@
 ---
 title: Experiencing Unacceptable Behaviour
-index: 4
 ---
 
 _The Executive Council and Faculty Advisor are herein referred to as the Officers, or singularly as Officer._

content/about/code-of-conduct/license-information-and-attribution.md

@@ -1,6 +1,5 @@
 ---
 title: License Information and Attribution
-index: 11
 ---
 
 - The Code of Conduct is distributed under a [Creative Commons Attribution-ShareAlike License](http://creativecommons.org/licenses/by-sa/3.0/), derived from the [Women in Computer Science Code of Conduct](http://wics.uwaterloo.ca/deprecated/code-of-conduct/), the [UW Amateur Radio Club Code of Conduct](http://uwarc.uwaterloo.ca/policies-procedures/code-of-conduct/), and the [FASS Code of Conduct](http://fass.uwaterloo.ca/fassconstitution).

content/about/code-of-conduct/purpose.md

@@ -1,6 +1,5 @@
 ---
 title: Purpose
-index: 1
 ---
 
 One of the primary goals of the Computer Science Club of the University of Waterloo is the inclusion and support of all members of the University of Waterloo community who are interested in Computer Science. As such, we are committed to providing a friendly, safe and welcoming environment for all, regardless of gender, sex, sexual orientation, ability, ethnicity, socioeconomic status, age, and religion or lack thereof.

content/about/code-of-conduct/revision.md

@@ -1,6 +1,5 @@
 ---
 title: Revision
-index: 12
 ---
 
 Revision 1.3, adopted by the Computer Science Club of the University of Waterloo on 25 January 2018.

content/about/code-of-conduct/scope-and-spaces.md

@@ -1,6 +1,5 @@
 ---
 title: Scope and Spaces
-index: 8
 ---
 
 In cases where the Code of Conduct contradicts University policies, or applicable laws and bylaws, the Code of Conduct does not apply to the extent to which it conflicts.

content/about/code-of-conduct/unacceptable-behaviour.md

@@ -1,6 +1,5 @@
 ---
 title: Unacceptable Behaviour
-index: 3
 ---
 
 **Unacceptable behaviours include:**

content/about/constitution/ORDER.json

@@ -0,0 +1,16 @@
+[
+  "name",
+  "purpose",
+  "membership",
+  "officers",
+  "duties-of-officers",
+  "executive-council",
+  "committees",
+  "meetings",
+  "finances",
+  "amendments-and-procedures",
+  "dissolution",
+  "code-of-conduct",
+  "use-of-club-resources",
+  "revision"
+]

content/about/constitution/amendments-and-procedures.md

@@ -1,10 +1,9 @@
 ---
 title: Amendments and Procedures
-index: 10
 ---
 
-1. A proposed constitutional amendment can be initiated by the Executive Council or any ten (10) members.
-2. The proposed amendment shall be announced to all members by email to the members' mailing list.
-3. The proposed amendment shall be made available for viewing by all members in the Computer Science Club office.
-4. A general meeting shall be held to consider the amendment at least seven (7) days after the announcement and no more than thirty (30) days after, which may be the regular meeting for the term, or a special meeting.
+1. A constitutional amendment can be initiated by the Executive Council or any thirty (30) members. The initiation shall involve making the amendment available for viewing, including in the CSC office.
+2. There shall be at least twenty-eight (28) days between the amendment's initiation and announcement of the finalized version. Members shall be provided an avenue to discuss the amendment throughout this time period.
+3. The finalized version of the amendment shall be announced to all members, taking place through email to the members' mailing list.
+4. A general meeting shall be held to consider the finalized version of the amendment at least seven (7) and no more than thirty (30) days after its announcement, which may be the regular meeting for the term, or a special meeting.
 5. A constitutional amendment requires a 2/3 vote for adoption.

content/about/constitution/code-of-conduct.md

@@ -1,6 +1,5 @@
 ---
 title: Code of Conduct
-index: 12
 ---
 
 1. The Club has a [Code of Conduct](/about/code-of-conduct).

content/about/constitution/committees.md

@@ -1,6 +1,5 @@
 ---
 title: Committees
-index: 7
 ---
 
 ## Programme Committee
@@ -8,20 +7,27 @@ index: 7
 1. The Programme Committee shall be a standing committee chaired by the Vice-President.
 2. The Vice-President shall appoint and remove members to and from the Programme Committee as needed.
 3. The Programme Committee shall plan and arrange the events of the Club.
-4. The Programme committee shall be responsible to the Executive Council and to the Vice-President.
+4. The Programme Committee shall be responsible to the Executive Council and to the Vice-President.
 
 ## Systems Committee
 
-1. The Systems Committee will be a standing committee, chaired by the Systems Administrator.
-2. The Systems Administrator shall appoint and remove members to and from the Systems Committee.
-3. Members should only be appointed to the Systems Committee if they show interest and some existing ability in systems administration.
-4. Members should only be removed from the Systems Committee with cause, or when they no longer show interest in systems administration.
+1. The Systems Committee (syscom) shall be a standing committee, chaired by the Systems Administrator (sysadmin).
+2. New members to the Systems Committee shall be appointed at the Systems Administrator’s discretion. Members should only be appointed to the Systems Committee if they show interest and some existing ability in systems administration.
+3. Members should only be removed from the Systems Committee with cause, or when they no longer show interest in systems administration.
+4. When a member is added to or removed from the Systems Committee, the Systems Committee and the Executive must be notified via both mailing lists.
 5. The Systems Committee will collectively, under the leadership of the Systems Administrator,
     1. operate any and all equipment in the possession of the Club.
     1. maintain and upgrade the software on equipment that is operated by the Club.
     1. facilitate the use of equipment that is operated by the Club.
 6. Members of the Systems Committee shall have root access to the machines operated by the Club.
 
+## Web Committee
+
+1. The Web Committee (webcom) will be a standing committee, chaired by the Webmaster.
+2. The Webmaster shall appoint and remove members to and from the Web Committee as needed.
+3. The Web Committee shall maintain and develop the club website with infrastructure support from the Systems Committee, if necessary.
+
+
 ## Other Committees
 
-1. The President, with approval of the executive council, may appoint such special committees as are deemed necessary.
+1. The President, with approval of the Executive Council, may appoint such special committees as are deemed necessary.

content/about/constitution/dissolution.md

@@ -1,6 +1,5 @@
 ---
 title: Dissolution
-index: 11
 ---
 
 1. In the event of dissolution of the Club, all assets of the Club shall be transferred to the Mathematics Society of the University of Waterloo.

content/about/constitution/duties-of-officers.md

@@ -1,12 +1,11 @@
 ---
 title: Duties of Officers
-index: 5
 ---
 
 1. The duties of the President shall be:
     1. to call and preside at all general, special, and executive meetings of the Club, except during the election of officers;
-    1. to appoint special committees of the Club and the membership and chairs of such committees, with the approval of the Executive Council; and
-    1. to audit, or to appoint a representative to audit, the financial records of the club at the end of each academic term.
+    1. to appoint special committees of the Club and the membership and chairs of such committees, with the approval of the Executive Council;
+    1. to audit, or to appoint a representative to audit, the financial records of the club at the end of each academic term; and
     1. with the approval of the Faculty Advisor, rule on any point of procedure under the constitution that arises outside of a meeting.
 1. The duties of the Vice-President shall be:
     1. to assume the duties of the President in the event of the President's absence;
@@ -14,14 +13,15 @@ index: 5
     1. to appoint members to and remove members from the Programme Committee;
     1. to ensure that Club events are held regularly; and
     1. to assume those duties of the President that are delegated to them by the President.
-1. The duties of the Secretary shall be:
+1. The duties of the Assistant Vice-President shall be:
     1. to keep minutes of all Club meetings;
     1. to care for all Club correspondence; and
-    1. manage any persons appointed to internal positions by the Executive.
+    1. to manage any persons appointed to internal positions by the Executive.
 1. The duties of the Treasurer shall be:
-    1. to collect dues and maintain all financial and membership records;
+    1. to collect dues and maintain all financial and membership records; and
     1. to produce a financial or membership statement when requested.
 1. The duties of the System Administrator shall be:
     1. to chair the Systems Committee;
-    1. to appoint members to and remove members from the Systems Committee.
-    1. to ensure that the duties of the Systems Committee are performed.
+    1. to appoint members to and remove members from the Systems Committee;
+    1. to ensure that the duties of the Systems Committee are performed; and
+    1. to act as a liaison for the CSC with CSCF, IST, and similar organizations.

content/about/constitution/executive-council.md

@@ -1,10 +1,9 @@
 ---
 title: Executive Council
-index: 6
 ---
 
 1. The Executive Council shall consist of the present officers of the Club and the Faculty Advisor (as a non-voting member) and has the power to run the affairs of this club within the limits of this constitution. This includes the power to overrule or issue directions to any officer.
 2. The Executive Council may appoint people to various positions to help manage the Club.
-3. The Executive Council must obey any instructions given to it by the members at a meeting and can be overruled by them.
+3. If members provide any points of feedback to the Executive Council at a meeting, then the Executive Council shall respond to them.
 4. The Executive Council can act by consensus achieved on their mailing list.
-5. Minutes of the Executive Council meetings shall be available for inspection by any member of the Club and shall be filed with the Club records. On request, a member shall be shown the archive of any thread on the Executive Council mailing list which resulted in a decision being made.
+5. Minutes of the Executive Council meetings shall be made available for inspection by any member of the Club and shall be filed with the Club records. On request, a member shall be shown the archive of any thread on the Executive Council mailing list which resulted in a decision being made.

content/about/constitution/finances.md

@@ -1,6 +1,5 @@
 ---
 title: Finances
-index: 9
 ---
 
 1. The Treasurer shall, each term, present to the Executive a financial statement for the previous term. They shall, before the end of the current term, ensure that the records are in a good condition to make this task as easy as possible for the next Treasurer.

content/about/constitution/meetings.md

@@ -1,13 +1,12 @@
 ---
 title: Meetings
-index: 8
 ---
 
 1. A regular meeting of the Club shall be held each term. This meeting shall be called by the CRO and shall be the election meeting for that term.
-2. Special meetings may be called at any time deemed necessary by the Executive Council, by the Faculty Advisor, or by any ten (10) members.
+2. A special meeting for a motion to remove an executive from office may be called at any time deemed necessary by the Executive Council, by the Faculty Advisor, by any thirty (30) members, or by 1/3 of the Club membership if there are fewer than thirty (30) members.
 3. All members shall be notified at least two days prior to a forthcoming meeting of the meeting and of the business to be considered at that meeting. A message to the members' mailing list will be considered sufficient notification, though other forms of notification are also encouraged.
 4. The Club shall hold meetings only in places that are open to all members of the Club.
 5. The Club membership cannot act except at a general meeting.
-6. A quorum necessary for the conduct of business is defined as fifteen (15) full members or 2/3 of the full membership, whichever is smaller. If an election meeting lacks quorum, then the inquorate meeting can set a date and time for the elections, and can choose to either run the new elections with the same nominations or with a new nomination period (which does not need to meet the usual minimum requirement).
-7. A motion to remove an officer, or to call new elections (except at an election meeting), requires a 2/3 vote and at least a week's notice. Any other motion requires a majority vote.
+6. A quorum necessary for the conduct of business is defined as twenty-five (25) full members or 2/3 of the full membership, whichever is smaller. If an election meeting lacks quorum, then the inquorate meeting can set a date and time for the elections, and can choose to either run the new elections with the same nominations or with a new nomination period (which does not need to meet the usual minimum requirement).
+7. A motion to remove an officer, or to call new elections (except at a regular election meeting or in the case of vacancies), requires at least a week's notice; a quorum of fifty (50) full members or 2/3 of the full membership, whichever is smaller; and a 2/3 vote. Any other motion requires a majority vote.
 8. If a motion is defeated, it cannot be brought again for sixty (60) days.

content/about/constitution/membership.md

@@ -1,10 +1,9 @@
 ---
 title: Membership
-index: 3
 ---
 
 1. In compliance with MathSoc regulations and in recognition of the club being primarily targeted at undergraduate students, full membership is open to all Social Members of the Mathematics Society and restricted to the same.
 2. Affiliate membership in this Club shall be open to all members of the University community, including alumni. Affiliate members shall have all the rights of full members except for the rights of voting and holding executive office.
 3. Membership shall be accounted for on a termly basis, where a term begins at the start of lectures in Winter or Spring, and at the start of Orientation Week in Fall.
-4. A person is not a member until he or she has paid the current membership fee and has been enrolled in the member database. The termly membership fee is set from time to time by the Executive. Under conditions approved by the Executive, a member who purchases a membership at the end of the current term may be given membership for both the current term and the next term. If the membership fee changes, then this does not affect the validity of any membership terms already paid for.
+4. A person is not a member until he or she has paid the current membership fee and has been enrolled in the member database. A person must only be enrolled after paying the current membership fee, unless they are not a current undergraduate student at the University and the Executive grants them honorary membership free of charge. The termly membership fee is set from time to time by the Executive. Under conditions approved by the Executive, a member who purchases a membership at the end of the current term may be given membership for both the current term and the next term. If the membership fee changes, then this does not affect the validity of any membership terms already paid for.
 5. The Club may grant access to its systems, either free of charge or for a fee, to members of the University community in order to offer them services. This does not constitute membership.

content/about/constitution/name.md

@@ -1,6 +1,5 @@
 ---
 title: Name
-index: 1
 ---
 
 The name of this organization shall be the "Computer Science Club of the University of Waterloo".

content/about/constitution/officers.md

@@ -1,30 +1,31 @@
 ---
 title: Officers
-index: 4
 ---
 
 1. The officers of the Club shall be:
     1. President
     1. Vice-President
-    1. Secretary
+    1. Assistant Vice-President
     1. Treasurer
-    1. System Administrator
+    1. Systems Administrator
 1. There shall additionally be a Faculty Advisor, selected by the Executive from time to time from among the faculty of the School of Computer Science. The Faculty Advisor shall be an ex-officio affiliate member of the Club.
 1. The choice of officers shall be limited to full members of the Club.
-1. All officers, other than the System Administrator, shall be elected at a meeting to be held no later than two weeks after the start of lectures in each term.
+1. All officers, other than the Systems Administrator, shall be elected at a meeting to be held no later than two weeks after the start of lectures in each term.
 1. The election of officers shall be accomplished by the following procedure:
     1. Before the end of the prior term, the then-Executive shall choose a willing Chief Returning Officer, who is responsible for carrying out elections according to this procedure.
     1. The CRO shall set the date and time of the election meeting, and set the nomination period. The nomination shall be at least one week long and shall end at least 24 hours before the start of the election meeting.
-    1. Announcements of the election and the nomination procedure must be distributed to all members by the members' mailing list, and should also be advertised by posters in the MC building.
-    1. During the nomination period, the Chief Returning Officer (CRO) shall be available to receive nominations for the posts of officers of the club, either in person, by email, by depositing nomination forms in the CSC's mailbox in the MathSoc office, or by writing the nomination in a place in the CSC office to be specified by the CRO.
+    1. Announcements of the election and the nomination procedure must be distributed to all members by the members' mailing list.
+    1. During the nomination period, the Chief Returning Officer (CRO) shall be available to receive nominations for the posts of officers of the club, either in person, by email, or by writing the nomination in a place in the CSC office to be specified by the CRO.
     1. A nomination shall consist of the nominee's userid, and post(s) nominated for. Nominees must be full members of the Computer Science Club. A member may decline a nomination at any point prior to the taking of the vote.
-    1. The election shall commence with the offering of memberships for sale. After a reasonable time, control of the meeting is given to the CRO who will preside over the election of the President, Vice-President, Treasurer, and Secretary, in that order.
-    1. During each election, if the position has no nominees, the CRO will take nominations from the floor. Any present, eligible member can be nominated.
-    1. Each election shall be carried out by secret vote, in a manner to be decided on by the CRO, with the approval of the members at the meeting. A simple heads-down-hands-up method is considered acceptable.
+    1. Within 24 hours of the CRO receiving a nomination, the CRO must publicize the nomination, such as by writing it on the CSC office whiteboard.
+    1. Each nominee shall make a platform and submit it to the CRO. Within 24 hours of the CRO receiving a platform from a nominee, the CRO must publicize the platform. Each nominee is also encouraged to publicize their platform on their own.
+    1. The election shall commence with the offering of memberships for sale. After a reasonable time, control of the meeting is given to the CRO who will preside over the election of the President, Vice-President, Assistant Vice-President, and Treasurer, in that order.
+    1. All nominees shall present their platforms. If a position has no nominees, then the CRO shall take nominations from the floor. Any present, eligible member can be nominated.
+    1. Voting shall be by secret ballot, in a manner that is to be decided on by the CRO and agreed upon by the members at the meeting. A simple heads-down-hands-up method is considered acceptable.
     1. The CRO shall not vote except to break a tie.
     1. The CRO may, if feasible, accept absentee ballots from full members. No absentee vote from a member shall be counted if the member is present at the time the vote is taken. The CRO shall make a best effort to ensure that absentee ballots are compatible with the method of voting chosen; if this is not possible (for instance, if the CRO is overruled by the membership), then the absentee votes shall not be counted.
-    1. Immediately after the vote is taken, the CRO will announce the results of the election and the winner will be removed from subsequent contests. If, due to lack of candidates (because there were no nominations, or candidates withdrew or were eliminated), there is no one elected to an office, then the members at the meeting will decide whether or not to hold extra elections in accordance with the procedure for vacancies. If they choose not to, this does not prevent the Executive or a group of members from calling extra elections later in the term in accordance with the usual vacancy provisions.
-1. Following the elections, it is the responsibility of the new executive to select a System Administrator. The selection of System Administrator must then be ratified by the members at the meeting. If a suitable System Administrator is not available, then the executive may delay their selection until one becomes available. In this case the selection of System Administrator must be ratified at the next meeting of the Club.
+    1. Immediately after the vote is taken, the CRO will announce the results of the election and the winner will be removed from subsequent contests. If, due to a lack of candidates (because there were no nominations, or candidates withdrew or were eliminated), there is no one elected to an office, then the members at the meeting will decide whether or not to hold extra elections in accordance with the procedure for vacancies. If they choose not to, this does not prevent the Executive or a group of members from calling extra elections later in the term in accordance with the usual vacancy provisions.
+1. Following the elections, it is the responsibility of the new Executive to select a Systems Administrator. The selection of Systems Administrator must then be ratified by the members at the meeting. If a suitable Systems Administrator is not available, the duties of the Systems Administrator shall be carried out by the Systems Committee, with decisions made by consensus achieved on their mailing list.
 1. Any two offices may be held by a single person with the approval of the President (if any), and the explicit approval of the members.
 1. In the case of a resignation of an officer or officers, including the President, or if a vacancy occurs for any other reason, the Executive, members at a meeting, or any ten (10) members may call extra elections to replace such officer(s). If extra elections are held, they are held for all vacant offices.
 1. Whenever extra elections are held, they shall follow the usual election procedure. If they are held after elections failed to elect an officer, then the nomination period may be shortened to less than a week in order to allow the extra elections to take place at the same date and time in the following week. The Executive (or the ten (10) members who called the election) may appoint a replacement CRO if the previous CRO is unwilling or unable to fulfill their duties.

content/about/constitution/purpose.md

@@ -1,6 +1,5 @@
 ---
 title: Purpose
-index: 2
 ---
 
 1. The Club is organized and will be operated exclusively for educational and scientific purposes in furtherance of:

content/about/constitution/revision.md

@@ -1,6 +1,5 @@
 ---
 title: Revision
-index: 14
 ---
 
-The constitution was last revised on 25 January 2018.
+The latest revision of the constitution is effective January 11, 2024.

content/about/constitution/use-of-club-resources.md

@@ -1,6 +1,5 @@
 ---
 title: Use of Club Resources
-index: 13
 ---
 
 1. All resources under control of the Club are to be used in accordance with the aims of the Club.

content/about/our-supporters.mdx

@@ -11,7 +11,6 @@ The [Mathematics Endowment Fund](https://uwaterloo.ca/math-endowment-fund/) ha
 - A gigabit switch for the MathSoc offices (including ours)
 - Academic talks
 - Linux CDs for first-year students
-- Caffeine, our primary server
 - Various books for the CSC library
 
 The Computer Science club graciously thanks the Mathematics Endowment Fund for their financial support.
@@ -26,6 +25,6 @@ The [MathSoc Capital Improvements Fund](https://mathsoc.uwaterloo.ca/wp-content
 
 ## Student Life Endowment Fund
 
-The [Student Life Endowment Fund](https://feds.ca/funding#fund-slef) has provided funding of new hardware:
+The [Student Life Endowment Fund](https://wusa.ca/about/your-money/funding/) has provided funding of new hardware:
 
 - Biloba, a server to improve CSC web hosting services

content/events/1994/fall/ACM-Style-Programming-Contest.md

@@ -1,9 +1,9 @@
 ---
-name: 'ACM-Style Programming Contest'
-short: 'No description available'
-date: 'Sat Oct 15 1994 10:00:00 GMT-0400 (Eastern Daylight Time)'
+name: "ACM-Style Programming Contest"
+short: ""
+startDate: 'October 15 1994 11:00'
 online: false
-location: 'MC 3022'
+location: "MC 3022"
 ---
 
 ### Big Money and Prizes!
@@ -11,4 +11,3 @@ location: 'MC 3022'
 So you think you're a pretty good programmer? Pit your skills against others on campus in this triannual event! Contestants will have three hours to solve five programming problems in either C or Pascal.
 
 Last fall's winners went on to the International Finals and came first overall! You could be there, too!
-

content/events/1994/fall/CSC-Elections.md

@@ -1,9 +1,9 @@
 ---
-name: 'CSC Elections'
-short: 'No description available'
-date: 'Fri Sep 16 1994 16:30:00 GMT-0400 (Eastern Daylight Time)'
+name: "CSC Elections"
+short: ""
+startDate: 'September 16 1994 17:30'
 online: false
-location: 'MC 4040'
+location: "MC 4040"
 ---
 
 No abstract available

content/events/1994/fall/Exploring-the-Internet.md

@@ -1,9 +1,9 @@
 ---
-name: 'Exploring the Internet'
-short: 'No description available'
-date: 'Thu Oct 20 1994 16:30:00 GMT-0400 (Eastern Daylight Time)'
+name: "Exploring the Internet"
+short: ""
+startDate: 'October 20 1994 17:30'
 online: false
-location: 'MC 3009'
+location: "MC 3009"
 ---
 
 ### Need something to do between assignments/beers?
@@ -11,4 +11,3 @@ location: 'MC 3009'
 Did you know that your undergrad account at Waterloo gives you access to the world's largest computer network? With thousands of discussion groups, gigabytes of files to download, multimedia information browsers, even on-line entertainment?
 
 The resources available on the Internet are vast and wondrous, but the tools for navigating it are sometimes confusing and arcane. In this hands-on tutorial you will get the chance to get your feet wet with the world's most mind-bogglingly big computer network, the protocols and programs used, and how to use them responsibly and effectively.
-

content/events/1994/fall/Game-Theory.md

@@ -1,9 +1,9 @@
 ---
-name: 'Game Theory'
-short: 'No description available'
-date: 'Wed Nov 02 1994 16:30:00 GMT-0500 (Eastern Standard Time)'
+name: "Game Theory"
+short: ""
+startDate: 'November 02 1994 17:30'
 online: false
-location: 'MC 2038'
+location: "MC 2038"
 ---
 
 ### From the Minimax Theorem, through Alpha-Beta, and beyond...
@@ -11,4 +11,3 @@ location: 'MC 2038'
 This will be a discussion of the pitfalls of using mathematics and algorithms to play classical board games. Thorough descriptions shall be presented of the simple techniques used as the building blocks that make all modern computer game players. I will use tic-tac-toe as a control for my arguments. Other games such as Chess, Othello and Go shall be the be a greater measure of progress; and more importantly the targets of our dreams.
 
 To enhance the discussion of the future, Barney Pell's Metagamer shall be introduced. His work in define classes of games is important in identifying the features necessary for analysis.
-

content/events/1994/fall/Movie-Outing-Brainstorm.md

@@ -1,7 +1,7 @@
 ---
 name: 'Movie Outing: Brainstorm'
 short: '	No description available.	'
-date: 'Tue Sep 13 1994 21:00:00 GMT-0400 (Eastern Daylight Time)'
+startDate: 'September 13 1994 21:00'
 online: false
 location: 'Princess Cinema'
 ---

content/events/1994/fall/Prograph-Picture-the-Future.md

@@ -1,9 +1,9 @@
 ---
-name: 'Prograph: Picture the Future'
-short: 'No description available'
-date: 'Thu Oct 13 1994 17:00:00 GMT-0400 (Eastern Daylight Time)'
+name: "Prograph: Picture the Future"
+short: ""
+startDate: 'October 13 1994 18:00'
 online: false
-location: 'DC 1302'
+location: "DC 1302"
 ---
 
 What is the next step in the evolution of computer languages? Intelligent agents? Distributed objects? or visual languages?
@@ -13,4 +13,3 @@ Visual languages overcome many of the drawbacks and limitations	of the textual l
 Visual C++ and Visual BASIC aren't visual languages, but Prograph is. Prograph is a commercially available, visual, object-oriented, data-flow language. It is well suited to graphical user interface development, but is as powerful for general-purpose programming as any textual language.
 
 The talk will comprise a discussion of the problems of textual languages that visual languages solve, a live demonstration of Prograph, and some of my observations of the applications of Prograph to software development.
-

content/events/1994/fall/SIGGRAPH-Video-Night.md

@@ -1,9 +1,9 @@
 ---
-name: 'SIGGRAPH Video Night'
-short: 'No description available'
-date: 'Wed Sep 21 1994 18:30:00 GMT-0400 (Eastern Daylight Time)'
+name: "SIGGRAPH Video Night"
+short: ""
+startDate: 'September 21 1994 19:30'
 online: false
-location: 'DC 1302'
+location: "DC 1302"
 ---
 
 No abstract available

content/events/1994/fall/UNIX-I-Tutorial.md

@@ -1,9 +1,9 @@
 ---
-name: 'UNIX I Tutorial'
-short: 'No description available'
-date: 'Thu Sep 22 1994 16:30:00 GMT-0400 (Eastern Daylight Time)'
+name: "UNIX I Tutorial"
+short: ""
+startDate: 'September 22 1994 17:30'
 online: false
-location: 'MC 3022'
+location: "MC 3022"
 ---
 
 No abstract available

content/events/1994/fall/UNIX-II-Tutorial.md

@@ -1,9 +1,9 @@
 ---
-name: 'UNIX II Tutorial'
-short: 'No description available'
-date: 'Mon Sep 26 1994 16:30:00 GMT-0400 (Eastern Daylight Time)'
+name: "UNIX II Tutorial"
+short: ""
+startDate: 'September 26 1994 17:30'
 online: false
-location: 'MC 3022'
+location: "MC 3022"
 ---
 
 No abstract available

content/events/1999/fall/Calculational-Mathematics.md

@@ -1,7 +1,7 @@
 ---
 name: 'Calculational Mathematics'
 short: 'By Edgar Dijkstra'
-date: 'Thu Dec 02 1999 13:30:00 GMT-0500 (Eastern Standard Time)'
+startDate: 'December 02 1999 13:30'
 online: false
 location: 'DC1302'
 ---

content/events/1999/fall/Ctrl-D.md

@@ -1,7 +1,7 @@
 ---
 name: 'Ctrl-D'
 short: 'End-of-term dinner'
-date: 'Wed Dec 01 1999 19:00:00 GMT-0500 (Eastern Standard Time)'
+startDate: 'December 01 1999 19:00'
 online: false
 location: 'Golf''s Steakhouse'
 ---

content/events/1999/fall/GDB,-Purify-Tutorial.md

@@ -1,9 +1,9 @@
 ---
-name: 'GDB, Purify Tutorial'
-short: 'No description available.'
-date: 'Tue Oct 19 1999 16:30:00 GMT-0400 (Eastern Daylight Time)'
+name: "GDB, Purify Tutorial"
+short: ""
+startDate: 'October 19 1999 17:30'
 online: false
-location: 'DC1304'
+location: "DC1304"
 ---
 
 Debugging can be the most difficult and time consuming part of any program's life-cycle. Far from an exact science, it's more of an art ... and close to some kind of dark magic. Cryptic error messages, lousy error checking, and icky things like implicit casts can make it nearly impossible to know what's going on inside your program.
@@ -11,4 +11,3 @@ Debugging can be the most difficult and time consuming part of any program's lif
 Several tools are available to help automate your debugging. GDB and Purify are among the most powerful debugging tools available in a UNIX environment. GDB is an interactive debugger, allowing you to \`step' through a program, examine function calls, variable contents, stack traces and let you look at the state of a program after it crashes. Purify is a commercial program designed to help find and remove memory leaks from programs written in languages without automatic garbage collection.
 
 This talk will cover how to compile your C and C++ programs for use with GDB and Purify, as well as how to use the available X interfaces. If a purify license is available on undergrad at the time of the talk, we will cover how to use it during runtime.
-

content/events/1999/fall/Homebrew-Processors-and-Integrated-Systems-in-FPGAs.md

@@ -1,7 +1,7 @@
 ---
 name: 'Homebrew Processors and Integrated Systems in FPGAs'
 short: 'By Jan Gray'
-date: 'Wed Dec 01 1999 16:30:00 GMT-0500 (Eastern Standard Time)'
+startDate: 'December 01 1999 16:30'
 online: false
 location: 'MC2066'
 ---

content/events/1999/fall/Living-Laboratories-The-Future-Computing-Environments-at-Georgia-Tech.md

@@ -2,7 +2,7 @@
 name: 'Living Laboratories: The Future Computing Environments at
   Georgia Tech'
 short: 'By Blair MacIntyre and Elizabeth Mynatt'
-date: 'Mon Oct 18 1999 14:30:00 GMT-0400 (Eastern Daylight Time)'
+startDate: 'October 18 1999 14:30'
 online: false
 location: 'DC1304'
 ---

content/events/1999/fall/Open-Q&A-session.md

@@ -1,7 +1,7 @@
 ---
 name: 'Open Q&A session'
 short: 'By Edsger Dijkstra'
-date: 'Fri Dec 03 1999 15:00:00 GMT-0500 (Eastern Standard Time)'
+startDate: 'December 03 1999 15:00'
 online: false
 location: 'DC1351'
 ---

content/events/1999/fall/Proofs-and-Programs.md

@@ -1,7 +1,7 @@
 ---
 name: 'Proofs and Programs'
 short: 'By Edsger Dijkstra'
-date: 'Fri Dec 03 1999 10:00:00 GMT-0500 (Eastern Standard Time)'
+startDate: 'December 03 1999 10:00'
 online: false
 location: 'Siegfried Hall,
   St Jerome''s'

content/events/2000/fall/CSC-Elections.md

@@ -1,7 +1,7 @@
 ---
 name: 'CSC Elections'
 short: 'Fall 2000 Elections for the CSC.'
-date: 'Thu Sep 14 2000 18:00:00 GMT-0400 (Eastern Daylight Time)'
+startDate: 'September 14 2000 18:00'
 online: false
 location: 'DC1302'
 ---

content/events/2000/fall/Realising-the-Next-Generation-Internet.md

@@ -1,7 +1,7 @@
 ---
 name: 'Realising the Next Generation Internet'
 short: 'By Frank Clegg of Microsoft Canada'
-date: 'Mon Sep 25 2000 14:30:00 GMT-0400 (Eastern Daylight Time)'
+startDate: 'September 25 2000 14:30'
 online: false
 location: 'DC1302'
 ---

content/events/2000/fall/SIGGraph-Video-Night.md

@@ -1,7 +1,7 @@
 ---
 name: 'SIGGraph Video Night'
 short: ' SIGGraph Video Night Featuring some truly awesome computer animations from Siggraph ''99. '
-date: 'Thu Sep 14 2000 19:00:00 GMT-0400 (Eastern Daylight Time)'
+startDate: 'September 14 2000 19:00'
 online: false
 location: 'DC1302'
 ---

content/events/2000/spring/Ctrl-D.md

@@ -1,7 +1,7 @@
 ---
 name: 'Ctrl-D'
 short: 'End-of-term dinner'
-date: 'Thu Jul 20 2000 19:00:00 GMT-0400 (Eastern Daylight Time)'
+startDate: 'July 20 2000 19:00'
 online: false
 location: 'Ali Babas Steak
   House, 130 King Street S, Waterloo'

content/events/2000/winter/Enterprise-Java-APIs-and-Implementing-a-Web-Portal-(1).md

@@ -1,12 +1,11 @@
 ---
-name: 'Enterprise Java APIs and Implementing a Web Portal (1)'
-short: 'No description available.'
-date: 'Thu Mar 30 2000 16:30:00 GMT-0500 (Eastern Standard Time)'
+name: "Enterprise Java APIs and Implementing a Web Portal (1)"
+short: ""
+startDate: 'March 30 2000 17:30'
 online: false
-location: 'DC1304'
+location: "DC1304"
 ---
 
 Real World J2EE - Design Patterns and architecture behind the yet to be released J2EE portal: theserverside.com
 
 This talk will feature an exclusive look at the architecture behind the new J2EE portal: theserverside.com. Join Floyd Marinescu in a walk-through of the back-end of the portal, while learning about J2EE and its real world patterns, applications, problems and benefits.
-

content/events/2000/winter/Enterprise-Java-APIs-and-Implementing-a-Web-Portal.md

@@ -1,9 +1,9 @@
 ---
-name: 'Enterprise Java APIs and Implementing a Web Portal'
-short: 'No description available.'
-date: 'Fri Mar 24 2000 16:30:00 GMT-0500 (Eastern Standard Time)'
+name: "Enterprise Java APIs and Implementing a Web Portal"
+short: ""
+startDate: 'March 24 2000 17:30'
 online: false
-location: 'DC1304'
+location: "DC1304"
 ---
 
 ### by Floyd Marinescu
@@ -11,4 +11,3 @@ location: 'DC1304'
 The first talk will be an introduction to the Enterprise Java API's: Servlets, JSP, EJB, and how to use them to build eCommerce sites.
 
 The second talk will be about how these technologies were used to implement a real world portal. The talk will include an overview of the design patterns used and will feature architectural information about the yet to be release portal (which I am one of the developers) called theserverside.com.
-

content/events/2001/spring/ACM-Style-programming-contest.md

@@ -1,7 +1,7 @@
 ---
 name: 'ACM-Style programming contest'
 short: 'Practice for the ACM international programming contest'
-date: 'Sat Jun 02 2001 10:30:00 GMT-0400 (Eastern Daylight Time)'
+startDate: 'June 02 2001 10:30'
 online: false
 location: 'MC3006'
 ---

content/events/2001/winter/ACM-Style-programming-contest.md

@@ -1,7 +1,7 @@
 ---
 name: 'ACM-Style programming contest'
 short: 'Practice for the ACM international programming contest'
-date: 'Sat Jan 27 2001 10:30:00 GMT-0500 (Eastern Standard Time)'
+startDate: 'January 27 2001 10:30'
 online: false
 location: 'MC3006'
 ---

content/events/2001/winter/Executive-elections.md

@@ -1,7 +1,7 @@
 ---
 name: 'Executive elections'
 short: 'Winter 2001 CSC Elections.'
-date: 'Mon Jan 15 2001 16:30:00 GMT-0500 (Eastern Standard Time)'
+startDate: 'January 15 2001 16:30'
 online: false
 location: 'MC3036'
 ---

content/events/2001/winter/Meeting-#2.md

@@ -1,7 +1,7 @@
 ---
 name: 'Meeting #2'
 short: 'Second CSC meeting for Winter 2001.'
-date: 'Mon Jan 22 2001 15:30:00 GMT-0500 (Eastern Standard Time)'
+startDate: 'January 22 2001 15:30'
 online: false
 location: 'MC3036'
 ---

content/events/2001/winter/Meeting-#3.md

@@ -1,9 +1,9 @@
 ---
-name: 'Meeting #3'
-short: 'No description available.'
-date: 'Mon Jan 29 2001 14:39:00 GMT-0500 (Eastern Standard Time)'
+name: "Meeting #3"
+short: ""
+startDate: 'January 29 2001 15:39'
 online: false
-location: 'MC3036'
+location: "MC3036"
 ---
 
 No abstract available.

content/events/2001/winter/Meeting-#4.md

@@ -1,9 +1,9 @@
 ---
-name: 'Meeting #4'
-short: 'No description available.'
-date: 'Mon Feb 05 2001 15:30:00 GMT-0500 (Eastern Standard Time)'
+name: "Meeting #4"
+short: ""
+startDate: 'February 05 2001 16:30'
 online: false
-location: 'MC3036'
+location: "MC3036"
 ---
 
 No abstract available.

content/events/2001/winter/Meeting-#5.md

@@ -1,9 +1,9 @@
 ---
-name: 'Meeting #5'
-short: 'No description available.'
-date: 'Mon Feb 12 2001 15:30:00 GMT-0500 (Eastern Standard Time)'
+name: "Meeting #5"
+short: ""
+startDate: 'February 12 2001 16:30'
 online: false
-location: 'MC3036'
+location: "MC3036"
 ---
 
 No abstract available.

content/events/2002/fall/A-GNU-Approach-to-Virtual-Memory-Management-in-a-Multiserver-Operating-System.md

@@ -1,7 +1,7 @@
 ---
 name: 'A GNU Approach to Virtual Memory Management in a Multiserver Operating System'
 short: 'Neal Walfield, a GNU Hurd developer, talks about a possible Virtual Memory Management subsystem for the GNU Hurd'
-date: 'Sat Oct 26 2002 16:30:00 GMT-0400 (Eastern Daylight Time)'
+startDate: 'October 26 2002 16:30'
 online: false
 location: 'MC2066'
 ---

content/events/2002/fall/Automatic-Memory-Management-and-Garbage-Collection.md

@@ -1,7 +1,7 @@
 ---
 name: 'Automatic Memory Management and Garbage Collection'
 short: 'A talk by James A. Morrison'
-date: 'Tue Nov 12 2002 16:30:00 GMT-0500 (Eastern Standard Time)'
+startDate: 'November 12 2002 16:30'
 online: false
 location: 'MC4058'
 ---

content/events/2002/fall/Business-Meeting.md

@@ -1,7 +1,7 @@
 ---
 name: 'Business Meeting'
 short: 'Vote on a constitutional change.'
-date: 'Mon Sep 30 2002 18:30:00 GMT-0400 (Eastern Daylight Time)'
+startDate: 'September 30 2002 18:30'
 online: false
 location: 'Comfy lounge, MC3001'
 ---

content/events/2002/fall/Debian-in-the-Enterprise.md

@@ -1,7 +1,7 @@
 ---
 name: 'Debian in the Enterprise'
 short: 'A talk by Simon Law'
-date: 'Thu Oct 17 2002 17:30:00 GMT-0400 (Eastern Daylight Time)'
+startDate: 'October 17 2002 17:30'
 online: false
 location: 'MC2065'
 ---

content/events/2002/fall/F02-elections.md

@@ -1,7 +1,7 @@
 ---
 name: 'F02 elections'
 short: 'Come and vote for this term''s exec'
-date: 'Mon Sep 16 2002 17:30:00 GMT-0400 (Eastern Daylight Time)'
+startDate: 'September 16 2002 17:30'
 online: false
 location: 'Comfy lounge'
 ---

content/events/2002/fall/GNULinux-InstallFest-with-KW-LUG-and-UW-DIG.md

@@ -1,7 +1,7 @@
 ---
 name: 'GNU/Linux InstallFest with KW-LUG and UW-DIG'
 short: 'Bring over your computer and we''ll help you install GNU/Linux'
-date: 'Sat Nov 02 2002 11:00:00 GMT-0500 (Eastern Standard Time)'
+startDate: 'November 02 2002 11:00'
 online: false
 location: 'MC3002 (Math Coffee and Donut Store)'
 ---

content/events/2002/fall/GNULinux-on-HPPA.md

@@ -1,7 +1,7 @@
 ---
 name: 'GNU/Linux on HPPA'
 short: 'Carlos O''Donnell talks about "the last of the legacy processors to fall before the barbarian horde"'
-date: 'Sat Oct 26 2002 13:30:00 GMT-0400 (Eastern Daylight Time)'
+startDate: 'October 26 2002 13:30'
 online: false
 location: 'MC2066'
 ---