Skip to content

Commit

Permalink
Fix css issues
Browse files Browse the repository at this point in the history
  • Loading branch information
@Scott-Hickmann
Scott-Hickmann committed Oct 21, 2023
1 parent 9c67118 commit 3070c9c
Show file tree
Hide file tree
Showing 4 changed files with 13 additions and 205 deletions.
6 changes: 2 additions & 4 deletions pages/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,7 @@ import {
Section,
Title
} from '../components/section';

import { SignUpButton, Center } from './puzzleHunt/2023';
import styled from 'styled-components';
import { Center, SignUpButton } from './puzzleHunt/2023';

function SectionTitle({
href,
Expand All @@ -23,7 +21,7 @@ function SectionTitle({
export default function About() {
return (
<Layout title="About" pageName="about">
<Section>
<Section id="puzzlehunt">
<Center>
<Title>Puzzle Hunt 2023: Mystery in History</Title>
<Paragraph>Puzzle Hunt is on October XX</Paragraph>
Expand Down
18 changes: 8 additions & 10 deletions pages/puzzleHunt.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -117,16 +117,14 @@ export default function PuzzleHunt() {
🧋 boba provided
</Info>
<Header>
<h2>
Puzzle Hunt signups for fall 2023 are&nbsp;
<LinkComponent
href="https://forms.gle/eqca6sPu56yc6RB96"
target="_blank"
>
now open
</LinkComponent>
!
</h2>
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;
Expand Down
4 changes: 0 additions & 4 deletions pages/puzzleHunt/2023.css
View file

This file was deleted.

190 changes: 3 additions & 187 deletions pages/puzzleHunt/2023.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,13 @@
import styled, { css } from 'styled-components';
import styled from 'styled-components';

import Layout from '../../components/layout';
import { LinkComponent, Section } from '../../components/section';
import {
SponsorRow,
SponsorRowImage,
SponsorsRow
} from '../../components/sponsors';

import {
LinkComponent,
Paragraph as DefaultParagraph,
Section
} from '../../components/section';

const Image = styled.img`
max-height: 700px;
height: 100%;
Expand All @@ -30,10 +26,6 @@ const Title = styled.h1`
margin-bottom: 30px;
`;

const Paragraph = styled(DefaultParagraph)`
line-height: 1.5;
`;

export const SignUpButton = styled.a`
text-align: center;
display: inline-block;
Expand Down Expand Up @@ -66,16 +58,6 @@ export const Center = styled.div`
align-items: center;
`;

const Table = styled.table`
border-collapse: collapse;
margin: 25px 0;
font-size: 0.9em;
font-family: Mukta, sans-serif;
width: 100%;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
border-radius: 20px;
`;

const IntroHeader = styled.h1`
text-align: left;
font: 36px/1 ${({ theme }) => theme.fonts.mono};
Expand All @@ -95,172 +77,6 @@ const IntroText = styled.p`
font-family: 'Special Elite', sans-serif;
`;

const hideSmallCss = css`
@media (max-width: 960px) {
display: none;
}
`;

const TableHeaderCell = styled.th<{ hideSmall?: boolean }>`
padding: 12px 15px;
:first-of-type {
border-top-left-radius: 20px;
}
:last-of-type {
border-top-right-radius: 20px;
}
${(props) => props.hideSmall && hideSmallCss}
`;

const TableCell = styled.td<{ hideSmall?: boolean }>`
padding: 12px 15px;
border-right: 1px solid ${({ theme }) => theme.colors.grayLight};
:last-of-type {
border-right: none;
}
${(props) => props.hideSmall && hideSmallCss}
`;

const TableHeaderRow = styled.tr`
background-color: ${({ theme }) => theme.colors.red};
color: #ffffff;
text-align: center;
font-size: 1.5em;
`;

const TableRow = styled.tr`
text-align: center;
border-bottom: 1px solid ${({ theme }) => theme.colors.grayLight};
font-size: 1.25em;
:last-of-type {
border-bottom: none;
}
`;

const Credits = styled.div`
column-count: 3;
@media (max-width: 1240px) {
column-count: 2;
}
@media (max-width: 960px) {
column-count: 1;
}
`;

interface Puzzle {
name: string;
credits: string;
puzzleLink: string;
solutionLink: string;
}

const puzzles: Puzzle[] = [
{
name: 'Onboarding',
credits: 'Sydney Yan and Kristie Park',
puzzleLink:
'https://docs.google.com/document/d/1Q-6O2qEcqLSQLLzljvdcbrbbqRG1X9Ol4IF-t9kL0Pc/edit?usp=share_link',
solutionLink:
'https://docs.google.com/document/d/197-BFFw74zBj7KcOwDM9XyjCLv_zqfWUDX2C5m8rXfg/edit?usp=share_link'
},
{
name: 'ProMosaic',
credits: 'Nathan Chi, Ryan Chi, and Sydney Yan',
puzzleLink:
'https://docs.google.com/document/d/1Q8VG8ONnH0noHUR_mF51yxrMq3vaWDwUzcfc-8hpniA/edit?usp=share_link',
solutionLink:
'https://docs.google.com/document/d/16Q3afLLBQkAVBxagO-5UvBY8QK6G54cnTGWxgQwb5tY/edit?usp=share_link'
},
{
name: 'Quick Response Replication',
credits: 'Daniel Sun, Kristie Park, and Sonny Young',
puzzleLink:
'https://docs.google.com/spreadsheets/d/1bWpf4vqXZp-OZed3eSsNrGgLYKM0NKumbFmhuEIT_Ms/edit?usp=share_link',
solutionLink:
'https://docs.google.com/spreadsheets/d/1RykPL8cm_SA4TL97AcfaMXh7N7FU7XvkTmYZ94GXY9k/edit?usp=share_link'
},
{
name: 'Italian Food Tips',
credits: 'Ethan Chi and Ryan Chi',
puzzleLink:
'https://docs.google.com/document/d/1bajxhoP-dgOr7G7tz4tIvETHorx9uVnP2TFdv1MLn2g/edit?usp=share_link',
solutionLink:
'https://docs.google.com/document/d/1BhFmQf4M6KfJG7lRzILLdT3ICdpP9SlcXgY3AfSZ3nQ/edit?usp=share_link'
},
{
name: 'Space Race',
credits: 'Sydney Yan',
puzzleLink:
'https://docs.google.com/document/d/1pe0tMnYhiyIAwGZpgP0vowObJez47dPvRAhMiXziAFU/edit?usp=share_link',
solutionLink:
'https://docs.google.com/document/d/1-kfVt_epmjl3tzYLh-NKROTPWD7ZkfYtbCcTqNca7Mo/edit?usp=share_link'
},
{
name: 'Spaceship Maintenance',
credits: 'Sydney Yan, Ryan Chi, Nathan Chi and Isaac Zhao',
puzzleLink:
'https://docs.google.com/document/d/1EY_V1ZxFNuOqpw-mHaSDxZhglypqJDmjztPQyk4tp-s/edit?usp=share_link',
solutionLink:
'https://docs.google.com/document/d/1y7PaOa3Iz0XaNwPt8GulZE0KTQvlo9VQ5WPV_lE0eEc/edit?usp=share_link'
},
{
name: 'Museo Artistico',
credits: 'Ethan Chi, Nathan Chi, and Daniel Sun',
puzzleLink:
'https://docs.google.com/document/d/1bRimIJ0gDRiIb8RPk9ACadQMlMkL7zyoYrUQcaRRSM4/edit?usp=share_link',
solutionLink:
'https://docs.google.com/document/d/1UwQY8XfNujVRsLjz3Hj7g2zKCuzI-Hcho9SDnz4FbR4/edit?usp=share_link'
},
{
name: "Aren't Animals Amazing?",
credits: 'Bradley Moon, Nathan Chi, and Ian Ng',
puzzleLink:
'https://docs.google.com/document/d/1GSZqBiy45uLf-5_8-VaWy7HJ1JLeXV7tc1qsbGCtiy0/edit?usp=share_link',
solutionLink:
'https://docs.google.com/document/d/1XM3WBLbCKDUnaoKwR2OXmGMgn5oK1OX_sS4lNXFjme0/edit?usp=share_link'
},
{
name: 'A Story is Brewing',
credits: 'Bradley Moon',
puzzleLink:
'https://docs.google.com/document/d/1BeFdZNOx1xR0kZhmyz4jYvrKKFTLsUu4wGIgcBuCHf8/edit?usp=share_link',
solutionLink:
'https://docs.google.com/document/d/1aIANDlqwJABAc327ThJZPk7IFm4u4ujwSqTVp1Sm9T0/edit?usp=share_link'
},
{
name: 'Shoot for the Stars',
credits: 'Kristie Park, Daniel Sun, and Sydney Yan',
puzzleLink:
'https://docs.google.com/document/d/1kVFA3f7uLIi4w-1zerBIIxB-ZJM6mRrRAWyX-LBxmWg/edit?usp=share_link',
solutionLink:
'https://docs.google.com/document/d/1XOwVyzrwI5c8dwHUBzSWhlHPi2k11IsbX-Ag_plYfdE/edit?usp=share_link'
},
{
name: 'Mindsweeper',
credits: 'Kaylee Doty',
puzzleLink:
'https://docs.google.com/document/d/1ufH9JUmgFPxgTm2owGtPh-OWcBe5KUgV-U0kz7C8snY/edit?usp=share_link',
solutionLink:
'https://docs.google.com/document/d/1aVmeK6n3cnA7XN9RXn2elrUxTEnvHmJ65bGWdwKuEgc/edit?usp=share_link'
},
{
name: 'Element Elements',
credits: 'Sydney Yan, Ryan Chi, Nathan Chi, and Kristie Park',
puzzleLink:
'https://docs.google.com/document/d/1NSlklTxy_T6quOXujsn_FCN0yU9L51J3CdAEG4z4xoI/edit?usp=share_link',
solutionLink:
'https://docs.google.com/document/d/1YJSDSFB2LEqlk7CgrTA5CKMeFcKJeDfAVhac1YPCNYU/edit?usp=share_link'
},
{
name: 'The Final Countdown',
credits: 'Kristie Park and Sonny Young',
puzzleLink:
'https://drive.google.com/file/d/1PDpxgzrXAJB-80y_ORL5uJq88vcIBI7E/view?usp=share_link',
solutionLink:
'https://drive.google.com/file/d/16rPAVH9rVe-sw8nXmZ8uQG7iPJXAQoTx/view?usp=share_link'
}
];

export default function PuzzleHunt2023() {
return (
<Layout title="Puzzle Hunt 2023" pageName="puzzleHunt" paddingH={40}>
Expand Down

0 comments on commit 3070c9c

Please sign in to comment.