mirror of
https://github.com/System-End/site.git
synced 2026-04-20 00:25:19 +00:00
Ryan Chou
GitHub
parent
30d7d96d95
commit
3ec6fa363f
2 changed files with 134 additions and 22 deletions
116
components/index/cards/angelhacks.js
Normal file
116
components/index/cards/angelhacks.js
Normal file
|
|
@ -0,0 +1,116 @@
|
|||
import CardModel from './card-model'
|
||||
import {
|
||||
Box,
|
||||
Button,
|
||||
Card,
|
||||
Container,
|
||||
Flex,
|
||||
Grid,
|
||||
Heading,
|
||||
Image,
|
||||
Badge,
|
||||
Link,
|
||||
Text
|
||||
} from 'theme-ui'
|
||||
import Buttons from './button'
|
||||
import Dot from '../../dot'
|
||||
/** @jsxImportSource theme-ui */
|
||||
import { useEffect, useState } from 'react'
|
||||
|
||||
export default function Epoch() {
|
||||
return (
|
||||
<CardModel
|
||||
id="epoch"
|
||||
color="white"
|
||||
sx={{
|
||||
backgroundColor: '#000'
|
||||
}}
|
||||
>
|
||||
<Image
|
||||
src="https://cloud-f3vv32ihb-hack-club-bot.vercel.app/0bg_angelhacks.png"
|
||||
sx={{
|
||||
objectFit: 'cover',
|
||||
position: 'absolute',
|
||||
filter: 'brightness(0.3)',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
ml: ['-24px', '-32px', '-32px', '-32px'],
|
||||
mt: ['-24px', '-32px', '-32px', '-32px']
|
||||
}}
|
||||
/>
|
||||
<Grid columns={[1, 1, '1fr 1.5fr']} sx={{ position: 'relative' }}>
|
||||
<Box>
|
||||
<img
|
||||
src="https://cloud-a2oswmb6u-hack-club-bot.vercel.app/0angelhacks_edgefix.png"
|
||||
sx={{
|
||||
width: ['270px', '270px', '290px', '390px'],
|
||||
position: 'relative',
|
||||
zIndex: 2
|
||||
}}
|
||||
/>
|
||||
</Box>
|
||||
<Box ml={[0, 0, 3]}>
|
||||
<Text as="p" variant="subtitle" sx={{ mt: 0 }}>
|
||||
Join us in Boston for two days of gaming, building, and exploring
|
||||
what a game means. We'll have workshops, free food, and prizes for
|
||||
the coolest of games. So, what are you waiting for?
|
||||
</Text>
|
||||
<Text as="p" variant="subtitle">
|
||||
In{' '}
|
||||
<Link
|
||||
sx={{ color: '#ffb400' }}
|
||||
href="https://angelhacksba.hackclub.com"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
Bay Area
|
||||
</Link>
|
||||
,{' '}
|
||||
<Link
|
||||
sx={{ color: '#ffb400' }}
|
||||
href="https://angelhacksto.hackclub.com/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
Toronto
|
||||
</Link>
|
||||
, or{' '}
|
||||
<Link
|
||||
sx={{ color: '#ffb400' }}
|
||||
href="https://angelhacksla.hackclub.com/"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
Los Angeles
|
||||
</Link>
|
||||
? Join a AngelHacks satellite event!
|
||||
</Text>
|
||||
<Flex
|
||||
sx={{
|
||||
flexDirection: 'column',
|
||||
mt: [4, 3, 4],
|
||||
position: 'relative'
|
||||
}}
|
||||
>
|
||||
<Buttons
|
||||
id="17"
|
||||
link="https://angelhacks.hackclub.com"
|
||||
icon="post"
|
||||
primary="#c3b091"
|
||||
>
|
||||
Sign up and attend AngelHacks
|
||||
</Buttons>
|
||||
<Buttons
|
||||
content="join #angelhacks on Slack"
|
||||
id="18"
|
||||
link="/slack"
|
||||
icon="idea"
|
||||
>
|
||||
Help plan the hackathon
|
||||
</Buttons>
|
||||
</Flex>
|
||||
</Box>
|
||||
</Grid>
|
||||
</CardModel>
|
||||
)
|
||||
}
|
||||
|
|
@ -24,9 +24,10 @@ import SprigConsole from '../components/index/cards/sprig-console'
|
|||
import Clubs from '../components/index/cards/clubs'
|
||||
import Workshops from '../components/index/cards/workshops'
|
||||
import Bank from '../components/index/cards/bank'
|
||||
import Epoch from '../components/index/cards/epoch'
|
||||
import Hackathons from '../components/index/cards/hackathons'
|
||||
import AssembleImgFile from '../public/home/assemble.jpg'
|
||||
import Announcement from '../components/announcement'
|
||||
import AngelHacks from '../components/index/cards/angelhacks'
|
||||
import Konami from 'react-konami-code'
|
||||
import JSConfetti from 'js-confetti'
|
||||
import Secret from '../components/secret'
|
||||
|
|
@ -178,6 +179,13 @@ function Page({
|
|||
priority
|
||||
gradient="linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.45))"
|
||||
/>
|
||||
<Announcement
|
||||
copy="AngelHacks 3.0: make games with Hack Clubbers just like you."
|
||||
caption="Join 100+ hackers in Boston for a cosmic high-school game jam!"
|
||||
href="https://angelhacks.hackclub.com/"
|
||||
iconLeft="explore"
|
||||
color="primary"
|
||||
/>
|
||||
<Box
|
||||
sx={{
|
||||
width: '90vw',
|
||||
|
|
@ -600,48 +608,36 @@ function Page({
|
|||
maxWidth: 'layout',
|
||||
margin: 'auto'
|
||||
}}
|
||||
py={[4, 5, '82px']}
|
||||
py={[4, 4, 5]}
|
||||
>
|
||||
<Box>
|
||||
<Text
|
||||
variant="title"
|
||||
as="h2"
|
||||
sx={{
|
||||
fontSize: ['36px', '48px', '72px'],
|
||||
width: '18ch',
|
||||
textAlign: 'center',
|
||||
margin: 'auto'
|
||||
}}
|
||||
>
|
||||
<Text variant="title" sx={{ fontSize: ['36px', 4, 5] }}>
|
||||
Connect with{' '}
|
||||
<Text
|
||||
as="span"
|
||||
sx={{
|
||||
borderRadius: 'default',
|
||||
px: 2,
|
||||
mx: 0,
|
||||
whiteSpace: 'nowrap',
|
||||
color: 'red'
|
||||
color: 'white',
|
||||
bg: 'red'
|
||||
}}
|
||||
>
|
||||
builders
|
||||
</Text>{' '}
|
||||
from around the world.
|
||||
from around the world
|
||||
</Text>
|
||||
<Text
|
||||
variant="subtitle"
|
||||
as="p"
|
||||
sx={{
|
||||
fontSize: ['18px', '24px', '32px'],
|
||||
margin: 'auto',
|
||||
pt: 2,
|
||||
pb: [1, 0, 0],
|
||||
textAlign: 'center'
|
||||
}}
|
||||
sx={{ fontSize: ['18px', '20px', '22px'], pb: [3, 0, 0] }}
|
||||
>
|
||||
We gather both online and in-person to share our love of code
|
||||
and make things together.
|
||||
and make things together!
|
||||
</Text>
|
||||
</Box>
|
||||
<AngelHacks />
|
||||
<Slack slackKey={slackKey} data={slackData} events={events} />
|
||||
</Box>
|
||||
</Box>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue