Merge branch 'main' into b72zhou-past-exec

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

@@ -18,6 +18,10 @@ interface EventCardProps {
   permaLink: string;
   showDescription?: boolean;
   children: ReactNode;
+  year: string;
+  term: string;
+  slug: string;
+  titleLinked: boolean;
 }
 
 export function EventCard({
@@ -30,6 +34,10 @@ export function EventCard({
   registerLink,
   children,
   showDescription = false,
+  year,
+  term,
+  slug,
+  titleLinked,
 }: EventCardProps) {
   return (
     <article className={styles.card}>
@@ -54,7 +62,13 @@ 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} />
         </h2>

components/MiniEventCard.module.css

@@ -14,6 +14,10 @@
   margin: 0;
 }
 
+.name a {
+  color: var(--primary-heading);
+}
+
 .nameSpacer {
   width: calc(140rem / 16);
 }

components/MiniEventCard.tsx

@@ -1,32 +1,39 @@
 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;
+  year: string;
+  term: string;
+  slug: string;
 }
 
-export const MiniEventCard: React.FC<Props> = ({
+export const MiniEventCard: React.FC<MiniEventCardProps> = ({
   name,
   short,
   description,
   location,
   date,
   online,
+  year,
+  term,
+  slug,
 }) => {
   return (
     <details className={styles.card}>
       <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}>

content/events/2022/winter/Code-Party.md

@@ -0,0 +1,17 @@
+---
+name: "Code Party"
+short: "CS Club is hosting our first Code Party since the pandemic started. Come code and chill (in-person!) with us!"
+date: "March 25 2022 18:00"
+online: false
+location: "STC 0060"
+poster: "images/events/2022/winter/Code-Party.png"
+registerLink: "https://forms.gle/M4YzJeHpt2RiY1HHA"
+---
+
+CS Club is hosting our first Code Party since the pandemic started, from 6 pm until 9 pm in STC 0060, on Friday, March 25. Come code and chill (in-person!) with us!
+
+Personal projects you want to work on? Homework assignments you need to finish? Or want some time to explore new technology and meet new people in a casual, minimal-stress environment? You can do all this and more at our Code Party! All experience levels are welcome.
+
+Come any time after 6 pm. Food will be provided.
+
+Registration is not required, but it is highly recommended. Register at https://forms.gle/M4YzJeHpt2RiY1HHA. Alternatively, you can also email us at exec@csclub.uwaterloo.ca to let us know you're interested.

content/events/2022/winter/Unix-101-2.md

@@ -0,0 +1,19 @@
+---
+name: "Unix 101: FS/Perms & vim"
+short: "Join CSC's Systems Committee (syscom) for the second session of an introductory series on GNU/Linux!"
+date: "March 26 2022 14:00"
+online: true
+location: "Twitch"
+poster: 'images/events/2022/winter/Unix-101-2.png'
+---
+
+Do you want to start editing with vim? Looking to learn about the Unix file system? You’ve come to the right place! ✍ CSC’s Systems Committee (syscom) is back with a workshop on File Systems, Permissions, and a tutorial on vim for our 2nd session of Unix 101! 💻
+
+🙆‍♂️ Unix 101 is a 4-part, beginner-friendly series on the Unix operating system. Attendance in previous sessions is not required to understand the proceeding ones, but is strongly encouraged to make sure you get the most out of our workshops! ✨
+
+👆 We additionally recommend joining CSC to access our machines for more hands-on activity. Learn more about how you can do so at https://csclub.uwaterloo.ca/get-involved/! 
+
+🧠 Head over to our Twitch on March 26th from 2-3PM ET for our second session of Unix 101!
+
+📅 Event Date: Saturday March 26th @ 2-3PM ET on Twitch
+🔗 Twitch: https://www.twitch.tv/uwcsclub

lib/events.ts

@@ -53,6 +53,9 @@ interface Metadata {
   location: string;
   permaLink: string;
   registerLink?: string;
+  year: string;
+  term: string;
+  slug: string;
 }
 
 export interface Event {
@@ -82,6 +85,9 @@ export async function getEventBySlug(
       ).toString(),
       // permaLink is based on the directory structure in /pages
       permaLink: `/events/${year}/${term}/${slug}`,
+      year: year,
+      term: term,
+      slug: slug,
     } as Metadata,
   };
 }

pages/events/[year]/[term]/[event].tsx

@@ -28,6 +28,7 @@ export default function EventInfoPage({ year, term, event }: Props) {
         {...event.metadata}
         date={new Date(event.metadata.date)}
         showDescription
+        titleLinked={false}
       >
         <MDXRemote {...event.content} />
       </EventCard>

pages/events/[year]/[term]/index.tsx

@@ -75,6 +75,7 @@ export default function TermPage(props: Props) {
                 {...metadata}
                 date={new Date(metadata.date)}
                 key={metadata.name + metadata.date.toString()}
+                titleLinked={true}
               >
                 <MDXRemote {...content} />
               </EventCard>