{"version":3,"sources":["webpack:///./src/content/open-positions.js","webpack:///./src/pages/ledige-stillinger.jsx","webpack:///./src/components/hero.jsx"],"names":["title","description","theHubLink","container","css","colors","deepSeaBlue","common","breakpointMedium","midGrey","seaBlue","LedigeStillingerPage","subTitle","secondaryAction","secondaryActionHref","secondaryUseAnchorTag","className","openPositions","map","position","positionKey","key","useAnchorTag","href","type","text","rel","target","to","hero","Color","seaGreen","hex","white","Hero","props","customContent","primaryAction","primaryUseAnchorTag","primaryActionHref","size","onClick","secondaryActionOnClick","style","customBackgroundStyles"],"mappings":"qOAAe,GACb,CACEA,MAAO,2DACPC,YACE,wUACFC,WAAY,oDC8EhB,SAASC,IACP,OAAOC,YAAP,YAEaC,IAAOC,YAFpB,2CAMoCC,IAAOC,iBAAmB,EAN9D,qDASoCD,IAAOC,iBAT3C,iEAciCH,IAAOI,QAdxC,gOAsCaJ,IAAOK,QAtCpB,sBA4CaC,UA/Gc,kBAC3B,YAAC,IAAD,KACE,mBAAKP,IAAKD,GACR,YAAC,IAAD,KACE,0DAEF,YAAC,IAAD,CACEH,MAAM,oBACNY,SAAS,2GACTC,gBAAgB,4BAChBC,oBAAoB,oDACpBC,uBAAuB,IAGzB,mBAAKC,UAAU,WACZC,EAAcC,KAAI,SAACC,EAAUC,GAAX,OACjB,mBAAKJ,UAAU,uBAAuBK,IAAKD,GACzC,mBAAKJ,UAAU,mBACb,kBAAIA,UAAU,WAAWG,EAASnB,OAClC,qBAAImB,EAASlB,aACb,YAAC,IAAD,CACEqB,cAAc,EACdC,KACE,8CAAgDJ,EAASnB,MAE3DwB,KAAK,YACLC,KAAK,mBAENN,EAASjB,WACR,YAAC,IAAD,CACEwB,IAAI,aACJC,OAAO,SACPL,cAAc,EACdC,KAAMJ,EAASjB,WACfsB,KAAK,eACLC,KAAK,kBAEL,UAKV,mBAAKT,UAAU,wBACb,mBAAKA,UAAU,mBACb,kBAAIA,UAAU,WAAd,wBACA,2IAEqD,IACnD,YAAC,IAAD,CAAMY,GAAG,sBAAT,qBAHF,uMAQA,YAAC,IAAD,CACEN,cAAc,EACdC,KAAK,oDACLC,KAAK,YACLC,KAAK,qC,kCC1EnB,+FAgDA,SAASI,IACP,OAAOzB,YAAP,wIAOkCG,IAAOC,iBAAmB,EAP5D,6FAYkCD,IAAOC,iBAZzC,qTAqCQsB,IAAMzB,IAAO0B,UAAUC,MArC/B,IAsCQF,IAAMzB,IAAOC,aAAa0B,MAtClC,mCAkDa3B,IAAO4B,MAlDpB,iCAsDa5B,IAAO4B,MAtDpB,gCA+DaC,IArGF,SAAAC,GAAK,OAChB,mBAAK/B,IAAKyB,GACR,mBAAKb,UAAU,qBACZmB,EAAMC,eAAiBD,EAAMC,eAC5BD,EAAMC,eACN,uBACE,kBAAIpB,UAAU,WAAd,IAA0BmB,EAAMnC,MAAhC,KAA6C,IAC7C,0BAAMmC,EAAMvB,SAAZ,MAGJ,mBAAKI,UAAU,qBACZmB,EAAME,eACL,YAAC,IAAD,CACEf,aAAca,EAAMG,sBAAuB,EAC3Cf,KAAMY,EAAMI,kBACZf,KAAK,qBACLgB,KAAK,QACLf,KAAMU,EAAME,gBAGfF,EAAMtB,iBACL,YAAC,IAAD,CACES,aAAca,EAAMpB,wBAAyB,EAC7CQ,KAAMY,EAAMrB,oBACZ2B,QAASN,EAAMO,uBACflB,KAAK,wBACLgB,KAAK,QACLf,KAAMU,EAAMtB,oBAMpB,mBAAKG,UAAU,kBAAkB2B,MAAOR,EAAMS","file":"component---src-pages-ledige-stillinger-jsx-745d04dac953c5b5f10d.js","sourcesContent":["export default [\n  {\n    title: 'Studenterjob: Interesserer du dig for salg og marketing?',\n    description:\n      'Vi er et ungt og ambitiøst firma med stærke kompetencer inden for digitale kommunikationsløsninger. Vores kerneprodukt hedder Ekko App. Ekko app er en brugervenlig app til kompleks intern kommunikation, der skaber arbejdsglæde og gør kommunikationen mellem virksomheder og deres medarbejdere effektiv, tidsbesparende og sjov.',\n    theHubLink: 'https://thehub.io/jobs/5e32ebda269ebc1d9eb0ee1c',\n  },\n]\n","import React from 'react'\r\nimport Link from 'gatsby-link'\r\nimport { css } from '@emotion/core'\r\nimport Helmet from 'react-helmet'\r\nimport Layout from '../components/layout'\r\n\r\n// Styles\r\nimport common from '../styles/common'\r\nimport colors from '../styles/colors'\r\n\r\n// Components\r\nimport Hero from '../components/hero'\r\nimport Button from '../components/button'\r\n\r\n// Content\r\nimport openPositions from '../content/open-positions'\r\n\r\nconst LedigeStillingerPage = () => (\r\n  <Layout>\r\n    <div css={container}>\r\n      <Helmet>\r\n        <title>Ekko App - Ledige stillinger</title>\r\n      </Helmet>\r\n      <Hero\r\n        title=\"Ledige stillinger\"\r\n        subTitle=\"Se her om vi har et job, der passer til dig. Du er altid velkommen til at sende en uopfordret ansøgning.\"\r\n        secondaryAction=\"Send uopfordret ansøgning\"\r\n        secondaryActionHref=\"mailto:job@toecho.dk?subject=Uopfordret ansøgning\"\r\n        secondaryUseAnchorTag={true}\r\n      />\r\n\r\n      <div className=\"wrapper\">\r\n        {openPositions.map((position, positionKey) => (\r\n          <div className=\"container full-width\" key={positionKey}>\r\n            <div className=\"inner-container\">\r\n              <h2 className=\"u_mb-xs\">{position.title}</h2>\r\n              <p>{position.description}</p>\r\n              <Button\r\n                useAnchorTag={true}\r\n                href={\r\n                  'mailto:job@toecho.dk?subject=Ansøgning til ' + position.title\r\n                }\r\n                type=\"dark fill\"\r\n                text=\"Send ansøgning\"\r\n              />\r\n              {position.theHubLink ? (\r\n                <Button\r\n                  rel=\"noreferrer\"\r\n                  target=\"_blank\"\r\n                  useAnchorTag={true}\r\n                  href={position.theHubLink}\r\n                  type=\"dark outline\"\r\n                  text=\"Se på The Hub\"\r\n                />\r\n              ) : null}\r\n            </div>\r\n          </div>\r\n        ))}\r\n\r\n        <div className=\"container full-width\">\r\n          <div className=\"inner-container\">\r\n            <h2 className=\"u_mb-xs\">Uopfordret ansøgning</h2>\r\n            <p>\r\n              Vi er et lille passioneret hold, der brænder for det vi laver og\r\n              vi er altid på udkig efter nye talenter. Kig under{' '}\r\n              <Link to=\"/ledige-stillinger\">ledige stillinger</Link> og se, om\r\n              vi har et job, der passer til dig. Vi er løbende på udkig efter\r\n              talenter, så hvis du kan biddrage med noget til vores team er du\r\n              altid velkommen til at sende os en upfordret ansøgning.\r\n            </p>\r\n            <Button\r\n              useAnchorTag={true}\r\n              href=\"mailto:job@toecho.dk?subject=Uopfordret ansøgning\"\r\n              type=\"dark fill\"\r\n              text=\"Send uopfordret ansøgning\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </Layout>\r\n)\r\n\r\nfunction container() {\r\n  return css`\r\n    h2 {\r\n      color: ${colors.deepSeaBlue};\r\n    }\r\n\r\n    .wrapper {\r\n      @media screen and (min-width: ${common.breakpointMedium + 1}px) {\r\n        padding: 100px 0;\r\n      }\r\n      @media screen and (max-width: ${common.breakpointMedium}px) {\r\n        padding: 50px 0 50px 0;\r\n      }\r\n\r\n      .container {\r\n        border-bottom: 1px solid ${colors.midGrey};\r\n        padding: 80px 0;\r\n\r\n        &:last-child {\r\n          border-bottom: 0px;\r\n        }\r\n      }\r\n    }\r\n\r\n    @media screen and (min-width: 501px) {\r\n      button,\r\n      a.button {\r\n        margin: 0 0.5rem 1rem 0;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 500px) {\r\n      button,\r\n      a.button {\r\n        display: block;\r\n        margin: 0 0 1rem 0;\r\n      }\r\n    }\r\n    a {\r\n      color: ${colors.seaBlue};\r\n      font-weight: 500;\r\n    }\r\n  `\r\n}\r\n\r\nexport default LedigeStillingerPage\r\n","import React from 'react'\r\nimport Color from 'color'\r\n// import { css } from 'emotion'\r\nimport { css } from '@emotion/core'\r\n\r\n// Components\r\nimport Button from '../components/button'\r\nimport colors from '../styles/colors'\r\nimport typography from '../styles/typography'\r\nimport common from '../styles/common'\r\n\r\nconst Hero = props => (\r\n  <div css={hero}>\r\n    <div className=\"content-container\">\r\n      {props.customContent && props.customContent}\r\n      {!props.customContent && (\r\n        <div>\r\n          <h1 className=\"u_mb-sm\"> {props.title} </h1>{' '}\r\n          <h3> {props.subTitle} </h3>\r\n        </div>\r\n      )}\r\n      <div className=\"actions-container\">\r\n        {props.primaryAction && (\r\n          <Button\r\n            useAnchorTag={props.primaryUseAnchorTag || false}\r\n            href={props.primaryActionHref}\r\n            type=\"light fill u_mt-md\"\r\n            size=\"large\"\r\n            text={props.primaryAction}\r\n          />\r\n        )}\r\n        {props.secondaryAction && (\r\n          <Button\r\n            useAnchorTag={props.secondaryUseAnchorTag || false}\r\n            href={props.secondaryActionHref}\r\n            onClick={props.secondaryActionOnClick}\r\n            type=\"light outline u_mt-md\"\r\n            size=\"large\"\r\n            text={props.secondaryAction}\r\n          />\r\n        )}\r\n      </div>\r\n    </div>\r\n\r\n    <div className=\"background-fill\" style={props.customBackgroundStyles} />\r\n  </div>\r\n)\r\n\r\nfunction hero() {\r\n  return css`\r\n    position: relative;\r\n    z-index: 0;\r\n    text-align: center;\r\n    margin-bottom: -70px;\r\n    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);\r\n\r\n    @media screen and (min-width: ${common.breakpointMedium + 1}px) {\r\n      min-height: 550px;\r\n      padding-top: 160px; \r\n      padding-bottom: 160px; \r\n    }\r\n    @media screen and (max-width: ${common.breakpointMedium}px) {\r\n      min-height: 400px;\r\n      padding-top: 140px; \r\n      padding-bottom: 160px; \r\n    }\r\n\r\n    /* Content */\r\n    div.content-container {\r\n      position: relative;\r\n      max-width: 800px;\r\n      width: 90%;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    /* Background */\r\n    div.background-fill {\r\n      z-index: -1;\r\n      position: absolute;\r\n      top: calc(-35px + -1vw);\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      transform: skewY(-2.25deg);\r\n      background: linear-gradient(\r\n        -150deg,\r\n        ${Color(colors.seaGreen).hex()},\r\n        ${Color(colors.deepSeaBlue).hex()}\r\n      );\r\n      /* background: linear-gradient(\r\n        30deg,\r\n        ${colors.seaGreen},\r\n        ${colors.deepSeaBlue}\r\n      ); */\r\n    }\r\n\r\n    /* Types */\r\n    .content-container h1 {\r\n      /* ${typography.mainHeading}; */\r\n      color: ${colors.white};\r\n    }\r\n    .content-container h3 {\r\n      /* ${typography.tertiaryHeading}; */\r\n      color: ${colors.white};\r\n    }\r\n\r\n    a, button {\r\n      margin: 0 0.5rem;\r\n    }\r\n  `\r\n}\r\n\r\nexport default Hero\r\n"],"sourceRoot":""}