test placeholder

.drone.yml

@@ -37,13 +37,6 @@ steps:
   commands:
   - 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:
@@ -54,7 +47,6 @@ steps:
 - name: export
   image: node:16
   depends_on:
-  - generate-api
   - generate-calendar
   - build
   commands:

.eslintrc.js

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

.gitignore

@@ -28,8 +28,4 @@ yarn-error.log*
 /public/events.ics
 
 # Images should be optimized
-/public/images
-
-# APIs should be automatically generated, schema should be checked in
-/public/api/*
-!/public/api/schema
+/public/images

.vscode/settings.json

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

README.md

@@ -1,13 +1,6 @@
-# README
+# Development
 
-## Documentation
-
-- [Architecture and Folder Structure](docs/architecture.md)
-- [Everything about pages](docs/pages.md)
-
-## Development
-
-### Dependencies
+## 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
@@ -15,20 +8,19 @@ 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(--border);
+  border-bottom: calc(1rem / 16) solid var(--primary-heading);
   padding-bottom: 1rem;
 }
 

components/Bubble.module.css

@@ -6,6 +6,7 @@
 
 .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(--button-background);
-  color: var(--text-light);
+  background-color: var(--primary-accent);
+  color: var(--primary-background);
   border: none;
   outline: none;
   transition-duration: 0.3s;

components/EventCard.module.css

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

components/EventCard.tsx

@@ -10,8 +10,7 @@ import styles from "./EventCard.module.css";
 interface EventCardProps {
   name: string;
   short: string;
-  startDate: Date;
-  endDate?: Date;
+  date: Date;
   online: boolean;
   location: string;
   poster?: string;
@@ -19,27 +18,18 @@ interface EventCardProps {
   permaLink: string;
   showDescription?: boolean;
   children: ReactNode;
-  year: number;
-  term: string;
-  slug: string;
-  titleLinked: boolean;
 }
 
 export function EventCard({
   permaLink,
   name,
-  startDate,
-  endDate,
+  date,
   online,
   location,
   poster,
   registerLink,
   children,
   showDescription = false,
-  year,
-  term,
-  slug,
-  titleLinked,
 }: EventCardProps) {
   return (
     <article className={styles.card}>
@@ -64,20 +54,9 @@ export function EventCard({
           showDescription ? styles.mobileShowDescriptionContent : "",
         ].join(" ")}
       >
-        <h1>
-          {titleLinked ? (
-            <Link href={`/events/${year}/${term}/${slug}`}>{name}</Link>
-          ) : (
-            name
-          )}
-        </h1>
+        <h1>{name}</h1>
         <h2>
-          <EventSetting
-            startDate={startDate}
-            endDate={endDate}
-            online={online}
-            location={location}
-          />
+          <EventSetting date={date} 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(--card-background);
+  background-color: var(--primary-background);
 }
 
 .poster {
@@ -38,7 +38,7 @@
 
 .setting {
   margin: 0;
-  color: var(--link);
+  color: var(--primary-accent);
   font-size: calc(14rem / 16);
   font-weight: 600;
 }

components/EventDescriptionCard.tsx

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

components/EventSetting.tsx

@@ -3,51 +3,30 @@ import React from "react";
 import styles from "./EventSetting.module.css";
 
 interface Props {
-  startDate: Date;
-  endDate?: Date;
+  date: Date;
   online: boolean;
   location: string;
 }
 
 export function EventSetting(props: Props) {
-  const date = props.startDate.toLocaleDateString("en-US", {
+  const date = props.date.toLocaleDateString("en-US", {
     day: "numeric",
     month: "long",
     year: "numeric",
   });
-  const time = props.startDate.toLocaleTimeString("en-US", {
+  const time = props.date.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}>
-      {!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>
-      )}
+      <time dateTime={props.date.toISOString()}>{date}</time>
+      {separator}
+      <span>{time}</span>
       {separator}
       {location}
     </div>

components/Footer.module.css

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

components/Footer.tsx

@@ -1,15 +1,11 @@
 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}>
@@ -19,16 +15,6 @@ 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(--link);
+  color: var(--primary-accent);
   transition-duration: 0.3s;
   text-decoration: none;
   white-space: normal;
@@ -7,5 +7,5 @@
 }
 
 .link:hover {
-  color: var(--link-hover);
+  color: var(--secondary-accent);
 }

components/MiniEventCard.module.css

@@ -2,11 +2,10 @@
   box-sizing: border-box;
   position: relative;
   padding: calc(20rem / 16);
-  color: var(--text);
 }
 
-.darkBg {
-  background-color: var(--dark-card-background);
+.card:nth-child(odd) {
+  background-color: var(--secondary-accent-light);
 }
 
 .name {
@@ -15,10 +14,6 @@
   margin: 0;
 }
 
-.name a {
-  color: var(--primary-heading);
-}
-
 .nameSpacer {
   width: calc(140rem / 16);
 }
@@ -62,15 +57,13 @@
   fill: var(--primary-accent);
 }
 
-
 .card h1,
 .card h2,
 .card h3,
 .card h4 {
-  font-size: calc(18rem / 16);
+  font-size: calc(16rem / 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)) {

components/MiniEventCard.tsx

@@ -1,54 +1,36 @@
 import React, { ReactNode } from "react";
 
 import { EventSetting } from "./EventSetting";
-import { Link } from "./Link";
 
 import styles from "./MiniEventCard.module.css";
 
-interface MiniEventCardProps {
+interface Props {
   name: string;
   description: ReactNode;
   short: string;
   online: boolean;
   location: string;
-  startDate: Date;
-  endDate?: Date;
-  background: "dark-bg" | "normal-bg";
-  year: number;
-  term: string;
-  slug: string;
+  date: Date;
 }
 
-export const MiniEventCard: React.FC<MiniEventCardProps> = ({
+export const MiniEventCard: React.FC<Props> = ({
   name,
   short,
   description,
   location,
-  startDate,
-  endDate,
+  date,
   online,
-  background,
-  year,
-  term,
-  slug,
 }) => {
-  const cardBackground =
-    background === "dark-bg" ? `${styles.darkBg} ${styles.card}` : styles.card;
   return (
-    <details className={cardBackground}>
+    <details className={styles.card}>
       <summary>
         <div onClick={(event) => event.preventDefault()}>
           <h2 className={styles.name}>
-            <Link href={`/events/${year}/${term}/${slug}`}>{name}</Link>
+            <div>{name}</div>
             <div className={styles.nameSpacer}></div>
           </h2>
           <div className={styles.info}>
-            <EventSetting
-              startDate={startDate}
-              endDate={endDate}
-              location={location}
-              online={online}
-            />
+            <EventSetting date={date} 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-text);
+  color: var(--primary-heading);
   text-decoration: none;
 }
 
@@ -219,14 +219,6 @@
     cursor: pointer;
   }
 
-  .icon line {
-    stroke: var(--icon);
-  }
-
-  .icon path {
-    fill: var(--icon);
-  }
-
   .navMobileBackground {
     position: fixed;
     visibility: hidden;

components/Navbar.tsx

@@ -98,7 +98,7 @@ const menu: Menu = [
       },
       {
         name: "Internships",
-        route: "https://github.com/uwcsc/2023-internships",
+        route: "https://github.com/uwcsc/winter2022-internships",
       },
     ],
   },
@@ -120,7 +120,7 @@ export function Navbar() {
           className={styles.hamburger}
           onClick={() => dispatch({ type: "open", route: router.pathname })}
         >
-          <HamburgerSvg />
+          <Image src="/images/hamburger.svg" alt="Menu" />
         </button>
         <div
           className={
@@ -263,7 +263,7 @@ function NavItem(props: NavItemProps) {
             }
             onClick={() => props.onToggle(props.route)}
           >
-            <DropdownSvg />
+            <Image src="/images/dropdown-icon.svg" alt="Dropdown Icon" />
           </button>
           <ul
             className={
@@ -348,64 +348,3 @@ 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,7 +1,7 @@
 .card {
   padding: calc(30rem / 16) calc(40rem / 16);
   max-width: calc(524rem / 16);
-  background-color: var(--card-background);
+  background-color: var(--primary-background);
   border-radius: calc(20rem / 16);
   margin-bottom: 1rem;
 }
@@ -10,17 +10,15 @@
   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(--author-text);
+  color: var(--secondary-heading);
   font-style: normal;
 }
 

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(--sidebar-text);
+  color: var(--primary-heading);
   font-weight: 500;
 }
 
@@ -55,14 +55,10 @@
 
 .selected {
   background-color: var(--primary-accent-lightest);
-  color: var(--primary-heading);
+  color: var(--primary-accent);
   font-weight: 700;
 }
 
-.selected div {
-  color: var(--primary-heading);
-}
-
 .readAll {
   font-weight: 700;
 }
@@ -73,7 +69,7 @@
 
 .selected .marker {
   display: inline;
-  background-color: var(--marker);
+  background-color: var(--primary-accent);
   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(--border);
+  border-bottom: calc(1rem / 16) solid var(--primary-heading);
 }
 
 .header {
   line-height: 1;
-  color: var(--primary-title);
+  color: var(--primary-heading);
   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(--text-light);
+  fill: var(--primary-background);
 }

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="var(--blue-gradient)" />
+        <stop offset="0%" stopColor="#1481E3" />
         <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="var(--blue-gradient)" />
+        <stop offset="0%" stopColor="#1481E3" />
         <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="var(--blue-gradient)" />
+        <stop offset="0%" stopColor="#1481E3" />
         <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="var(--blue-gradient)" />
+        <stop offset="0%" stopColor="#1481E3" />
         <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="var(--blue-gradient)" />
+        <stop offset="0%" stopColor="#1481E3" />
         <stop offset="100%" stopColor="#4ED4B2" />
       </linearGradient>
       <path

components/Table.module.css

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

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

@@ -24,9 +24,6 @@
 .image {
   width: calc(126rem / 16);
   height: calc(126rem / 16);
-
-  clip-path: circle();
-  object-fit: cover;
 }
 
 .name {

components/TeamMemberCard.tsx

@@ -8,14 +8,14 @@ import styles from "./TeamMemberCard.module.css";
 
 export interface TeamMemberCardProps {
   name: string;
-  role?: string;
+  role: string;
   image: string;
   children: React.ReactNode;
 }
 
 export function TeamMemberCard({
   name,
-  role = "",
+  role,
   image,
   children,
 }: TeamMemberCardProps) {
@@ -48,12 +48,7 @@ export function TeamMemberCard({
   );
 }
 
-function TeamMemberInfo({
-  name,
-  role = "",
-  image,
-  children,
-}: TeamMemberCardProps) {
+function TeamMemberInfo({ name, role, image, children }: TeamMemberCardProps) {
   return (
     <>
       <div className={styles.picture}>
@@ -74,13 +69,7 @@ interface PopupProps extends TeamMemberCardProps {
   handleClick: () => void;
 }
 
-function ExecPopup({
-  name,
-  role = "",
-  image,
-  children,
-  handleClick,
-}: PopupProps) {
+function ExecPopup({ name, role, image, children, handleClick }: PopupProps) {
   return (
     <>
       <div className={styles.popupBackground} onClick={handleClick} />

components/Theme.tsx

@@ -29,17 +29,9 @@ 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",
@@ -49,24 +41,9 @@ export const PALETTE_NAMES = [
   "--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(
@@ -100,9 +77,15 @@ export function ThemeProvider(props: Props) {
   const setTheme = (input: SetThemeInput) => {
     if (typeof input === "string") {
       PALETTE_NAMES.forEach((name) =>
-        document.body.style.setProperty(name, "var(--" + input + name + ")")
+        document.body.style.setProperty(name, "")
       );
-      savePalette(getCurrentPalette(input));
+
+      if (input === "light") {
+        document.body.classList.remove("dark");
+      } else if (input === "dark") {
+        document.body.classList.add("dark");
+      }
+
       setThemeName(input);
     } else {
       const properties = Object.keys(input) as PaletteNames[];
@@ -124,14 +107,7 @@ export function ThemeProvider(props: Props) {
     const customPalette = getSavedPalette();
 
     if (customPalette == null) {
-      const prefersDark = window.matchMedia(
-        "(prefers-color-scheme: dark)"
-      ).matches;
-      if (prefersDark) {
-        setTheme("dark");
-      } else {
-        setTheme("light");
-      }
+      setThemeName("light");
     } else {
       setTheme(customPalette);
       setThemeName("custom");
@@ -148,11 +124,11 @@ export function ThemeProvider(props: Props) {
               theme: {
                 name: themeName,
                 get palette() {
-                  return getCurrentPalette(themeName);
+                  return getCurrentPalette();
                 },
               },
               setTheme,
-              save: () => savePalette(getCurrentPalette(themeName)),
+              save: () => savePalette(getCurrentPalette()),
               clearSaved: clearSavedPalette,
             }
       }
@@ -172,30 +148,13 @@ export type Palette = {
   [key in PaletteNames]: string;
 };
 
-function themePropertyName(
-  name: PaletteNames,
-  themeName: BuiltInThemes
-): string {
-  return `--${themeName}${name}`;
-}
-
-function getCurrentPalette(themeName: string) {
+function getCurrentPalette() {
   const styles = getComputedStyle(document.body);
-  if (themeName === "light" || themeName === "dark") {
-    return PALETTE_NAMES.reduce(
-      (partial, name) => ({
-        ...partial,
-        [name]: styles
-          .getPropertyValue(themePropertyName(name, themeName))
-          .trim(),
-      }),
-      {} as Palette
-    );
-  }
+
   return PALETTE_NAMES.reduce(
-    (partial, name) => ({
+    (partial, varName) => ({
       ...partial,
-      [name]: styles.getPropertyValue(name).trim(),
+      [varName]: styles.getPropertyValue(varName).trim(),
     }),
     {} as Palette
   );

components/WarningHeader.tsx

@@ -1,9 +1,8 @@
 import { parse } from "date-fns";
 import React from "react";
 
-import { DATE_FORMAT, getLocalDateFromEST } from "@/utils";
-
 import warnings from "../content/warnings/warnings.json";
+import { DATE_FORMAT, getLocalDateFromEST } from "../utils";
 
 import styles from "./WarningHeader.module.css";
 

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

@@ -1,14 +0,0 @@
-[
-  "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,5 +1,6 @@
 ---
 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,5 +1,6 @@
 ---
 title: Addressing Grievances
+index: 6
 ---