mirror of
https://github.com/System-End/site.git
synced 2026-04-19 23:22:49 +00:00
Clean up unused code, YEAH
It's all coming together.........
This commit is contained in:
Ella
parent
717c98cf10
commit
d3625ee906
10 changed files with 19 additions and 298 deletions
|
|
@ -1,10 +1,7 @@
|
|||
import { Button, Box, Container, Heading, Flex, Grid, Text } from 'theme-ui'
|
||||
import styled from '@emotion/styled'
|
||||
import { Button, Box, Container, Heading, Text } from 'theme-ui'
|
||||
import usePrefersMotion from '../../../lib/use-prefers-motion'
|
||||
import useHasMounted from '../../../lib/use-has-mounted'
|
||||
import { formatted } from '../../../lib/members'
|
||||
import Link from 'next/link'
|
||||
import theme from '@hackclub/theme'
|
||||
|
||||
const Content = () => (
|
||||
<Container
|
||||
|
|
|
|||
|
|
@ -1,64 +1,7 @@
|
|||
import { Button, Box, Container, Heading, Flex, Grid, Text } from 'theme-ui'
|
||||
import styled from '@emotion/styled'
|
||||
import usePrefersMotion from '../../../lib/use-prefers-motion'
|
||||
import useHasMounted from '../../../lib/use-has-mounted'
|
||||
import { formatted } from '../../../lib/members'
|
||||
import { Button, Box, Container, Heading, Text } from 'theme-ui'
|
||||
import Link from 'next/link'
|
||||
import Image from 'next/image'
|
||||
import { Fade } from 'react-reveal'
|
||||
import Icon from '../../icon'
|
||||
import Bank from './bank'
|
||||
|
||||
const Content2 = () => (
|
||||
<Container
|
||||
sx={{
|
||||
textAlign: 'center',
|
||||
zIndex: 999,
|
||||
py: 6,
|
||||
color: 'white',
|
||||
'h2,p': { textShadow: 'text' },
|
||||
textAlign: [null, 'center'],
|
||||
position: 'relative',
|
||||
overflow: 'hidden'
|
||||
}}
|
||||
>
|
||||
<Text as="p" variant="eyebrow" sx={{ color: 'white', opacity: 0.75 }}>
|
||||
A full-stack financial toolkit
|
||||
</Text>
|
||||
<Heading as="h2" variant="title">
|
||||
Hack Club Bank and FIRST
|
||||
<Text
|
||||
as="span"
|
||||
sx={{
|
||||
borderRadius: 'default',
|
||||
px: 2,
|
||||
mx: [-2, 0],
|
||||
whiteSpace: 'nowrap',
|
||||
color: 'currentColor',
|
||||
bg: 'green'
|
||||
}}
|
||||
>
|
||||
best friend
|
||||
</Text>
|
||||
.
|
||||
</Heading>
|
||||
<Text as="p" variant="lead" sx={{ maxWidth: 'copyPlus', mx: 'auto' }}>
|
||||
waiving fees for hackathons on hack club bank. and $10k in grants thanks
|
||||
to our generous friends at FIRST!
|
||||
</Text>
|
||||
<Link href="/slack" passHref>
|
||||
<Button
|
||||
as="a"
|
||||
variant="ctaLg"
|
||||
sx={{
|
||||
background: 'linear-gradient(-132deg, #338eda 14%, #33d6a6 82%)'
|
||||
}}
|
||||
>
|
||||
Apply for Hack Club Bank →
|
||||
</Button>
|
||||
</Link>
|
||||
</Container>
|
||||
)
|
||||
|
||||
const Content = () => (
|
||||
<>
|
||||
|
|
@ -186,7 +129,6 @@ const Static = () => (
|
|||
>
|
||||
<Cover />
|
||||
<Content />
|
||||
{/* <Bank /> */}
|
||||
</Box>
|
||||
)
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
import { Button, Box, Container, Heading, Flex, Grid, Text } from 'theme-ui'
|
||||
import styled from '@emotion/styled'
|
||||
import { Button, Box, Container, Heading, Text } from 'theme-ui'
|
||||
import usePrefersMotion from '../../../lib/use-prefers-motion'
|
||||
import useHasMounted from '../../../lib/use-has-mounted'
|
||||
import { formatted } from '../../../lib/members'
|
||||
import Link from 'next/link'
|
||||
|
||||
const Content = () => (
|
||||
|
|
@ -78,8 +76,8 @@ const Cover = () => (
|
|||
)
|
||||
|
||||
const Static = ({
|
||||
img = 'https://cloud-nykwtt0z7.vercel.app/2020-07-25_a1tcva4ch6mmr6j2cfmcb4e9ync3yhar.png'
|
||||
// img="https://cloud-re5hkabx0.vercel.app/2020-07-25_hn13qhejqrzu4n1jy9yacxxgrgp3wf5u.png"
|
||||
// screenshot of messages from #hackathon-organizers
|
||||
img = 'https://cloud-re5hkabx0.vercel.app/2020-07-25_hn13qhejqrzu4n1jy9yacxxgrgp3wf5u.png'
|
||||
}) => (
|
||||
<Box
|
||||
as="section"
|
||||
|
|
@ -112,7 +110,8 @@ const Slack = () => {
|
|||
muted
|
||||
loop
|
||||
playsInline
|
||||
poster="https://cloud-nykwtt0z7.vercel.app/2020-07-25_a1tcva4ch6mmr6j2cfmcb4e9ync3yhar.png"
|
||||
// screenshot of messages from #hackathon-organizers
|
||||
poster="https://cloud-iwkoq2544-hack-club-bot.vercel.app/0screen_shot_2022-07-30_at_9.03.43_am.png"
|
||||
duration={2000}
|
||||
sx={{
|
||||
position: 'absolute',
|
||||
|
|
@ -126,6 +125,7 @@ const Slack = () => {
|
|||
objectFit: 'cover'
|
||||
}}
|
||||
>
|
||||
{/* TODO: Fix the mp4 and mov screen recordings. I think Chrome uses the webm one.*/}
|
||||
<source
|
||||
src="https://cloud-absimk9o2-hack-club-bot.vercel.app/0hellyeah-smooth-scroll.mp4"
|
||||
type="video/mp4; codecs=hevc"
|
||||
|
|
|
|||
|
|
@ -13,12 +13,11 @@ import ScrollHint from '../scroll-hint'
|
|||
import Image from 'next/image'
|
||||
import hero from '../../public/hackathons/mahacks.jpeg'
|
||||
|
||||
export default function Landing2({ showButton }) {
|
||||
export default function Landing() {
|
||||
return (
|
||||
<>
|
||||
<Slide>
|
||||
<Vignette />
|
||||
|
||||
<BlueGradientFilter />
|
||||
<Box
|
||||
sx={{
|
||||
position: 'absolute',
|
||||
|
|
@ -116,21 +115,6 @@ export default function Landing2({ showButton }) {
|
|||
)
|
||||
}
|
||||
|
||||
function Underline({ children }) {
|
||||
return (
|
||||
<span
|
||||
style={{
|
||||
backgroundImage: 'url(/underline.svg)',
|
||||
backgroundRepeat: 'no-repeat',
|
||||
backgroundSize: '100% 1rem',
|
||||
backgroundPosition: 'bottom center'
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</span>
|
||||
)
|
||||
}
|
||||
|
||||
function Slide({ children }) {
|
||||
return (
|
||||
<Box
|
||||
|
|
@ -162,25 +146,7 @@ function Slide({ children }) {
|
|||
)
|
||||
}
|
||||
|
||||
// function Vignette() {
|
||||
// return (
|
||||
// <Box
|
||||
// style={{
|
||||
// backgroundImage:
|
||||
// 'linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25) 25%,rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.7) 100%)',
|
||||
// height: '100vh',
|
||||
// left: '0',
|
||||
// right: '0',
|
||||
// position: 'absolute',
|
||||
// zIndex: '0'
|
||||
// }}
|
||||
// ></Box>
|
||||
// )
|
||||
// }
|
||||
|
||||
// blue vignette filter
|
||||
|
||||
function Vignette() {
|
||||
function BlueGradientFilter() {
|
||||
return (
|
||||
<Box
|
||||
style={{
|
||||
|
|
@ -1,126 +0,0 @@
|
|||
import Ticker from 'react-ticker'
|
||||
import { Avatar, Box, Card, Link, Message, Text, Image } from 'theme-ui'
|
||||
// import Image from 'next/image'
|
||||
|
||||
export default function MovingCards() {
|
||||
const messageData = [
|
||||
{
|
||||
message:
|
||||
"my team is trying to decide where to get the best/cheapest shirts. i've heard good things abt scalablepress, custom ink, gildan, bella x canvas, printful, etc but i'm wondering where did yall get ur swag from? also, approx how much would be the cost for 400 ppl?",
|
||||
username: 'elizabethq'
|
||||
},
|
||||
{
|
||||
message:
|
||||
'Speaking of how much time is needed, how reasonable is it to plan a virtual hackathon in 2 months?',
|
||||
username: 'googol'
|
||||
},
|
||||
{
|
||||
message: 'how to get money for your hackathon??!??!?!??!!11!!!!!',
|
||||
username: 'scrappy'
|
||||
},
|
||||
{
|
||||
message:
|
||||
'hey yall :wave: :smile: i\'m wondering abt the logistics and overall shipping costs for tshirts and swag to 300+ students in my area (some ppl across the country, and others in canada). what would be the best way to tackle this? (any "special" methods, package types, or any advice at all)',
|
||||
username: 'elizabethq'
|
||||
},
|
||||
{
|
||||
message:
|
||||
'can anyone suggest any sources for good stock hackathon photos?',
|
||||
username: 'charalampos'
|
||||
},
|
||||
{
|
||||
message:
|
||||
"Hey I'm looking forward to hosting a hackathon but one question I have is about sponsors, if we get sponsored a physical item would we have to ship it out to the winner? or would the comapny do it aswell",
|
||||
username: 'scrappy'
|
||||
},
|
||||
{
|
||||
message:
|
||||
"I was looking at HackPenn's website and saw that they got breakfast down to a 1.60 for each participant, is there anyone on the team that can help me with how they did that",
|
||||
username: 'Jaden'
|
||||
}
|
||||
]
|
||||
return (
|
||||
<>
|
||||
<Ticker>
|
||||
{() => (
|
||||
<Box as="div" sx={{ display: 'flex' }}>
|
||||
{messageData.map(({ id, message, username }) => (
|
||||
<MessageCard key={id} message={message} username={username} />
|
||||
))}
|
||||
</Box>
|
||||
)}
|
||||
</Ticker>
|
||||
|
||||
<Ticker direction="toRight">
|
||||
{() => (
|
||||
<Box as="div" sx={{ display: 'flex' }}>
|
||||
{messageData.map(({ id, message, username }) => (
|
||||
<MessageCard key={id} message={message} username={username} />
|
||||
))}
|
||||
</Box>
|
||||
)}
|
||||
</Ticker>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
function MessageCard({ message, username }) {
|
||||
return (
|
||||
<Card
|
||||
sx={{
|
||||
fontSize: 3,
|
||||
mx: 2,
|
||||
my: 4,
|
||||
minWidth: '350px',
|
||||
height: 'fit-content',
|
||||
display: 'flex',
|
||||
alignItems: 'top'
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
width: '50px',
|
||||
height: '50px',
|
||||
borderRadius: '5px',
|
||||
overflow: 'hidden',
|
||||
mr: 2
|
||||
}}
|
||||
>
|
||||
<Image
|
||||
src={`https://scrapbook.hackclub.com/${username}.png`}
|
||||
alt={`${username} profile picture`}
|
||||
/>
|
||||
</Box>
|
||||
<Box
|
||||
as="span"
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
width: '300px'
|
||||
}}
|
||||
>
|
||||
<Link
|
||||
href={`https://scrapbook.hackclub.com/${username}`}
|
||||
sx={{ textDecoration: 'none' }}
|
||||
>
|
||||
<Text
|
||||
as="span"
|
||||
sx={{
|
||||
fontWeight: 'bold',
|
||||
textDecoration: 'none',
|
||||
color: 'black',
|
||||
fontSize: 2,
|
||||
pt: 0,
|
||||
mt: -2
|
||||
}}
|
||||
>
|
||||
{username}
|
||||
</Text>
|
||||
</Link>
|
||||
<Text as="p" sx={{ fontSize: 2 }}>
|
||||
{message}
|
||||
</Text>
|
||||
</Box>
|
||||
</Card>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import { Card, Box, Heading, Grid, Text } from 'theme-ui'
|
||||
import { Card, Box, Heading, Grid, Text, Container } from 'theme-ui'
|
||||
import Stage from '../stage'
|
||||
|
||||
export default function Rundown() {
|
||||
|
|
|
|||
|
|
@ -12,3 +12,4 @@
|
|||
- [ ] reorder sections to make sense
|
||||
- [ ] opening car hood
|
||||
- [ ] Better title/lead text for bank section
|
||||
- [ ] make it _SING_
|
||||
|
|
|
|||
|
|
@ -36,7 +36,6 @@
|
|||
"react-masonry-css": "^1.0.16",
|
||||
"react-reveal": "^1.2.2",
|
||||
"react-scrolllock": "^5.0.1",
|
||||
"react-ticker": "^1.3.2",
|
||||
"react-tsparticles": "^2.1.3",
|
||||
"react-use-websocket": "3.0.0",
|
||||
"resnow": "^1.0.0",
|
||||
|
|
|
|||
|
|
@ -1,19 +1,15 @@
|
|||
import { Box, Container, Heading, Grid, Text } from 'theme-ui'
|
||||
import { Box, Container } from 'theme-ui'
|
||||
import Meta from '@hackclub/meta'
|
||||
import Head from 'next/head'
|
||||
import ForceTheme from '../components/force-theme'
|
||||
import Nav from '../components/nav'
|
||||
import Footer from '../components/footer'
|
||||
|
||||
// import Landing from '../components/hackathons/landing'
|
||||
import Rundown from '../components/hackathons/rundown'
|
||||
// import Content from '../components/hackathons/content.mdx'
|
||||
import MovingCards from '../components/hackathons/moving-cards'
|
||||
// import Cta from '../components/hackathons/cta'
|
||||
import Philosophy from '../components/hackathons/philosophy'
|
||||
import Slack from '../components/hackathons/features/slack'
|
||||
import Money from '../components/hackathons/features/money'
|
||||
import Landing2 from '../components/hackathons/landing2'
|
||||
import Landing from '../components/hackathons/landing'
|
||||
import Marketing from '../components/hackathons/features/marketing'
|
||||
|
||||
export default function Hackathons() {
|
||||
|
|
@ -25,67 +21,18 @@ export default function Hackathons() {
|
|||
<Meta
|
||||
as={Head}
|
||||
title="Hackathons"
|
||||
description="The Hack Club community provides the resources and tools to help you run amazing hackathons."
|
||||
image="/hackathons/og-image.png"
|
||||
description="It's not an extracurricular or a club. It's not a class or a lecture. Hackathons are a playground to build things for fun and meet others doing the same."
|
||||
image="https://cloud-hkscyg8sg-hack-club-bot.vercel.app/0og-image.png"
|
||||
/>
|
||||
<Box as="main">
|
||||
<Landing2 />
|
||||
|
||||
{/* Overview/rundown/what is a hackathon/why you should be so jazzed about irl hackathons */}
|
||||
|
||||
<Landing />
|
||||
<Philosophy />
|
||||
<Money />
|
||||
<Slack />
|
||||
<Marketing />
|
||||
<Container as="section">
|
||||
<Container>
|
||||
<Rundown />
|
||||
</Container>
|
||||
|
||||
{/* old heading for the slack sectoin */}
|
||||
|
||||
{/* <Container as="section" sx={{ mt: 5 }}>
|
||||
<Text as="p" variant="eyebrow">
|
||||
The Slack community
|
||||
</Text>
|
||||
<Heading as="h2" variant="title">
|
||||
A hackathon organizer's{' '}
|
||||
<Text
|
||||
as="span"
|
||||
sx={{
|
||||
borderRadius: 'default',
|
||||
px: 2,
|
||||
mx: [-2, 0],
|
||||
whiteSpace: 'nowrap',
|
||||
color: 'white',
|
||||
bg: 'rgb(255, 212, 64)'
|
||||
}}
|
||||
>
|
||||
best friend
|
||||
</Text>
|
||||
.
|
||||
</Heading>
|
||||
</Container> */}
|
||||
|
||||
{/* <MovingCards /> */}
|
||||
|
||||
{/* mdx section that might be useful */}
|
||||
{/* <Grid
|
||||
columns={[null, null, 2]}
|
||||
gap={[3, 4]}
|
||||
variant="layout.container"
|
||||
sx={{
|
||||
mt: [1, 2, 3],
|
||||
textAlign: 'left',
|
||||
div: { p: [3, 4] },
|
||||
h2: { variant: 'text.headline', color: 'blue', mt: 0, mb: 2 },
|
||||
p: { fontSize: 2, my: 0 }
|
||||
}}
|
||||
>
|
||||
<Content />
|
||||
</Grid> */}
|
||||
|
||||
{/* boring card cta that shows up at the bottom of mdx pages usually */}
|
||||
{/* <Cta /> */}
|
||||
</Box>
|
||||
</Box>
|
||||
<Footer key="footer" />
|
||||
|
|
|
|||
|
|
@ -3364,11 +3364,6 @@ react-scrolllock@^5.0.1:
|
|||
dependencies:
|
||||
exenv "^1.2.2"
|
||||
|
||||
react-ticker@^1.3.2:
|
||||
version "1.3.2"
|
||||
resolved "https://registry.yarnpkg.com/react-ticker/-/react-ticker-1.3.2.tgz#5b8e486a7a7c5c4dd4076bdbabb3efaa31932ef7"
|
||||
integrity sha512-9sLgc9gFx/EMNxn2QcwUJAOf3jdEROKRyXZGbWrEbfJG/MTkHwR+WRrVtypv3iFXPpcrKmPD91+vatHq0BgR0Q==
|
||||
|
||||
react-tsparticles@^2.1.3:
|
||||
version "2.1.3"
|
||||
resolved "https://registry.yarnpkg.com/react-tsparticles/-/react-tsparticles-2.1.3.tgz#45e570d869c3b26760525d8dcc52ea5cc8095f0c"
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue