diff --git a/public/Sponsorship_24_25.pdf b/public/Sponsorship_24_25.pdf new file mode 100644 index 0000000..89a8726 Binary files /dev/null and b/public/Sponsorship_24_25.pdf differ diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx index 2146d1a..41b9306 100644 --- a/src/components/Navbar/index.tsx +++ b/src/components/Navbar/index.tsx @@ -60,6 +60,13 @@ function Toolbar({ collapsed }: { collapsed: Boolean }) { > /events </Link> + <Link + href="/sponsors" + passHref + className={`link ${styles.navLink}`} + > + /sponsors + </Link> </div> </div> ) : null} @@ -89,6 +96,13 @@ function Toolbar({ collapsed }: { collapsed: Boolean }) { > /events </Link> + <Link + href="/sponsors" + passHref + className={`link ${styles.navLink}`} + > + /sponsors + </Link> </div> </div> ); diff --git a/src/pages/sponsors.tsx b/src/pages/sponsors.tsx new file mode 100644 index 0000000..07b70c5 --- /dev/null +++ b/src/pages/sponsors.tsx @@ -0,0 +1,28 @@ +import BaseLayout from 'layouts/BaseLayout'; +import styles from 'styles/Sponsors.module.scss'; + +export default function Sponsors() { + const sponsorPacketURL = 'Sponsorship_24_25.pdf'; + + return ( + <BaseLayout collapsedNavBar> + <div className={styles.pageContent}> + <div className={styles.sponsorPacketContainer}> + <object + data={sponsorPacketURL} + type="application/pdf" + className={styles.sponsorPacket} + > + <p> + You don`'`t have a PDF viewer for this browser. + You can{' '} + <a href={sponsorPacketURL}> + click here to download the sponsor packet. + </a> + </p> + </object> + </div> + </div> + </BaseLayout> + ); +} diff --git a/src/styles/Sponsors.module.scss b/src/styles/Sponsors.module.scss new file mode 100644 index 0000000..a0d0ae4 --- /dev/null +++ b/src/styles/Sponsors.module.scss @@ -0,0 +1,12 @@ +.sponsorPacketContainer { + width: 100%; + height: calc(100vh - 64px); + padding: 20px; + box-sizing: border-box; +} + +.sponsorPacket { + width: 100%; + height: 100%; + border: none; +}