Fix title inconsistencies #229
|
@ -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 {
|
||||||
|
|
|
@ -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!
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue