From b0443ef7759d5db672b3675ec92d0a6610171d7b Mon Sep 17 00:00:00 2001
From: Jared He <66887902+jaredjhe@users.noreply.github.com>
Date: Fri, 27 Aug 2021 21:36:17 -0500
Subject: [PATCH] Fix off centre

---
 components/EventCard.tsx               | 30 ++++++++++++++------------
 components/playground.tsx              |  4 ++++
 content/playground/alt-tab-2.event.mdx | 13 +++++++++++
 3 files changed, 33 insertions(+), 14 deletions(-)
 create mode 100644 content/playground/alt-tab-2.event.mdx

diff --git a/components/EventCard.tsx b/components/EventCard.tsx
index eeae0997..ff171eee 100644
--- a/components/EventCard.tsx
+++ b/components/EventCard.tsx
@@ -28,20 +28,22 @@ export function EventCard({
 }: EventCardProps) {
   return (
     <article className={styles.card}>
-      <aside>
-        {poster && <Image alt={name} src={poster} />}
-        {!poster && <div className={styles.spacer}></div>}
-        {registerLink && (
-          <Button
-            isLink={true}
-            href={registerLink}
-            size="small"
-            className={styles.registerButton}
-          >
-            Register
-          </Button>
-        )}
-      </aside>
+      {(poster || registerLink) && (
+        <aside>
+          {poster && <Image alt={name} src={poster} />}
+          {!poster && <div className={styles.spacer}></div>}
+          {registerLink && (
+            <Button
+              isLink={true}
+              href={registerLink}
+              size="small"
+              className={styles.registerButton}
+            >
+              Register
+            </Button>
+          )}
+        </aside>
+      )}
       <section className={styles.content}>
         <h1>{name}</h1>
         <h2>
diff --git a/components/playground.tsx b/components/playground.tsx
index 7aa9facc..baa796da 100644
--- a/components/playground.tsx
+++ b/components/playground.tsx
@@ -3,6 +3,9 @@ import React, { useState } from "react";
 import AfterHoursContent, {
   metadata as afterHoursMetadata,
 } from "../content/playground/after-hours.event.mdx";
+import AltTab2, {
+  metadata as altTab2EventMetadata,
+} from "../content/playground/alt-tab-2.event.mdx";
 import AltTab, {
   metadata as altTabEventMetadata,
 } from "../content/playground/alt-tab.event.mdx";
@@ -59,6 +62,7 @@ import styles from "./playground.module.css";
 const events = [
   { Content: OOTBReact, metadata: OOTBReactEventMetadata },
   { Content: AfterHoursContent, metadata: afterHoursMetadata },
+  { Content: AltTab2, metadata: altTab2EventMetadata },
   { Content: AltTab, metadata: altTabEventMetadata },
 ];
 
diff --git a/content/playground/alt-tab-2.event.mdx b/content/playground/alt-tab-2.event.mdx
new file mode 100644
index 00000000..f77df0ce
--- /dev/null
+++ b/content/playground/alt-tab-2.event.mdx
@@ -0,0 +1,13 @@
+export const metadata = {
+  name: "Alt-Tab 2",
+  short: "CSC is proud to present to you Alt-Tab 2!",
+  date: new Date("March 25, 2021 19:00:00 GMT-4"),
+  online: true,
+  location: "Twitch",
+};
+
+This Alt-Tab does not have a register link or a poster. CSC is proud to present to you Alt-Tab! Join us in a lightning tech talk series presented to you by our very own students. Alt-Tab consists of 10 to 15-minute talks about anything related to tech. Learn more about exciting topics that range from competitive programming to cryptography!
+
+We will have four incredible presenters that are eager to share their insights with you. Stay tuned as we'll be introducing them and the topics that they will be discussing soon!.
+
+Registration is not required to attend! We'll just be sending you an email reminder, as well as inviting you to our calendar even
-- 
2.39.2