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

Fix title inconsistencies #229

Merged
j285he merged 5 commits from jared-fix-headers into main 2021-08-30 20:49:13 -04:00
Conversation 0 Commits 5 Files Changed 4 +32 -13
4 changed files with 32 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

@ -67,8 +67,8 @@ export default function Term(props: Props) {
<Link href="/events/archive">Archive</Link> <Link href="/events/archive">Archive</Link>
</div> </div>
{hasFutureEvents && ( {hasFutureEvents && (
<> <section>
<h2>Upcoming Events</h2> <h1>Upcoming Events</h1>
<div className={styles.miniEventCards}> <div className={styles.miniEventCards}>
{props.futureEvents.map(({ content, metadata }) => ( {props.futureEvents.map(({ content, metadata }) => (
<EventCard <EventCard
@ -81,20 +81,34 @@ export default function Term(props: Props) {
</EventCard> </EventCard>
))} ))}
</div> </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 && ( {hasPastEvents && !props.isCurrentTerm && (
<h2> <h1>
Events Archive: Events Archive:
<span className={styles.blue}> <span className={styles.blue}>
{` ${capitalize(props.term)} ${props.year}`} {` ${capitalize(props.term)} ${props.year}`}
</span> </span>
</h2> </h1>
)} )}
{!hasFutureEvents && !hasPastEvents && ( {!hasFutureEvents && !hasPastEvents && (
<> <>
<h2>Events</h2> <h1>Events</h1>
There are no upcoming or past events for the{" "} There are no upcoming or past events for the{" "}
{`${capitalize(props.term)} ${props.year}`} term. Please check back {`${capitalize(props.term)} ${props.year}`} term. Please check back
later! later!

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

@ -2,9 +2,9 @@
margin-top: calc(60rem / 16); margin-top: calc(60rem / 16);
} }
.main > h2 { .main > h1 {
padding-bottom: calc(1rem / 16); padding-bottom: calc(16rem / 16);
border-bottom: 1px solid var(--primary-heading); border-bottom: calc(1rem / 16) solid var(--primary-heading);
} }
.blue { .blue {

5
pages/news/[year]/[term].module.css
View File

@ -2,6 +2,11 @@
padding-bottom: calc(30rem / 16); padding-bottom: calc(30rem / 16);
} }
.page > h1 {
padding-bottom: calc(16rem / 16);
border-bottom: calc(1rem / 16) solid var(--primary-heading);
}
.term { .term {
color: var(--primary-accent); color: var(--primary-accent);
} }