site/pages/jobs/lead-hacker.js

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 ForceTheme from '../../components/force-theme'
import Photo from '../../components/photo'
import { formatted } from '../../lib/members'

const Page = () => (
  <>
    <Meta
      as={Head}
      title="Lead Hacker"
      description="Hack Club is a hiring a Lead Hacker for Hack Club Bank as the 9th full-time member of our team in Burlington, Vermont."
      image="https://workshop-cards.hackclub.com/Lead%20Hacker.png?theme=light&md=1&fontSize=250px&caption=Open%2520Role%2520%2540%2520Hack%2520Club%2520Bank&brand=HQ&md=true"
    />
    <ForceTheme theme="light" />
    <Nav />

    <Box
      as="section"
      sx={{
        pt: [5, 6],
        pb: [4, 5],
        backgroundImage: theme => theme.util.gx('purple', 'red')
      }}
    >
      <Container sx={{ textAlign: 'center', color: 'white' }}>
        <Heading as="h1" variant="title" mb={30}>
          Lead Hacker @&nbsp;Hack&nbsp;Club Bank
        </Heading>
        <Text variant="headline" sx={{ fontWeight: 400 }}>
          This position has been filled as of June 14th, 2022.
        </Text>
      </Container>
    </Box>

    <Container
      as="section"
      sx={{
        py: [4, 5],
        fontSize: [2, 3]
      }}
    >
      <Heading
        variant="headline"
        sx={{ fontWeight: 700, fontSize: [4, 5], mb: 4 }}
      >
        Hack Club is (no longer) hiring a Lead Hacker for Hack Club Bank.
      </Heading>

      <Text as="p" mb={4}>
        Starting a nonprofit is hard, so we built{' '}
        <Link href="/bank" target="_blank">
          Hack Club Bank
        </Link>{' '}
        for our community of {formatted}+ teenage programmers. Within 24 hours
        of joining Bank, organizations get 501(c)(3) nonprofit status, access to
        a beautiful dashboard for managing their finances, and all financial and
        legal matters - from tax filings to payroll - handled. 50% of high
        school hackathons worldwide run on Hack Club Bank, and Elon Musk has
        tweeted that we're a{' '}
        <Link
          href="https://twitter.com/elonmusk/status/1263275969743216640"
          target="_blank"
          rel="noopener noreferrer"
        >
          "cool group"
        </Link>
        .
      </Text>

      <Text as="p" mb={4}>
        Now, Hack Club Bank is expanding beyond just Hack Clubbers.{' '}
        <strong>
          Over 500 organizations running on Bank have transacted upwards of
          $5,000,000;
        </strong>{' '}
        from teenage-run hackathons to{' '}
        <Link
          href="https://vtdigger.org/2021/04/13/frustrated-with-one-local-newspaper-prominent-charlotte-journalists-help-start-another/"
          target="_blank"
          rel="noopener noreferrer"
        >
          small-town newspapers
        </Link>
        .
      </Text>

      <Text as="p">
        With the right leadership, we hope to bring Hack Club Bank to thousands
        of organizations across the United States and process tens of millions
        of dollars in transactions. We think do-gooders need the same tools that
        software engineers do. For them, Bank is like GitHub: transformative.
        Right now, Bank is the{' '}
        <strong>
          only part of Hack Club that isn't{' '}
          <Link
            href="https://github.com/hackclub/"
            target="_blank"
            rel="noopener noreferrer"
          >
            open source
          </Link>
          .
        </strong>{' '}
        In the next year we want to open source it, build an amazing community
        of Hack Clubbers contributing to it, and onboard 1,000 new organizations
        through our{' '}
        <Link
          href="https://givebutter.com/fiscal-sponsorship"
          target="_blank"
          rel="noopener noreferrer"
        >
          partnership with Givebutter
        </Link>
        .
      </Text>

      <Box my={5}>
        <strong>✨ The perfect candidate:</strong>

        <Grid
          my={3}
          gap={3}
          columns={[null, null, 2]}
          sx={{
            '> div': {
              p: 3,
              fontSize: 2
            }
          }}
        >
          <Card
            sx={{
              background:
                'radial-gradient(ellipse farthest-corner at top left, #d56d21, #cd2b42)',
              color: 'white'
            }}
          >
            Loves coding, is a Ruby on Rails expert, and has managed small teams
            of engineers before
          </Card>

          <Card
            sx={{
              background: 'linear-gradient(-32deg, #6f31b7 14%, #c6479e 82%)',
              color: 'white'
            }}
          >
            Is product-oriented, believes in attention-to-detail and creating
            phenomenal user experiences
          </Card>

          <Card
            sx={{
              background: 'linear-gradient(120deg, #0e5ea0 0%, #338eda 100%)',
              color: 'white'
            }}
          >
            Has strong familiarity with open source, maybe even built or managed
            open source projects
          </Card>

          <Card
            sx={{
              background:
                'radial-gradient(ellipse farthest-corner at top right, #33d6a6, #0d7485)',
              color: 'white'
            }}
          >
            Has experience building resilient systems and implementing security
            best practices and/or loves working with teenagers
          </Card>
        </Grid>

        <Text as="p">
          This role pays between $150K - $210K, depending on your experience. We
          know that might be less than you'd make elsewhere. We offer healthcare
          and 4 weeks paid vacation.
        </Text>
      </Box>

      <Heading
        variant="headline"
        sx={{ fontWeight: 700, fontSize: [4, 5], mb: 4 }}
      >
        Make Bank even more awesome.
      </Heading>

      <Box sx={{ p: { my: [3, 4] } }}>
        <Text as="p">
          Bank has been maintained by a{' '}
          <Link href="/team/" target="_blank">
            {' '}
            small team
          </Link>{' '}
          of two full-time operations people, and on-and-off contributions by
          engineers and various contractors. The majority of{' '}
          <Link href="https://changelog.bank.hackclub.com/" target="_blank">
            contributions
          </Link>{' '}
          are actually made by teenagers! In this role, you'll take point on
          bringing Bank to its full potential.
        </Text>

        <Text as="p">
          Hack Club Bank already powers{' '}
          <Link href="https://bank.hackclub.com/hq" target="_blank">
            our own transparent finances
          </Link>{' '}
          as well as those of{' '}
          <Link
            href="https://bank.hackclub.com/miami-hack-week/"
            target="_blank"
          >
            many
          </Link>{' '}
          <Link href="https://bank.hackclub.com/mesto/" target="_blank">
            other
          </Link>{' '}
          <Link href="https://bank.hackclub.com/techshift/" target="_blank">
            organizations
          </Link>
          . These are just some of the initiatives we support:
        </Text>

        <Grid mb={5} gap={3} columns={[null, 2, 3]}>
          <Photo
            src="/jobs/charlotte-vt.jpg"
            alt={
              <>
                <Link
                  href="https://thecharlottebridge.org/"
                  target="_blank"
                  rel="noopener noreferrer"
                >
                  The Charlotte Bridge
                </Link>
                , independent journalism based in Vermont
              </>
            }
            width={500}
            height={326.5}
            showAlt
          />
          <Photo
            src="/home/golden-train.png"
            alt={
              <>
                <Link
                  href="https://www.youtube.com/watch?v=2BID8_pGuqA"
                  target="_blank"
                  rel="noopener noreferrer"
                >
                  The Hacker Zephyr
                </Link>
                , the world's longest (by land) hackathon on a train
              </>
            }
            width={500}
            height={326.5}
            showAlt
          />
          <Photo
            src="/jobs/hack-penn.jpg"
            alt={
              <>
                <Link
                  href="https://hackpenn.com/"
                  target="_blank"
                  rel="noopener noreferrer"
                >
                  Hack Pennsylvania
                </Link>
                , the largest high school hackathon in Pennsylvania
              </>
            }
            width={500}
            height={326.5}
            showAlt
          />
        </Grid>

        <Text as="p">
          Like a CTO, you'll work directly with real users to define Bank's
          roadmap around <strong>making Bank better for Hack Clubbers.</strong>{' '}
          You will build and lead a team of Hack Clubbers to create a shipping
          culture around Bank, and lead and manage relationships with technical
          partners who integrate Bank into their products.
        </Text>

        <Text as="p">
          We're flexible and eager to accommodate for the right candidate. While
          we have a preference for in-person and can assist with relocation,
          we're open to remote options. We have an in-person office in
          Burlington, Vermont where our 8 person team works collaboratively.
        </Text>

        <Box as="p">
          <strong>How to apply:</strong> Email{' '}
          <Link
            href="mailto:jobs@hackclub.com"
            target="_blank"
            rel="noopener noreferrer"
          >
            jobs@hackclub.com
          </Link>{' '}
          with "Hack Club Bank" in the subject line, 3 bullet points
          demonstrating why you would be exceptional for the role, and your
          resume / GitHub / GitLab / sourcehut.
        </Box>
      </Box>

      <Flex
        sx={{
          flexDirection: ['column', 'column', 'row'],
          gap: 4,
          fontSize: 2,
          my: 5
        }}
      >
        <Box sx={{ flex: 1, maxWidth: [null, null, 400] }}>
          <Photo
            src="/jobs/hq.jpg"
            alt="Our headquarters in beautiful Shelburne, Vermont"
            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>
    </Container>
  </>
)

export default Page