System-End/site
1
0
Fork 0
mirror of https://github.com/System-End/site.git synced 2026-04-19 16:28:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update events designer job page (#243)

Browse source 
* Experimentally update the Events Designer job description page

* Move events designer out of MDX, add richer content

* Make images grid better on smaller screens
This commit is contained in:
Kognise 2021-11-04 20:24:06 -04:00 • committed by GitHub
parent 82da71fe7c
commit 45cea709d2
4 changed files with 170 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
components/jobs/events-designer/jd.mdx
View file

@ -1,45 +0,0 @@
[Hack Club](https://hackclub.com) is a 501(c)(3) nonprofit that supports high school coders in starting coding clubs, hackathons, and building awesome projects. Founded in 2014, Hack Club's mission is to support, inspire and motivate teenagers from all backgrounds to become highly-technical, and use their computer skills to solve problems.
Hack Club is a fun, quickly-growing start-up, run by a small team of young, highly-creative engineers, building programs every day for thousands of teenagers from around the world. Watch <https://www.youtube.com/watch?v=2BID8_pGuqA> to learn more about Hack Club, and to see the sort of projects you would be supporting.
Hack Club is looking for an events designer / producer with coding skills to create events for Hack Clubbers.
You'd be our 9th or so full-time staff member. Your role would be to excite and grow the Hack Club online community (16,000 high schoolers on our Slack) by originating, producing, and executing events both online and in-person.
This is not a normal job. We took a train across America to SpaceX with 42 teenagers. We hosted an online chat with Elon Musk. For the last 18 months, a small team has produced a series of online events, and we're excited to hire an incredible, technical person to carry forward and build on these ideas.
** Couple of projects you'll lead on: **
- Revive Hack Night- the weekly technical hangout with teenagers
- Produce and project manage the big, crazy projects we do every few months
- Support Hack Clubbers to create and execute their awesome ideas
- Support Hack Clubbers to run new technical workshops
- Lead on producing AMAs and conversations with famous tech leaders
- Begin to plan our annual summer project
- Game design events at Hack Club to better help students form meaningful relationships
A good candidate can code, and would have a background in technical education, and have produced events.
** Couple things about you: **
- You've worked with teenagers before, and organized them
- You've built and shipped technical projects
- You have event planning experience, or media production experience
- You believe in Hack Club values: being technical, kind, curious, optimistic, and helpful
- You're excited to work 1:1 with high school students every day
In the Hack Club Slack, you'll work with our community to create the best and most inclusive place on the internet for technical teenagers. To work at Hack Club, you need to have a background in programming, but you should be inspired by making things fun.
We are actively looking for candidates who have worked successfully with girl hackers before. We invite and encourage all interested candidates to apply even if they don't feel they meet all of the criteria.
** And a bit more about what we suspect you'll be like: **
You know how to code. When you were a teenager, you were curious about how things worked and enjoyed tinkering with software, art, design, and computers. While you were a teenager you ran a trend-setting Tumblr, ran a business, were in a school club organizing events, created a YouTube channel, helped grow an IRC network, or anything else along the same vein. (but even if you don't think you hit these, please apply anyway!)
You embody the values of a model Hack Clubber: collaborative, kind, high integrity, helpful, and curious. You have the traits of a wonderful friend: always encouraging, genuinely want to see students learn and figure out things on their own, excited to answer questions, and always wanting to help people find their own course of action
** Location: ** We have a strong preference for someone in-person in Burlington, VT, but we will consider applications from people who want to work remotely, provided they are willing to travel to our offices. We have COVID protocols and take them seriously. Relocation assistance available.
** How to apply: ** Email jobs@hackclub.com with "golden" in the subject line, 3 bullet points demonstrating why you would be exceptional for the role, and your resume.
And last, some details on compensation. This role pays between $60K - $100K, depending on your experience---and we know that's probably less than you'd make elsewhere. We offer healthcare and 4 weeks paid vacation.
The mission of Hack Club is to be a place where teenagers can become more technical, feel welcome in getting started, and feel inspired to build with code in ways that are always honest, transparent, high-integrity, kind, and friendly. We want teenagers to self-organize and assert themselves as persons. Already, Hack Club is the largest network of teen coders in the country. We hope for a world where Hack Club becomes a nationwide cultural institution, creating a new generation of young people with the skills, network, and value system to become problem-solvers and builders for the 21st century---a new Boy and Girl Scouts

167
pages/jobs/events-designer.js
View file

@ -1,9 +1,9 @@
import { BaseStyles, Box, Container, Heading, Text } from 'theme-ui'
import { Link, Box, Container, Heading, Text, Grid, Flex, Card } from 'theme-ui'
import Head from 'next/head'
import Nav from '../../components/nav'
import Meta from '@hackclub/meta'
import JobDescription from '../../components/jobs/events-designer/jd.mdx'
import ForceTheme from '../../components/force-theme'
import Photo from '../../components/photo'
export default () => (
<>
@ -15,6 +15,7 @@ export default () => (
/>
<ForceTheme theme="light" />
<Nav />
<Box
as="section"
sx={{
@ -24,24 +25,172 @@ export default () => (
}}
>
<Container sx={{ textAlign: 'center', color: 'white' }}>
<Heading as="h1" variant="title">
<Heading as="h1" variant="title" mb={30}>
Events Designer @&nbsp;Hack&nbsp;Club
</Heading>
<Text variant="headline">
<Text variant="headline" sx={{ fontWeight: 400 }}>
New job open as of October 21st, 2021.
</Text>
</Container>
</Box>
<Container
as={BaseStyles}
variant="copy"
as="section"
sx={{
pt: [3, 4],
pb: [4, 5],
py: [4, 5],
fontSize: [2, 3]
}}
>
<JobDescription />
<Text as="p" sx={{ fontWeight: 700 }}>We do crazy things...</Text>
<Grid
my={3}
gap={3}
columns={[null, null, 3]}
sx={{
'> div': {
p: 3,
fontSize: 2,
}
}}
>
<Card variant="sunken">42 Hack Clubbers <Link href="https://www.youtube.com/watch?v=2BID8_pGuqA" target="_blank" rel="noopener noreferrer">rode a train</Link> across America to SpaceX.</Card>
<Card variant="sunken">We hosted <Link href="https://hackclub.com/amas/" target="_blank" rel="noopener noreferrer">AMAs</Link> with people like <Link href="https://www.youtube.com/watch?v=riru9OzScwk" target="_blank" rel="noopener noreferrer">Elon Musk</Link> and <Link href="https://www.youtube.com/watch?v=gw3vyFZ4oeU" target="_blank" rel="noopener noreferrer">Grant Sanderson</Link>.</Card>
<Card variant="sunken">We gave 300 teenagers $50,000 for <Link href="https://summer.hackclub.com/" target="_blank" rel="noopener noreferrer">their hardware projects</Link>.</Card>
</Grid>
<Text as="p">We're looking for someone <strong>fun, creative, and technical</strong> to excite and grow the community.</Text>
<Grid my={5} gap={5} columns={[null, null, 2]}>
<Box>
<strong>Couple things about you:</strong>
<Flex
sx={{
flexDirection: 'column',
my: 3,
gap: 3,
pr: [0, 0, 5],
'> div': {
p: 3,
fontSize: 2,
}
}}
>
<Card sx={{
background: 'radial-gradient(ellipse farthest-corner at top left, #ff8c37, #ec3750)',
color: 'white'
}}>
You're passionate about building technical projects and find tinkering fun
</Card>
<Card sx={{
background: 'linear-gradient(-32deg, #6f31b7 14%, #c6479e 82%)',
color: 'white'
}}>
You've worked with teenagers and are excited to work 1:1 with them every day
</Card>
<Card sx={{
background: 'linear-gradient(120deg, #0e5ea0 0%, #338eda 100%)',
color: 'white'
}}>
You have event planning or media production experience and want to apply it
</Card>
</Flex>
<Box sx={{ fontSize: 2, p: { my: 3 } }}>
<Text as="p">We have a strong preference for someone in-person in Burlington, VT, but we will consider applications from people who want to work remotely, provided they are willing to travel to our offices.</Text>
<Text as="p">We have COVID protocols and take them seriously. Relocation assistance available.</Text>
</Box>
</Box>
<Box>
<strong>Projects you'll lead on:</strong>
<Flex
sx={{
flexDirection: 'column',
gap: 3,
my: 3,
pr: [0, 0, 5],
'> div': {
p: 3,
fontSize: 2
}
}}
>
<Card variant="sunken">Produce and project manage the big, crazy things we do every few months</Card>
<Card variant="sunken">Support Hack Clubbers in creating and executing <Link href="https://scrapbook.hackclub.com/" target="_blank" rel="noopener noreferrer">their awesome ideas</Link></Card>
<Card variant="sunken">Revive <Link href="https://hackclub.com/night/" target="_blank" rel="noopener noreferrer">Hack Night</Link>, our weekly casual technical hangout with the community</Card>
<Card variant="sunken">Lead on organizing AMAs and conversations with famous tech leaders</Card>
<Card variant="sunken">Game design events at Hack Club to better help students form meaningful relationships</Card>
</Flex>
</Box>
</Grid>
<Heading variant="headline" sx={{ fontWeight: 700, fontSize: [4, 5], mb: 4 }}>
Hack Club is where 16,000+ teenage programmers talk, build, and have fun together.
</Heading>
<Grid my={4} gap={3} columns={[null, 2, 3]}>
<Photo
src="/home/flagship_4.jpg"
alt="Hack Clubbers at our Flagship event"
width={500}
height={326.5}
showAlt
/>
<Photo
src="/home/golden-train.png"
alt={<>The <Link href="https://zephyr.hackclub.com/" target="_blank" rel="noopener noreferrer">world's longest hackathon</Link> on land</>}
width={500}
height={326.5}
sx={{ display: ['none', 'none', 'block'] }}
showAlt
/>
<Photo
src="/home/workshops.jpg"
alt="One of the workshops run by community members"
width={500}
height={326.5}
sx={{ display: ['none', 'block', 'block'] }}
showAlt
/>
</Grid>
<Box sx={{ p: { my: [3, 4] } }}>
<Text as="p">This is not a normal job. For the last 18 months, a <Link href="https://hackclub.com/team/" target="_blank" rel="noopener noreferrer">small team</Link> has produced a series of online events, and we're excited to hire an incredible, technical person to carry forward and build on these ideas. You'd be our 9th or so full-time staff member.</Text>
<Text as="p">In the <Link href="https://hackclub.com/slack/" target="_blank" rel="noopener noreferrer">Hack Club Slack</Link>, you'll work with our community to create the best and most inclusive place on the internet for technical teenagers. To work at Hack Club, you need to have a background in programming, but <strong>you should be inspired by making things fun.</strong></Text>
<Text as="p">We are actively looking for candidates who have worked successfully with girl hackers before. We invite and encourage all interested candidates to apply even if they don't feel they meet all of the criteria.</Text>
<Text as="p">This role pays between $60K - $100K, depending on your experience&mdash; and we know that's probably less than you'd make elsewhere. We offer healthcare and 4 weeks paid vacation.</Text>
</Box>
<Flex sx={{ flexDirection: ['column', 'column', 'row'], gap: 4, fontSize: 2, my: 5 }}>
<Box sx={{ flex: 1, maxWidth: [null, null, 400] }}>
<Photo
src="/hq.jpg"
alt="Our headquarters in beautiful Burlington, VT"
width={500}
height={326.5}
showAlt
/>
</Box>
<Box sx={{ flex: 1, p: { mb: 3 } }}>
<Box as="p">The mission of Hack Club is to be a place where teenagers can become more technical, feel welcome in getting started, and feel inspired to build with code in ways that are always honest, transparent, high-integrity, kind, and friendly. We want teenagers to self-organize and assert themselves as persons.</Box>
<Box as="p">Already, Hack Club is the <strong>largest network of teen coders in the country</strong>. We hope for a world where Hack Club becomes a nationwide cultural institution, creating a new generation of young people with the skills, network, and value system to become problem-solvers and builders for the 21st century&mdash; a new Boy and Girl Scouts.</Box>
</Box>
</Flex>
<Box as="p" mt={5}>
<strong>How to apply:</strong> Email <Link href="mailto:jobs@hackclub.com" target="_blank" rel="noopener noreferrer">jobs@hackclub.com</Link> with "golden" in the subject line, 3 bullet points demonstrating why you would be exceptional for the role, and your resume.
</Box>
</Container>
</>
)

BIN
public/hq.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.4 MiB

12
yarn.lock
View file

@ -1205,6 +1205,11 @@ classnames@2.2.6:
resolved "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz"
integrity sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q==
clone@^2.1.2:
version "2.1.2"
resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
integrity sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=
collapse-white-space@^1.0.2:
version "1.0.6"
resolved "https://registry.npmjs.org/collapse-white-space/-/collapse-white-space-1.0.6.tgz"
@ -2905,6 +2910,13 @@ regenerator-runtime@^0.13.4:
resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz"
integrity sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==
remark-disable-tokenizers@^1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/remark-disable-tokenizers/-/remark-disable-tokenizers-1.1.0.tgz#607dc77e7208eed85cef06aebd2e5a924c21b39f"
integrity sha512-49cCg4uSVKVmDHWKT5w+2mpDQ3G+xvt/GjypOqjlS0qTSs6/aBxE3iNWgX6ls2upXY17EKVlU0UpGcZjmGWI6A==
dependencies:
clone "^2.1.2"
remark-footnotes@2.0.0:
version "2.0.0"
resolved "https://registry.npmjs.org/remark-footnotes/-/remark-footnotes-2.0.0.tgz"