www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity

Add sections
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Jared He 2021-08-30 19:02:17 -05:00
parent e491a4076d
commit 87b5390a50
2 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/events/[year]/[term]/index.module.css
View File

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

20
pages/events/[year]/[term]/index.tsx
View File

@ -65,7 +65,7 @@ export default function Term(props: Props) {
<Link href="/events/archive">Archive</Link>
</div>
{hasFutureEvents && (
<>
<section>
<h1>Upcoming Events</h1>
<div className={styles.miniEventCards}>
{props.futureEvents.map(({ content, metadata }) => (
@ -79,9 +79,23 @@ export default function Term(props: Props) {
</EventCard>
))}
</div>
</>
</section>
)}
{hasPastEvents && props.isCurrentTerm && (
<section>
<h1>Past Events</h1>
<div className={styles.miniEventCards}>
{props.pastEvents.map(({ content, metadata }) => (
<MiniEventCard
{...metadata}
date={new Date(metadata.date)}
description={<MDXRemote {...content} />}
key={metadata.name + metadata.date.toString()}
/>
))}
</div>
</section>
)}
{hasPastEvents && props.isCurrentTerm && <h2>Past Events</h2>}
{hasPastEvents && !props.isCurrentTerm && (
<h1>
Events Archive: