StanfordACM · Scott-Hickmann · Oct 21, 2023 · Oct 21, 2023 · Oct 21, 2023 · Oct 21, 2023
diff --git a/.github/workflows/prettier.yml b/.github/workflows/prettier.yml
@@ -0,0 +1,26 @@
+name: Prettier
+
+# This action works with pull requests and pushes
+on:
+  pull_request:
+  push:
+
+permissions:
+  contents: write
+
+jobs:
+  prettier:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          # Make sure the actual branch is checked out when running on pull requests
+          ref: ${{ github.head_ref }}
+
+      - name: Prettify code
+        uses: creyD/[email protected]
+        with:
+          # This part is also where you can pass other options, for example:
+          prettier_options: --config .prettierrc --write .
diff --git a/components/layout.tsx b/components/layout.tsx
@@ -6,7 +6,7 @@ import Navigation from './navigation';
 const Main = styled.main<{ paddingH: number }>`
   margin: 0 0 0 360px;
   padding: ${(props) => props.paddingH}px; 180px ${(props) =>
-  props.paddingH}px 120px;
+    props.paddingH}px 120px;
 
   @media (max-width: ${({ theme }) => theme.screen.desktop}) {
     padding: 40px 80px 40px 80px;

diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -44,7 +44,7 @@ export default class MyDocument extends Document {
           {/* eslint-disable-next-line @next/next/google-font-display */}
           <link
             rel="stylesheet"
-            href="https://fonts.googleapis.com/css?family=Mukta|Inconsolata|Rubik|Nunito|Open+Sans:400,700&display=fallback"
+            href="https://fonts.googleapis.com/css?family=Mukta|Inconsolata|Special+Elite|Rubik|Nunito|Open+Sans:400,700&display=fallback"
           />
         </Head>
         <body>

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -5,6 +5,7 @@ import {
   Section,
   Title
 } from '../components/section';
+import { Center, SignUpButton } from './puzzleHunt/2023';
 
 function SectionTitle({
   href,
@@ -20,9 +21,15 @@ function SectionTitle({
 export default function About() {
   return (
     <Layout title="About" pageName="about">
+      <Section id="puzzlehunt">
+        <Center>
+          <Title>Puzzle Hunt 2023: Mystery in History</Title>
+          <Paragraph>Puzzle Hunt is on October XX</Paragraph>
+          <SignUpButton>Sign Up</SignUpButton>
+        </Center>
+      </Section>
       <Section id="about">
         <Title>About</Title>
-
         <Paragraph>
           ACM is Stanford&apos;s premier computer science organization. Our
           mission is to build exciting projects to learn about and solve

diff --git a/pages/puzzleHunt.tsx b/pages/puzzleHunt.tsx
@@ -27,14 +27,18 @@ const Info = styled.div`
 `;
 
 const RegisterButton = styled.a`
-  border-radius: 5px;
   text-align: center;
-  padding: 0.3em;
+  display: inline-block;
+  margin: 0 auto 20px auto;
+  border-radius: 8px;
+  text-align: center;
+  padding: 0.5em 1em;
   font-weight: 400;
-  font-size: 32px;
+  font-size: 28px;
   background-color: #4b65d4;
   cursor: pointer;
   color: white;
+  font-family: Mukta;
 `;
 
 const Row = styled.div`
@@ -77,6 +81,13 @@ const Right = styled.div`
   }
 `;
 
