site/pages/jobs/clubs-lead.js
Caleb Denio 790d74d3e7 Enable ESLint (#292)
* Use ESLint

* oops

* Ignore ESLint during builds

* Disable <Image> rule

* Restore quotes and apostrophes
2022-01-14 11:28:59 +11:00

49 lines
No EOL
1.3 KiB
JavaScript

import { BaseStyles, Box, Container, Heading, Text } from 'theme-ui'
import Head from 'next/head'
import Nav from '../../components/nav'
import Meta from '@hackclub/meta'
import JobDescription from '../../components/jobs/clubs-lead/jd.mdx'
import ForceTheme from '../../components/force-theme'
const Page = () => (
<>
<Meta
as={Head}
title="Clubs Lead"
description="Hack Club is a hiring a Clubs Lead as the 8th full-time member of our team in Burlington, Vermont."
image="https://workshop-cards.hackclub.com/Clubs Lead @ Hack Club.png?fontSize=200px&brand=HQ"
/>
<ForceTheme theme="light" />
<Nav />
<Box
as="section"
sx={{
pt: [5, 6],
pb: [4, 5],
backgroundImage: theme => theme.util.gx('blue', 'purple')
}}
>
<Container sx={{ textAlign: 'center', color: 'white' }}>
<Heading as="h1" variant="title" mb={30}>
Clubs Lead @ Hack Club
</Heading>
<Text variant="headline" sx={{ fontWeight: 400 }}>
New job open as of May 18th, 2021.
</Text>
</Container>
</Box>
<Container
as={BaseStyles}
variant="copy"
sx={{
pt: [3, 4],
pb: [4, 5],
fontSize: [2, 3]
}}
>
<JobDescription />
</Container>
</>
)
export default Page