Fix EventCard being off centre with no poster and link #188
|
@ -28,20 +28,22 @@ export function EventCard({
|
||||||
}: EventCardProps) {
|
}: EventCardProps) {
|
||||||
return (
|
return (
|
||||||
<article className={styles.card}>
|
<article className={styles.card}>
|
||||||
<aside>
|
{(poster || registerLink) && (
|
||||||
{poster && <Image alt={name} src={poster} />}
|
<aside>
|
||||||
{!poster && <div className={styles.spacer}></div>}
|
{poster && <Image alt={name} src={poster} />}
|
||||||
{registerLink && (
|
{!poster && <div className={styles.spacer}></div>}
|
||||||
<Button
|
{registerLink && (
|
||||||
isLink={true}
|
<Button
|
||||||
href={registerLink}
|
isLink={true}
|
||||||
size="small"
|
href={registerLink}
|
||||||
className={styles.registerButton}
|
size="small"
|
||||||
>
|
className={styles.registerButton}
|
||||||
Register
|
>
|
||||||
</Button>
|
Register
|
||||||
)}
|
</Button>
|
||||||
</aside>
|
)}
|
||||||
|
</aside>
|
||||||
|
)}
|
||||||
<section className={styles.content}>
|
<section className={styles.content}>
|
||||||
<h1>{name}</h1>
|
<h1>{name}</h1>
|
||||||
<h2>
|
<h2>
|
||||||
|
|
|
@ -3,6 +3,9 @@ import React, { useState } from "react";
|
||||||
import AfterHoursContent, {
|
import AfterHoursContent, {
|
||||||
metadata as afterHoursMetadata,
|
metadata as afterHoursMetadata,
|
||||||
} from "../content/playground/after-hours.event.mdx";
|
} from "../content/playground/after-hours.event.mdx";
|
||||||
|
import AltTab2, {
|
||||||
|
metadata as altTab2EventMetadata,
|
||||||
|
} from "../content/playground/alt-tab-2.event.mdx";
|
||||||
import AltTab, {
|
import AltTab, {
|
||||||
metadata as altTabEventMetadata,
|
metadata as altTabEventMetadata,
|
||||||
} from "../content/playground/alt-tab.event.mdx";
|
} from "../content/playground/alt-tab.event.mdx";
|
||||||
|
@ -59,6 +62,7 @@ import styles from "./playground.module.css";
|
||||||
const events = [
|
const events = [
|
||||||
{ Content: OOTBReact, metadata: OOTBReactEventMetadata },
|
{ Content: OOTBReact, metadata: OOTBReactEventMetadata },
|
||||||
{ Content: AfterHoursContent, metadata: afterHoursMetadata },
|
{ Content: AfterHoursContent, metadata: afterHoursMetadata },
|
||||||
|
{ Content: AltTab2, metadata: altTab2EventMetadata },
|
||||||
{ Content: AltTab, metadata: altTabEventMetadata },
|
{ Content: AltTab, metadata: altTabEventMetadata },
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
|
@ -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
|
Loading…
Reference in New Issue