+const Header = styled.h2`
+  font: mukta;
+  font-size: 1.3em;
+  font-weight: 600;
+  margin: 0.6em 0;
+`;
+
 const SectionTitle = styled.h3`
   color: #376caa;
   font-size: 1.75em;
@@ -99,21 +110,39 @@ export default function PuzzleHunt() {
             />
           </div>
           <Info>
-            📅 Saturday, October 29th
+            📅 Saturday, November 4th
             <br />
             🕐 1-5pm
             <br />
             🧋 boba provided
           </Info>
+          <Header>
+            Puzzle Hunt signups for fall 2023 are&nbsp;
+            <LinkComponent
+              href="https://forms.gle/eqca6sPu56yc6RB96"
+              target="_blank"
+            >
+              now open
+            </LinkComponent>
+            !
+          </Header>
+          <Paragraph>
+            More details can be found&nbsp;
+            <LinkComponent href="/puzzleHunt/2023">here</LinkComponent>.{' '}
+          </Paragraph>
+          <RegisterButton
+            href="https://forms.gle/eqca6sPu56yc6RB96"
+            target="_blank"
+          >
+            Register
+          </RegisterButton>
           <Paragraph>
-            Puzzle Hunt for fall 2022 just ended! Check back next year for more,
-            and feel free to check out{' '}
+            Check out{' '}
             <LinkComponent href="/puzzleHunt/2022">
               puzzles and solutions
             </LinkComponent>{' '}
-            from the event.
+            from last year&apos;s event!
           </Paragraph>
-          <RegisterButton href="/puzzleHunt/2022">View Puzzles</RegisterButton>
         </Center>
         <Row>
           <Left>
@@ -169,12 +198,12 @@ export default function PuzzleHunt() {
             <SectionTitle>Questions?</SectionTitle>
             <Paragraph>
               Reach out to us at{' '}
-              <LinkComponent href="mailto:syyan@stanford.edu">
-                syyan@stanford.edu
+              <LinkComponent href="mailto:iyhn8192@stanford.edu">
+                iyhn8192@stanford.edu
               </LinkComponent>{' '}
               and{' '}
-              <LinkComponent href="mailto:ssyoung@stanford.edu">
-                ssyoung@stanford.edu
+              <LinkComponent href="mailto:bradmoon@stanford.edu">
+                bradmoon@stanford.edu
               </LinkComponent>{' '}
               if you have any further questions! Puzzle hunt is run by{' '}
               <LinkComponent href="/">Stanford ACM</LinkComponent>&apos;s Puzzle

diff --git a/pages/puzzleHunt/2023.tsx b/pages/puzzleHunt/2023.tsx
@@ -0,0 +1,154 @@
+import styled from 'styled-components';
+
+import Layout from '../../components/layout';
+import { LinkComponent, Section } from '../../components/section';
+import {
+  SponsorRow,
+  SponsorRowImage,
+  SponsorsRow
+} from '../../components/sponsors';
+
+const Image = styled.img`
+  max-height: 700px;
+  height: 100%;
+  object-fit: contain;
+`;
+
+const Title = styled.h1`
+  font-size: 36px;
+  font-family: 'Special Elite', sans-serif;
+  max-height: 700px;
+  weight: bold;
+  font-style: italic;
+  text-align: center;
+  height: 100%;
+  object-fit: contain;
+  margin-bottom: 30px;
+`;
+
+export const SignUpButton = styled.a`
+  text-align: center;
+  display: inline-block;
+  margin: 0 auto 30px auto;
+  border-radius: 8px;
+  text-align: center;
+  padding: 0.5em 1em;
+  font-family: 'Special Elite';
+  font-weight: 400;
+  font-size: 28px;
+  background-color: #4b65d4;
+  cursor: pointer;
+  color: white;
+`;
+
+const CenterSection = styled.div`
+  margin: 50px auto 0 auto;
+  width: 60%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: #edcda6;
+  border-radius: 18px;
+  padding: 70px 70px 50px 70px;
+`;
+
+export const Center = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+
+const IntroHeader = styled.h1`
+  text-align: left;
+  font: 36px/1 ${({ theme }) => theme.fonts.mono};
+  line-height: 36px;
+  font-weight: bold;
+  margin-bottom: 24px;
+  font-family: 'Special Elite', sans-serif;
+  color: red;
+`;
+
+const IntroText = styled.p`
+  text-align: center;
+  font: 22px/1 ${({ theme }) => theme.fonts.mono};
+  line-height: 28px;
+  font-weight: bold;
+  margin-bottom: 28px;
+  font-family: 'Special Elite', sans-serif;
+`;
+
+export default function PuzzleHunt2023() {
+  return (
+    <Layout title="Puzzle Hunt 2023" pageName="puzzleHunt" paddingH={40}>
+      <link
+        href="http://fonts.googleapis.com/css?family=Oswald:300"
+        rel="stylesheet"
+        type="text/css"
+      ></link>
+      <Section>
+        <Center>
+          <div>
+            <Image
+              src="/puzzleHunt/2023.jpg"
+              alt="Puzzle Hunt 2023"
+              width={1890}
+              height={3800}
+            />
+          </div>
+        </Center>
+      </Section>
+      <Section>
+        <Title>Puzzle Hunt Fall 2023: Mystery in History</Title>
+        <Center>
+          <IntroText>Signups are now open!</IntroText>
+          <SignUpButton
+            href="https://forms.gle/eqca6sPu56yc6RB96"
+            target="_blank"
+          >
+            Sign up
+          </SignUpButton>
+          <IntroText>
+            For hunt details, click{' '}
+            <LinkComponent
+              href="https://docs.google.com/document/d/1NDAmQZblLul5ztnWuZy14vqyYn7dwCJW/edit?usp=sharing&ouid=116577593488707626970&rtpof=true&sd=true"
+              target="_blank"
+            >
+              here
+            </LinkComponent>
+            .
+          </IntroText>
+        </Center>
+        <CenterSection>
+          <IntroHeader>MISSION BRIEFING</IntroHeader>
+          <IntroText>
+            Hello, puzzlers, and welcome. You’ve been called here today to solve
+            a centuries-old murder and stop the time-jumping culprit from
+            unraveling the timeline. We’ll be sending you back in time, to some
+            of the most pivotal and mysterious moments in human history. Your
+            job is to find the clues, solve the puzzles, and catch the killer.
+            Time is running out.
+          </IntroText>
+          <IntroText>Good luck.</IntroText>
+        </CenterSection>
+      </Section>
+
+      <Section>
+        <Title>Sponsors</Title>
+        <SponsorsRow>
+          <SponsorRow>
+            <SponsorRowImage
+              src="/puzzleHunt/hrt.png"
+              alt="Hudston River Trading"
+            />
+          </SponsorRow>
+          <SponsorRow>
+            <SponsorRowImage
+              src="/puzzleHunt/JaneStreet.png"
+              alt="Hudston River Trading"
+            />
+          </SponsorRow>
+        </SponsorsRow>
+      </Section>
+    </Layout>
+  );
+}
diff --git a/public/puzzleHunt/2023.jpg b/public/puzzleHunt/2023.jpg
diff --git a/public/puzzleHunt/JaneStreet.png b/public/puzzleHunt/JaneStreet.png
diff --git a/public/puzzleHunt/hrt.png b/public/puzzleHunt/hrt.png
diff --git a/types/api.ts b/types/api.ts
@@ -5,4 +5,4 @@ export interface ResponseData<T extends ResponseDataBase = undefined> {
   success: boolean;
   data?: T;
   error?: string;
-}
+}