mirror of
https://github.com/System-End/site.git
synced 2026-04-19 18:35:12 +00:00
96 lines
2.7 KiB
JavaScript
96 lines
2.7 KiB
JavaScript
import {
|
||
Avatar,
|
||
Box,
|
||
Button,
|
||
Container,
|
||
Flex,
|
||
Grid,
|
||
Heading,
|
||
Text
|
||
} from 'theme-ui'
|
||
import Head from 'next/head'
|
||
import Meta from '@hackclub/meta'
|
||
import Nav from '../components/nav'
|
||
import ForceTheme from '../components/force-theme'
|
||
import Footer from '../components/footer'
|
||
import PrestonWernerCopy from '../components/announcements/preston-werner.mdx'
|
||
import SlackCTA from '../components/announcements/cta'
|
||
import AnnouncementHolder from '../components/announcements/holder'
|
||
import {
|
||
PillHolder,
|
||
AuthorPill,
|
||
DatePill
|
||
} from '../components/announcements/pills'
|
||
|
||
const Page = () => (
|
||
<>
|
||
<Meta
|
||
as={Head}
|
||
title="Tom and Theresa Preston-Werner are Giving $500K"
|
||
description="We’re thrilled to announce Tom and Theresa Preston-Werner have donated $500k to Hack Club, a global nonprofit network of high school hackers & coding clubs."
|
||
image="https://workshop-cards.hackclub.com/Preston-Werner%20Gift%20Announcement.png?fontSize=175px&brand=HQ"
|
||
/>
|
||
<ForceTheme theme="light" />
|
||
<Nav />
|
||
<Box
|
||
as="section"
|
||
sx={{
|
||
pt: [5, 6],
|
||
pb: [4, 5],
|
||
bg: 'rgb(104, 41, 205)',
|
||
backgroundImage: theme => theme.util.gx('yellow', 'red')
|
||
}}
|
||
>
|
||
<Container sx={{ textAlign: 'center', color: 'white' }}>
|
||
<Heading
|
||
as="h1"
|
||
variant="title"
|
||
sx={{
|
||
fontSize: [5, 6, null, 7],
|
||
span: {
|
||
WebkitTextStroke: 'currentColor',
|
||
WebkitTextStrokeWidth: ['2px', '3px'],
|
||
WebkitTextFillColor: 'transparent'
|
||
}
|
||
}}
|
||
>
|
||
“I love that Hack Club is <span>helping me make it possible</span>
|
||
{''} for more students to have opportunities like I had as a young
|
||
person"
|
||
</Heading>
|
||
<Text variant="headline" sx={{ display: 'inline-flex' }}>
|
||
—
|
||
<Avatar
|
||
src="https://avatars.githubusercontent.com/u/1?s=460&v=4"
|
||
alt="Tom"
|
||
size={36}
|
||
mr={2}
|
||
ml={2}
|
||
style={{ maxHeight: 36 }}
|
||
/>
|
||
Tom Preston-Werner
|
||
</Text>
|
||
</Container>
|
||
</Box>
|
||
<AnnouncementHolder>
|
||
<PillHolder>
|
||
<AuthorPill
|
||
firstName="Christina"
|
||
tag="Christina Asquith, COO"
|
||
image="https://cloud-macp9mbpq.vercel.app/0image.png"
|
||
/>
|
||
<AuthorPill
|
||
firstName="Zach"
|
||
tag="Zach Latta, founder"
|
||
image="https://hackclub.com/team/zach.jpg"
|
||
/>
|
||
<DatePill tag="Jan 27, 2021" />
|
||
</PillHolder>
|
||
<PrestonWernerCopy />
|
||
</AnnouncementHolder>
|
||
<SlackCTA />
|
||
<Footer />
|
||
</>
|
||
)
|
||
|
||
export default Page
|