component---src-pages-careers-jsx-86a903a98ca17b9730b3.js.map

{"version":3,"sources":["webpack:///./src/pages/careers.jsx","webpack:///./src/elements/Button.jsx"],"names":["SectionWrapper","styled","Inner","SectionContainer","div","props","isHighlighted","SectionMore","P","SectionTitle","H2","CareersPage","title","isDark","style","zIndex","to","Button","button"],"mappings":"2FAAA,4IAeMA,EAAiBC,YAAOC,KAAV,8EAAGD,CAAH,wEAIdE,EAAmBF,IAAOG,IAAV,gFAAGH,CAAH,kRAElB,SAAAI,GAAK,OAAKA,EAAMC,cAAN,kCAGRC,EAAcN,YAAOO,KAAV,2EAAGP,CAAH,4BAIXQ,EAAeR,YAAOS,KAAV,4EAAGT,CAAH,sDAkEHU,UA9DK,kBAClB,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,MAAM,yBACX,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAMC,QAAM,EAACC,MAAO,CAAEC,OAAQ,KAC5B,kBAAC,IAAD,mBAEE,kBAAC,IAAD,oBAEF,kBAAC,IAAD,OAEF,kBAAC,IAAD,KACE,kBAACf,EAAD,KACE,kBAACG,EAAD,KACE,kBAACM,EAAD,sBACA,kBAAC,IAAD,2GAIA,kBAACF,EAAD,uGAKF,kBAACJ,EAAD,KACE,kBAACM,EAAD,cACA,kBAAC,IAAD,6FAIA,kBAACF,EAAD,mJAMF,kBAACJ,EAAD,KACE,kBAACM,EAAD,iBACA,kBAAC,IAAD,6DACA,kBAACF,EAAD,sMAMF,kBAACJ,EAAD,CAAkBG,eAAa,GAC7B,kBAACG,EAAD,4BACA,kBAAC,IAAD,2IAIA,kBAACF,EAAD,2CACA,kBAAC,OAAD,CAAMS,GAAG,aACP,kBAAC,IAAD,+B,kCCrFd,gBAIMC,EAAShB,IAAOiB,OAAV,4DAAGjB,CAAH,kaAMQA,YAAOgB,GAAV,yEAAGhB,CAAH,iDAIFgB","file":"component---src-pages-careers-jsx-86a903a98ca17b9730b3.js","sourcesContent":["/* eslint-disable react/forbid-prop-types */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable react/no-unescaped-entities */\nimport React from \"react\"\nimport styled from \"styled-components\"\nimport tw from \"tailwind.macro\"\nimport { Link } from \"gatsby\"\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport AppWrapper from \"../views/AppWrapper\"\nimport Content, { Inner } from \"../elements/Content\"\nimport Button from \"../elements/Button\"\nimport Hero from \"../views/Hero\"\nimport { BigTitleLight, H2, P, PLight, Highlight } from \"../elements/Text\"\n\nconst SectionWrapper = styled(Inner)`\n  ${tw`lg:flex lg:flex-wrap`}\n`\n\nconst SectionContainer = styled.div`\n  ${tw`w-full xl:w-1/2 mb-8 text-center bg-white px-4 xl:px-12 py-4 xl:pb-8`};\n  ${props => (props.isHighlighted ? tw`bg-grey-lightest` : ``)}\n`\n\nconst SectionMore = styled(P)`\n  ${tw`text-grey-dark`};\n`\n\nconst SectionTitle = styled(H2)`\n  ${tw`uppercase text-pink`};\n`\n\nconst CareersPage = () => (\n  <Layout>\n    <SEO title=\"Careers at Featurist\" />\n    <AppWrapper>\n      <Hero isDark style={{ zIndex: 20 }}>\n        <BigTitleLight>\n          Carreers at\n          <Highlight> Featurist</Highlight>\n        </BigTitleLight>\n        <PLight />\n      </Hero>\n      <Content>\n        <SectionWrapper>\n          <SectionContainer>\n            <SectionTitle>Communication</SectionTitle>\n            <P>\n              We value high quality software, but we equally value communicating\n              and solving problems as a team.\n            </P>\n            <SectionMore>\n              We're flexible with where we work, and have many exciting projects\n              in progress and coming up.\n            </SectionMore>\n          </SectionContainer>\n          <SectionContainer>\n            <SectionTitle>Trust</SectionTitle>\n            <P>\n              Many of us have young families, flexibility and trust is critical\n              to our team ethos.\n            </P>\n            <SectionMore>\n              If you are not able to do a traditional commute to London and\n              fixed hours we know that doesn't affect your ability to deliver\n              great work.\n            </SectionMore>\n          </SectionContainer>\n          <SectionContainer>\n            <SectionTitle>Learning</SectionTitle>\n            <P>We value open source, easy to use, well tested code.</P>\n            <SectionMore>\n              We love to engage with the wider development community through\n              conferences (attending and talking), and try to make and take the\n              opportunities to continuously learn and improve our skills.\n            </SectionMore>\n          </SectionContainer>\n          <SectionContainer isHighlighted>\n            <SectionTitle>Open for approaches</SectionTitle>\n            <P>\n              We are not your traditional top-down organisation, all of us take\n              responsibility, give respect and get a clear voice in Featurist.\n            </P>\n            <SectionMore>Think you'd enjoy working with us?</SectionMore>\n            <Link to=\"/#contact\">\n              <Button>Get in touch &raquo;</Button>\n            </Link>\n          </SectionContainer>\n        </SectionWrapper>\n      </Content>\n    </AppWrapper>\n  </Layout>\n)\n\nexport default CareersPage\n","import styled from \"styled-components\"\nimport tw from \"tailwind.macro\"\n// import { Link } from \"gatsby\";\n\nconst Button = styled.button`\n  ${tw`bg-transparent hover:bg-pink border border-solid hover:border-transparent rounded cursor-pointer`};\n  ${tw`text-base xl:text-lg font-semibold py-4 px-8`};\n  ${tw`border-grey text-grey-darkest hover:text-white`}\n`\n\nconst ButtonLight = styled(Button)`\n  ${tw`border-white text-grey-lightest`}\n`\n\nexport default Button\nexport { ButtonLight }\n"],"sourceRoot":""}