{"version":3,"sources":["webpack:///./src/components/SoMeShare.js","webpack:///./src/templates/articleTemplate.js","webpack:///./src/icons/Twitter.js","webpack:///./src/icons/email.svg"],"names":["SoMeShare","title","url","query","render","data","className","linkText","Facebook","fill","externalURL","Twitter","PageTemplate","path","pageData","sanityStory","sanityStoryFromProfessional","sanityPost","videourl","isYouTubeVideo","split","join","indexOf","isVimeoVideo","vimeoVideoId","length","youtubeVideoId","displayTitle","description","intro","pathname","sanitySiteSettings","image","mainImage","asset","fixed","src","width","height","frameBorder","allow","allowFullScreen","alt","_rawBody","blocks","style","author","publishedAt","name","slug","current","props","viewBox","fillRule","xmlns","id","clipRule","d","React","Email","createElement","defaultProps","module","exports","default"],"mappings":"oQA8CeA,EArCG,SAAC,GAAD,IAAEC,EAAF,EAAEA,MAAMC,EAAR,EAAQA,IAAR,OAEhB,YAAC,cAAD,CACEC,MAAK,aAQLC,OAAQ,SAAAC,GAAI,OACV,mBAAKC,UAAU,WAEb,YAAC,IAAD,CACEA,UAAU,yBACVC,SAAU,oBAAMD,UAAU,QAAO,YAACE,EAAA,EAAD,CAAUC,KAAM,WACjDC,YAAW,gDAAkDR,IAG/D,YAAC,IAAD,CACEI,UAAU,yBACVC,SAAU,oBAAMD,UAAU,QAAO,YAACK,EAAA,EAAD,CAASF,KAAM,WAChDC,YAAW,iCAAmCT,EAAnC,QAAgDC,IAG7D,YAAC,IAAD,CACEI,UAAU,yBACVC,SAAU,oBAAMD,UAAU,QAAO,YAAC,IAAD,CAAOG,KAAM,WAC9CC,YAAW,mBAAqBT,EAArB,SAAmCC,S,YC9BzC,SAASU,EAAT,GAAuC,IAAfC,EAAc,EAAdA,KAAMR,EAAQ,EAARA,KAErCS,EAAWT,EAAOA,EAAKU,aAAeV,EAAKW,6BAA+BX,EAAKY,WAAa,KAE5FC,EAAWJ,GAAYA,EAASI,SAEhCC,EAAiBD,GAAYA,EAChCE,MAAM,KACNC,OACAD,MAAM,KACNE,QAAQ,YAAc,EAEnBC,EAAeL,GAAYA,EAC9BE,MAAM,KACNC,OACAC,QAAQ,cAAgB,EAErBE,EAAeN,GAAYA,EAC9BE,MAAM,KAAKF,EAASE,MAAM,KAAKK,OAAS,GAErCC,EAAiBR,GAAYA,EAChCE,MAAM,KACNC,OACAD,MAAM,KAAKF,EAASE,MAAM,KAAKC,OAAOD,MAAM,KAAKK,OAAS,GAG7D,OACE,YAAC,IAAD,KAEE,YAAC,IAAD,CACExB,MAAOa,EAASa,aAAeb,EAASa,aAAeb,EAASb,MAChE2B,YAAad,EAASe,MAAQf,EAASe,MAAQ,GAC/CC,SAAQ,GAAKzB,EAAK0B,mBAAmB7B,IAAMW,EAC3CmB,MAAOlB,EAASmB,WAAanB,EAASmB,UAAUC,OAASpB,EAASmB,UAAUC,MAAMC,MAAQrB,EAASmB,UAAUC,MAAMC,MAAQ,OAG7H,mBAAK7B,UAAU,aAEZY,GAEC,mBAAKZ,UAAU,8BAEb,sBAAQA,UAAU,kBAEhB,sBACEA,UAAU,YACV8B,IAAKb,EAAY,kCACqBC,EAClCL,EAAc,iCACqBO,EACjC,KACNzB,MAAM,QACNoC,MAAM,MACNC,OAAO,MACPC,YAAY,IACZC,MAAM,2CACNC,iBAAe,OASrBvB,GAAYJ,EAASmB,WAAanB,EAASmB,UAAUC,MAAMC,OAC3D,mBAAKC,IAAKtB,EAASmB,UAAUC,MAAMC,MAAMC,IAAKM,IAAI,KAGpD,mBAAKpC,UAAU,qBAEb,mBAAKA,UAAU,WACb,mBAAKA,UAAU,gCAEZQ,EAASb,OAASa,EAASa,aAC1B,kBAAIrB,UAAU,mBAAmBQ,EAASa,aAAeb,EAASa,aAAeb,EAASb,OAC1F,KAEDa,EAASe,OAAS,iBAAGvB,UAAU,aAAaQ,EAASe,OAErDf,EAAS6B,UACR,YAAC,IAAD,CAAMC,OAAQ9B,EAAS6B,WAGzB,mBACEE,MAAO,CACL,WAAc,MACd,UAAa,MACb,UAAa,kBAEfvC,UAAU,6CACNQ,EAASgC,QAAUhC,EAASiC,cAC5B,uBACE,oBAAMF,MAAO,CAAC,QAAW,UACtB/B,EAASgC,QAAT,MAAyBhC,EAASgC,OAAOE,MAE5C,oBAAMH,MAAO,CAAC,QAAW,UACtB/B,EAASiC,aAAT,aAAqCjC,EAASiC,cAIrD,uBACE,YAAC,EAAD,CACE9C,MAAOa,EAASb,MAChBC,IAAQG,EAAK0B,mBAAmB7B,IAA7B,YAA4CY,EAASmC,KAAKC,mB,oCChHnF,0BASevC,IAPC,SAACwC,GAAD,OACd,mBAAKd,MAAM,KAAKC,OAAO,KAAKc,QAAQ,YAAYC,SAAS,OAAOC,MAAM,8BACpE,iBAAGC,GAAG,0BACJ,oBAAMC,SAAS,UAAUC,EAAE,u6DAAu6DhD,KAAM0C,EAAM1C,W,qBCLp9D,IAAIiD,EAAQ,EAAQ,QAEpB,SAASC,EAAOR,GACZ,OAAOO,EAAME,cAAc,MAAMT,EAAMO,EAAME,cAAc,OAAO,CAAC,SAAW,UAAU,SAAW,UAAU,EAAI,qNAAqN,KAAO,WAGjVD,EAAME,aAAe,CAAC,MAAQ,KAAK,OAAS,KAAK,QAAU,YAAY,KAAO,QAE9EC,EAAOC,QAAUJ,EAEjBA,EAAMK,QAAUL","file":"component---src-templates-article-template-js-d3f8af18c744b432f1f3.js","sourcesContent":["import React from 'react';\nimport { graphql, StaticQuery } from \"gatsby\";\n\nimport Facebook from \"./../icons/Facebook\";\nimport Twitter from \"./../icons/Twitter\";\nimport Email from \"./../icons/email.svg\";\n\nimport Link from \"./editorial/link\";\n\nconst SoMeShare = ({title,url}) => (\n\n  <StaticQuery\n    query={graphql`\n      query {\n        sanitySiteSettings {\n          facebook\n          twitter\n      }\n    }\n    `}\n    render={data => (\n      <div className=\"is-flex\">\n\n        <Link \n          className=\"button mr-4 p-2 circle\" \n          linkText={<span className=\"icon\"><Facebook fill={'white'} /></span>} \n          externalURL={`https://www.facebook.com/sharer/sharer.php?u=${url}`}\n        />\n\n        <Link \n          className=\"button mr-4 p-2 circle\" \n          linkText={<span className=\"icon\"><Twitter fill={'white'} /></span>}\n          externalURL={`http://twitter.com/share?text=${title}&url=${url}`}\n        />\n\n        <Link \n          className=\"button mr-4 p-2 circle\" \n          linkText={<span className=\"icon\"><Email fill={'white'} /></span>}\n          externalURL={`mailto:?subject=${title}&body=${url}`}\n        />\n\n      </div>\n    )}\n  />\n            \n);\nexport default SoMeShare;\n","import React from \"react\"\nimport { graphql } from 'gatsby'\n\nimport Body from \"../components/editorial/body\";\nimport Container from '../components/layout/container'\nimport SoMeShare from '../components/SoMeShare'\nimport SEO from '../components/seo'\n\nexport default function PageTemplate({ path, data }) {\n \n  const pageData = data ? data.sanityStory || data.sanityStoryFromProfessional || data.sanityPost : null\n\n  const videourl = pageData && pageData.videourl\n\n  const isYouTubeVideo = videourl && videourl\n    .split('/')\n    .join()\n    .split('.')\n    .indexOf('youtube') > -1\n\n  const isVimeoVideo = videourl && videourl\n    .split('/')\n    .join()\n    .indexOf('vimeo.com') > -1\n\n  const vimeoVideoId = videourl && videourl\n    .split('/')[videourl.split('/').length - 1]\n\n  const youtubeVideoId = videourl && videourl\n    .split('/')\n    .join()\n    .split('=')[videourl.split('/').join().split('=').length - 1]\n\n\n  return (\n    <Container>\n\n      <SEO \n        title={pageData.displayTitle ? pageData.displayTitle : pageData.title}\n        description={pageData.intro ? pageData.intro : ''}\n        pathname={`${data.sanitySiteSettings.url}${path}`}\n        image={pageData.mainImage && pageData.mainImage.asset && pageData.mainImage.asset.fixed ? pageData.mainImage.asset.fixed : null}\n      />\n\n      <div className=\"container\">\n\n        {videourl &&\n\n          <div className=\"mb-3 auto-resizable-iframe\">\n\n            <figure className=\"image is-16by9\">\n              \n              <iframe \n                className=\"has-ratio\"\n                src={isVimeoVideo \n                  ? `https://player.vimeo.com/video/${vimeoVideoId}`\n                  : isYouTubeVideo \n                    ? `https://www.youtube.com/embed/${youtubeVideoId}`\n                    : null}\n                title='Video'\n                width=\"485\" \n                height=\"292\" \n                frameBorder=\"0\" \n                allow=\"autoplay; fullscreen; picture-in-picture\" \n                allowFullScreen\n              />\n\n            </figure>\n\n          </div>\n          \n        }\n\n        {!videourl && pageData.mainImage && pageData.mainImage.asset.fixed && \n          <img src={pageData.mainImage.asset.fixed.src} alt=\"\" />\n        }\n\n        <div className=\"section py-0 mb-6\">\n          \n          <div className=\"columns\">\n            <div className=\"column is-offset-2 is-8 mt-6\">\n\n              {pageData.title || pageData.displayTitle ?\n                <h1 className=\"title is-size-1\">{pageData.displayTitle ? pageData.displayTitle : pageData.title}</h1>\n              : null}\n\n              {pageData.intro && <p className=\"is-size-4\">{pageData.intro}</p>}\n\n              {pageData._rawBody && \n                <Body blocks={pageData._rawBody} />\n              }\n\n              <div \n                style={{\n                  'paddingTop': '1em',\n                  'marginTop': '3em',\n                  'borderTop': '1px solid #000'\n                }}\n                className=\"is-flex is-justify-content-space-between\">\n                  {(pageData.author || pageData.publishedAt) && \n                    <div>\n                      <span style={{'display': 'block'}}>\n                        {pageData.author && `Av ${pageData.author.name}`}\n                      </span>\n                      <span style={{'display': 'block'}}>\n                        {pageData.publishedAt && `Publisert ${pageData.publishedAt}`}\n                      </span>\n                    </div>\n                  }\n                  <div>\n                    <SoMeShare \n                      title={pageData.title}\n                      url={`${data.sanitySiteSettings.url}/aktuelt/${pageData.slug.current}`}\n                    />\n                  </div>\n              </div>\n            \n            </div>\n          </div>\n\n        </div>\n\n        \n      </div>\n\n    </Container>\n  )\n}\n\nexport const query = graphql`\n  query SanityStory($slug: String!) {\n    sanitySiteSettings {\n      url\n    }\n    sanityPost(slug: {current: {eq: $slug}}) {\n      title\n      _rawBody\n      slug {\n        current\n      }\n      publishedAt(formatString: \"DD.MM.YYYY\")\n      mainImage {\n        asset {\n          fixed(width: 1300, height: 710) {\n            src\n            width\n            height\n          }\n        }\n      }\n      author {\n        name\n      }\n    }\n    sanityStoryFromProfessional(slug: {current: {eq: $slug}}) {\n      title\n      displayTitle\n      intro\n      slug {\n        current\n      }\n      _rawBody\n      publishedAt(formatString: \"DD.MM.YYYY\")\n      videourl\n      mainImage {\n        asset {\n          fixed(width: 1300, height: 710) {\n            src\n            width\n            height\n          }\n        }\n        alt\n        caption\n        attribution\n      }\n      author {\n        name\n      }\n    }\n    sanityStory(slug: {current: {eq: $slug}}) {\n      title\n      displayTitle\n      intro\n      slug {\n        current\n      }\n      _rawBody\n      publishedAt(formatString: \"DD.MM.YYYY\")\n      videourl\n      mainImage {\n        asset {\n          fixed(width: 1300, height: 710) {\n            src\n            width\n            height\n          }\n        }\n        alt\n        caption\n        attribution\n      }\n      author {\n        name\n      }\n    }\n  }\n`","import React from 'react';\n\nconst Twitter = (props) => (\n  <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fillRule=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g id=\"24 / symbols / twitter\">\n      <path clipRule=\"evenodd\" d=\"M21.1195 4.50827L22.5343 4.67349L21.8983 5.948C21.5882 6.56953 21.2778 7.19105 20.967 7.81258C20.9302 7.94422 20.8654 8.05962 20.7697 8.20987C20.7296 8.27265 20.5929 8.47236 20.5865 8.48194C20.5504 8.53608 20.5237 8.57878 20.5045 8.61299V11.0015C20.5045 17.1135 14.5895 20.9974 9.00354 20.9974C7.86051 20.9974 6.99207 20.9427 5.99765 20.7257C4.36115 20.3685 3.14327 19.6587 2.58597 18.418L2.01221 17.1407L3.40659 17.0124C4.66801 16.8964 5.76169 16.6561 6.60159 16.3343C4.29577 15.9635 3.0036 14.9508 3.0036 13.0489V12.0489H4.0036C4.22331 12.0489 4.42143 12.0311 4.59854 11.9983C2.868 10.9636 2.00122 9.30379 2.00122 7.00152C2.00103 6.9034 2.00103 6.90339 2.00044 6.79847C1.99394 5.63803 2.05627 5.01797 2.37395 4.22659C2.57754 3.71941 2.87183 3.24988 3.2679 2.81967L4.02251 2L4.75617 2.83847C7.17394 5.60161 9.56395 7.27795 12.0042 7.48072C12.0146 4.93105 13.9415 3.00152 16.5043 3.00152C17.6991 3.00152 18.7828 3.45501 19.6345 4.27273C20.1006 4.36851 20.5957 4.44709 21.1195 4.50827ZM18.9086 6.16202L18.6021 6.0926L18.3904 5.86028C17.8785 5.29855 17.2359 5.00152 16.5043 5.00152C15.0414 5.00152 14.0041 6.04391 14.0041 7.50152C14.0041 7.73974 13.998 7.88942 13.9683 8.08615C13.8499 8.87116 13.4096 9.50152 12.5041 9.50152C9.50607 9.50152 6.80136 7.89542 4.16389 5.15228C4.02792 5.56561 3.99595 5.99047 4.00041 6.78727C4.00101 6.89384 4.00101 6.89384 4.00122 7.00152C4.00122 9.04953 4.83093 10.1698 6.79547 10.7942L7.49255 11.0158V11.7472C7.49255 12.6342 6.65222 13.4691 5.42268 13.8431C5.98631 14.2708 7.139 14.5015 9.00389 14.5015H10.0039V15.5015C10.0039 16.9343 8.35762 18.0561 5.87075 18.6419C6.68178 18.8903 7.76166 18.9974 9.00354 18.9974C13.618 18.9974 18.5045 15.7888 18.5045 11.0015V8.50152C18.5045 8.20774 18.5897 7.95273 18.7311 7.68759C18.7865 7.58393 18.8474 7.48509 18.9225 7.37237C18.9367 7.35115 18.9892 7.27426 19.0309 7.21279L19.1101 7.05429C19.2386 6.79745 19.3669 6.54061 19.4952 6.28377C19.2958 6.24599 19.1003 6.20541 18.9086 6.16202Z\" fill={props.fill} />\n    </g>\n  </svg>\n);\nexport default Twitter;\n","var React = require('react');\n\nfunction Email (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M2 0H20C21.1046 0 22 0.89543 22 2V16C22 17.1046 21.1046 18 20 18H2C0.89543 18 0 17.1046 0 16V2C0 0.89543 0.89543 0 2 0ZM2 6.61811V16H20V6.61853L11 11.1185L2 6.61811ZM2 4.38199L11 8.88245L20 4.38247V2H2V4.38199Z\",\"fill\":\"white\"}));\n}\n\nEmail.defaultProps = {\"width\":\"22\",\"height\":\"18\",\"viewBox\":\"0 0 22 18\",\"fill\":\"none\"};\n\nmodule.exports = Email;\n\nEmail.default = Email;\n"],"sourceRoot":""}