Add /events/[year]/[term] page #158

Merged
a3thakra merged 46 commits from feat/events-term into main 2021-08-27 16:14:55 -04:00
2 changed files with 7 additions and 9 deletions
Showing only changes of commit 9e8b381064 - Show all commits

View File

@ -31,7 +31,7 @@ export default function Term(props: Props) {
<div className={styles.main}> <div className={styles.main}>
{hasFutureEvents && ( {hasFutureEvents && (
<> <>
<h2 className={styles.heading2}>Upcoming Events:</h2> <h2>Upcoming Events:</h2>
<hr /> <hr />
<div className={styles.miniEventCards}> <div className={styles.miniEventCards}>
{props.futureEvents.map(({ content, metadata }) => ( {props.futureEvents.map(({ content, metadata }) => (
@ -48,13 +48,13 @@ export default function Term(props: Props) {
)} )}
{hasFutureEvents && hasPastEvents && ( {hasFutureEvents && hasPastEvents && (
<> <>
<h2 className={styles.heading2}>Past Events:</h2> <h2>Past Events:</h2>
<hr /> <hr />
</> </>
)} )}
{!hasFutureEvents && ( {!hasFutureEvents && (
<> <>
<h2 className={styles.heading2}> <h2>
Events Archive: Events Archive:
<span className={styles.blue}> <span className={styles.blue}>
{` ${props.term.charAt(0).toUpperCase()}${props.term.slice(1)} ${ {` ${props.term.charAt(0).toUpperCase()}${props.term.slice(1)} ${

View File

@ -1,13 +1,11 @@
.main { .main {
margin: auto;
margin-top: calc(112rem / 16); margin-top: calc(112rem / 16);
margin-bottom: calc(224rem / 16);
width: calc(800rem / 16);
} }
.heading2 { @media only screen and (max-width: calc(768rem / 16)) {
font-weight: 700; .main {
color: var(--primary-heading); margin-top: calc(48rem / 16);
}
} }
.blue { .blue {