{"version":3,"sources":["webpack:///./src/images/GPTW.png","webpack:///./src/elements/Careers.js","webpack:///./src/components/Perks/Perks.jsx","webpack:///./src/pages/careers.jsx","webpack:///./src/elements/Lists.js"],"names":["module","exports","styled","button","rem","ul","h2","props","marginBottom","math","WorkWithUs","data","imageStyles","margin","width","textAlign","dark","fluid","imageOne","childImageSharp","style","imageTwo","imageThree","imageFour","imageFive","imageSix","Careers","useState","setDisplay","refPerks","useRef","useEffect","script","window","addEventListener","innerWidth","document","createElement","src","async","onload","console","log","collageEmbed","onerror","error","body","appendChild","scrollToRef","ref","current","scrollIntoView","behavior","imageStyles2","ogImageAbsoluteUrl","GPTW","Layout","title","ogImage","ogImageHeight","ogImageWidth","className","onClick","height","viewBox","fill","xmlns","d","gptw","alt","display","justifyContent","rel","href","id","Perks","UnorderedList"],"mappings":"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","file":"component---src-pages-careers-jsx-beef4c8f524c63231503.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/GPTW-75df0836389c7fd377d5444b493ad113.png\";","import styled from 'styled-components';\nimport tw from 'tailwind.macro';\nimport { math, rem } from 'polished';\n\nexport const Button = styled.button`\n  ${tw`font-bold font-serif inline-block mb-24 relative text-sm text-purple-200 uppercase`};\n  line-height: 1;\n\n  &::after {\n    ${tw`absolute bg-purple-200 left-0 w-full`};\n    bottom: ${rem('-3px')};\n    content: '';\n    height: 2px;\n  }\n\n  &:focus {\n    ${tw`outline-none`};\n  }\n`;\n\nexport const Navigation = styled.ul`\n  ${tw`block flex flex-col pt-20 sticky`};\n  top: 0;\n`;\n\nexport const Title = styled.h2`\n  ${tw`font-bold font-serif mb-32 pt-24 text-lg text-purple-200 uppercase`};\n  ${props => props.marginBottom === '0' && tw`mb-0`}\n  line-height: ${math('24/19')};\n`;\n","import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport { rem } from 'polished';\nimport Img from 'gatsby-image';\nimport { Column, Container, Row } from '../../elements/Grid';\nimport { LgTitle } from '../../elements/Titles';\nimport {\n  BaseParagraph,\n  LgParagraph,\n  XsParagraph\n} from '../../elements/Paragraphs';\n\nconst WorkWithUs = () => {\n  const data = useStaticQuery(graphql`\n    query {\n      imageOne: file(relativePath: { eq: \"1_Health.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 640, quality: 100) {\n            ...GatsbyImageSharpFluid_noBase64\n          }\n        }\n      }\n      imageTwo: file(relativePath: { eq: \"2_Events.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 640, quality: 100) {\n            ...GatsbyImageSharpFluid_noBase64\n          }\n        }\n      }\n      imageThree: file(relativePath: { eq: \"3_Learn.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 640, quality: 100) {\n            ...GatsbyImageSharpFluid_noBase64\n          }\n        }\n      }\n      imageFour: file(relativePath: { eq: \"4_Office_Extras.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 640, quality: 100) {\n            ...GatsbyImageSharpFluid_noBase64\n          }\n        }\n      }\n      imageFive: file(relativePath: { eq: \"5_Happy_Hour.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 640, quality: 100) {\n            ...GatsbyImageSharpFluid_noBase64\n          }\n        }\n      }\n      imageSix: file(relativePath: { eq: \"6_Work-Life_Balance.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 640, quality: 100) {\n            ...GatsbyImageSharpFluid_noBase64\n          }\n        }\n      }\n    }\n  `);\n  const imageStyles = {\n    margin: '0 auto',\n    width: rem('96px')\n  };\n\n  return (\n    <Container>\n      <Row marginBottom=\"0\" textAlign=\"center\">\n        <Column>\n          <LgTitle dark=\"true\">Perks of Working at Wise Publishing</LgTitle>\n        </Column>\n      </Row>\n      <Row>\n        <Column width=\"1/3\">\n          <Img\n            fluid={data.imageOne.childImageSharp.fluid}\n            style={imageStyles}\n          />\n          <LgParagraph>1.</LgParagraph>\n          <BaseParagraph>Health &amp; Lifestyle Benefits</BaseParagraph>\n          <XsParagraph>\n            Spending card for expansive health coverage, wellness program plus \n            hybrid work environment allowing for flexibility. \n          </XsParagraph>\n        </Column>\n        <Column width=\"1/3\">\n          <Img\n            fluid={data.imageTwo.childImageSharp.fluid}\n            style={imageStyles}\n          />\n          <LgParagraph>2.</LgParagraph>\n          <BaseParagraph>Team Outings &amp; Events</BaseParagraph>\n          <XsParagraph>\n            Quarterly outings (sporting events, parks, lakes, museums, tours, etc) \n            fostering fun, teamwork, industry insights and creativity.\n          </XsParagraph>\n        </Column>\n        <Column width=\"1/3\">\n          <Img\n            fluid={data.imageThree.childImageSharp.fluid}\n            style={imageStyles}\n          />\n          <LgParagraph>3.</LgParagraph>\n          <BaseParagraph>Learning &amp; Development</BaseParagraph>\n          <XsParagraph>Leadership foundations, self-awareness development programs, \n            plus education funding and Lunch &amp; Learn events.</XsParagraph>\n        </Column>\n      </Row>\n      <Row marginBottom=\"144\">\n        <Column width=\"1/3\">\n          <Img\n            fluid={data.imageFour.childImageSharp.fluid}\n            style={imageStyles}\n          />\n          <LgParagraph>4.</LgParagraph>\n          <BaseParagraph>Office Extras</BaseParagraph>\n          <XsParagraph>\n            Snacks, espresso bar and catered lunches; outdoor patio, and plenty of lunch \n            options a short walk away.\n          </XsParagraph>\n        </Column>\n        <Column width=\"1/3\">\n          <Img\n            fluid={data.imageFive.childImageSharp.fluid}\n            style={imageStyles}\n          />\n          <LgParagraph>5.</LgParagraph>\n          <BaseParagraph>Casual, Collaborative Office</BaseParagraph>\n          <XsParagraph>\n            Casual dress, inviting sofas, small group chat areas, a roomy board room — all in a \n            bright environment.\n          </XsParagraph>\n        </Column>\n        <Column width=\"1/3\">\n          <Img\n            fluid={data.imageSix.childImageSharp.fluid}\n            style={imageStyles}\n          />\n          <LgParagraph>6.</LgParagraph>\n          <BaseParagraph>Work-Life Balance</BaseParagraph>\n          <XsParagraph>\n            Flexible work schedules and higher than average personal time off.\n          </XsParagraph>\n        </Column>\n      </Row>\n    </Container>\n  );\n};\n\nexport default WorkWithUs;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport { rem } from 'polished';\nimport Img from 'gatsby-image';\nimport { careersListing } from '../components/CareerLayout/careersListing';\nimport Layout from '../components/Layout';\nimport SEO from '../components/Seo';\nimport TOC from '../components/TOC';\nimport Perks from '../components/Perks';\nimport CareerLayout from '../components/CareerLayout';\nimport { Column, Container, Row } from '../elements/Grid';\nimport { LgTitle } from '../elements/Titles';\nimport { XsParagraph } from '../elements/Paragraphs';\nimport { Title } from '../elements/Careers';\nimport GPTW from '../images/GPTW.png';\nimport '../styles/careers.css';\nimport { UnorderedList } from '../elements/Lists';\nconst Careers = () => {\n  const [display, setDisplay] = useState('desktop');\n  const refOne = useRef(null);\n  const refTwo = useRef(null);\n  const refThree = useRef(null);\n  const refFour = useRef(null);\n  const refFive = useRef(null);\n  const refSix = useRef(null);\n  const refSeven = useRef(null);\n  const refEight = useRef(null);\n  const refNine = useRef(null);\n  const refTen = useRef(null);\n  const refEleven = useRef(null);\n  const refTwelve = useRef(null);\n  const refThirteen = useRef(null);\n  const refFourteen = useRef(null);\n  const refFifteen = useRef(null);\n  const refSixteen = useRef(null);\n  const refSeventeen = useRef(null);\n  const refPerks = useRef(null);\n  const jobs = [\n  ];\n  const scrollToRefOne = () => scrollToRef(refOne);\n  const scrollToRefTwo = () => scrollToRef(refTwo);\n  const scrollToRefThree = () => scrollToRef(refThree);\n  const scrollToRefFour = () => scrollToRef(refFour);\n  const scrollToRefFive = () => scrollToRef(refFive);\n  const scrollToRefSix = () => scrollToRef(refSix);\n  const scrollToRefSeven = () => scrollToRef(refSeven);\n  const scrollToRefEight = () => scrollToRef(refEight);\n  const scrollToRefNine = () => scrollToRef(refNine);\n  const scrollToRefTen = () => scrollToRef(refTen);\n  const scrollToRefEleven = () => scrollToRef(refEleven);\n  const scrollToRefTwelve = () => scrollToRef(refTwelve);\n  const scrollToRefThirteen = () => scrollToRef(refThirteen);\n  const scrollToRefFourteen = () => scrollToRef(refFourteen);\n  const scrollToRefFifteen = () => scrollToRef(refFifteen);\n  const scrollToRefSixteen = () => scrollToRef(refSixteen);\n  const scrollToRefSeventeen = () => scrollToRef(refSeventeen);\n  const scrollToRefPerks = () => scrollToRef(refPerks);\n  const refsArray = [\n    scrollToRefOne,\n    scrollToRefTwo,\n    scrollToRefThree,\n    scrollToRefFour,\n    scrollToRefFive,\n    scrollToRefSix,\n    scrollToRefSeven,\n    scrollToRefEight,\n    scrollToRefNine,\n    scrollToRefTen,\n    scrollToRefEleven,\n    scrollToRefTwelve,\n    scrollToRefThirteen,\n    scrollToRefFourteen,\n    scrollToRefFifteen,\n    scrollToRefSixteen,\n    scrollToRefSeventeen\n  ];\n\n  function handleCollageLoad() {\n    const script = document.createElement('script');\n    script.src = 'https://assets.secure.collage.co/static/js/embed.js';\n    script.async = true;\n\n    script.onload = () => {\n      console.log('Collage script has been loaded');\n      if (window.collageEmbed) {\n        window.collageEmbed('wise-publishing', 'en');\n      }\n    };\n\n    script.onerror = () => {\n      console.error('Error loading collage script');\n    };\n\n    document.body.appendChild(script);\n\n    return () => {\n      document.body.removeChild(script);\n    };\n  }\n\n  useEffect(() => {\n    function handleResize() {\n      if (window.innerWidth < 1192) {\n        setDisplay('mobile');\n      } else {\n        setDisplay('desktop');\n      }\n    }\n    window.addEventListener('resize', handleResize);\n    handleCollageLoad();\n  }, []);\n  const scrollToRef = ref => ref.current.scrollIntoView({ behavior: 'smooth' });\n  const data = useStaticQuery(graphql`\n    query {\n      careers: file(relativePath: { eq: \"Careers.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 640, quality: 100) {\n            ...GatsbyImageSharpFluid_noBase64\n          }\n        }\n      }\n      gptw: file(relativePath: { eq: \"GPTW.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 1000, quality: 100) {\n            ...GatsbyImageSharpFluid_noBase64\n          }\n        }\n      }\n    }\n  `);\n  const imageStyles = {\n    maxWidth: rem('144px')\n  };\n\n  const imageStyles2 = {\n    marginBottom: rem('32px')\n  };\n\n  const ogImageAbsoluteUrl = 'https://www.wisepublishing.com' + GPTW;\n\n  return (\n    <Layout>\n      <SEO\n        title=\"Careers\"\n        ogImage={ogImageAbsoluteUrl}\n        ogImageHeight=\"785\"\n        ogImageWidth=\"1500\"\n      />\n      <Container>\n        <Row marginBottom=\"24\">\n          <Column width=\"5/12\" className=\"careersBanner\">\n            <LgTitle marginBottom=\"24\">At Wise Publishing</LgTitle>\n            <XsParagraph className=\"careersCopy\">\n              Our goal is to help people get ahead — and that goes for both our\n              readers and our employees. We believe that by supporting each\n              other, and listening to everyone's ideas, we can all grow faster.\n              So we strive to be open and agile, and we refuse to stifle\n              creativity with a stuffy environment or tons of overtime. If that\n              makes sense to you, drop us a line.\n              <span onClick={scrollToRefPerks}>\n                Perks of Working at Wise Publishing{' '}\n                <svg\n                  width=\"22\"\n                  height=\"15\"\n                  viewBox=\"0 0 22 15\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path\n                    d=\"M21.6783 8.33601C22.0688 7.94549 22.0688 7.31232 21.6783 6.9218L15.3143 0.557838C14.9238 0.167314 14.2906 0.167314 13.9001 0.557838C13.5096 0.948363 13.5096 1.58153 13.9001 1.97205L19.557 7.62891L13.9001 13.2858C13.5096 13.6763 13.5096 14.3094 13.9001 14.7C14.2906 15.0905 14.9238 15.0905 15.3143 14.7L21.6783 8.33601ZM0.971191 8.62891H20.9712V6.62891H0.971191V8.62891Z\"\n                    fill=\"#560764\"\n                  />\n                </svg>\n              </span>\n            </XsParagraph>\n          </Column>\n          \n          <Column width=\"7/12\">\n            <Img\n              fluid={data.gptw.childImageSharp.fluid}\n              style={imageStyles2}\n              alt=\"Wise Publishing is Great Place to Work certified!\"\n            />\n          </Column>\n        </Row>\n        <Row\n          style={{ display: 'flex', justifyContent: 'center' }}\n          marginBottom=\"16\"\n        >\n          <LgTitle dark=\"true\">Open positions</LgTitle>\n        </Row>\n\n        <Row>\n          <div className=\"careerDivider\" ref={refPerks}></div>\n        </Row>\n\n\n        <Row marginBottom=\"64\">\n          <Column>\n            <link rel='stylesheet' href='https://assets.secure.collage.co/static/style/embed.css' />\n            <Row>\n            <div id='collage_embed_container'></div>\n            </Row>\n\n\n            <Row>\n              <div className=\"careerDivider\"></div>\n            </Row>\n\n\n            <XsParagraph>\n              Wise Publishing is an equal opportunity employer and employs\n              personnel without regard to race, ancestry, place of origin,\n              colour, ethnic origin, language, citizenship, creed, religion,\n              gender, sexual orientation, age, marital status, physical and/or\n              mental handicap or financial ability.\n            </XsParagraph>\n            <XsParagraph>\n              Wise Publishing, Inc welcomes and encourages applications from\n              people with disabilities. Accommodations are available on request\n              for candidates taking part in all aspects of the selection\n              process.\n            </XsParagraph>\n            <Row>\n              <div className=\"careerDivider\" ref={refPerks}></div>\n            </Row>\n          </Column>\n        </Row>\n\n        <Perks></Perks>\n      </Container>\n    </Layout>\n  );\n};\n\nexport default Careers;\n","import styled from 'styled-components';\nimport tw from 'tailwind.macro';\nimport { math } from 'polished';\n\nexport const UnorderedList = styled.ul`\n  ${tw`font-sans list-disc mb-32 pl-32 text-base text-purple-300`};\n  line-height: ${math('22/17')};\n\n  a {\n    ${tw`font-serif italic underline`};\n  }\n`;\n"],"sourceRoot":""}