{"version":3,"sources":["webpack:///./src/templates/application.js","webpack:///./src/components/Shapes/HeroShape.js","webpack:///./src/components/Hero/index.js","webpack:///./src/components/Hero/hero.module.scss","webpack:///./src/templates/application.module.scss","webpack:///./src/hooks/useSiteMetadata.js"],"names":["Application","prismic","data","location","siteUrl","useSiteMetadata","content","allApplications","edges","application","node","image","hero_imageSharp","slices","body","RichText","asText","name","description","property","pathname","hero_image","url","rel","href","childImageSharp","fluid","logo","logoClassName","css","heroLogo","title","map","resolveSlice","pageQuery","query","HeroShape","className","topColor","bottomColor","height","width","viewBox","preserveAspectRatio","id","x2","y2","offset","stopColor","d","fill","Hero","imageClassName","subtitle","subtitleClassName","button","shared","maxwidth","container","shape","src","alt","withSubtitle","render","anchor","label","mobileGradient","Tag","host","module","exports","site","siteMetadata"],"mappings":"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","file":"component---src-templates-application-js-2cf513c08f3d0b8da7d0.js","sourcesContent":["import React from 'react';\nimport { graphql } from 'gatsby';\nimport { Helmet } from 'react-helmet';\nimport { RichText } from 'prismic-reactjs';\n\nimport { resolveSlice } from 'utils/slice-resolver.js';\n\nimport Hero from 'components/Hero';\nimport useSiteMetadata from 'hooks/useSiteMetadata';\n\nimport css from './application.module.scss';\n\nconst Application = ({ data: { prismic }, location }) => {\n  const { siteUrl } = useSiteMetadata();\n\n  const content = prismic.allApplications.edges[0];\n  if (!content) return null;\n\n  const application = content.node;\n  const image = application.hero_imageSharp;\n  const slices = application.body || [];\n  return (\n    <>\n      <Helmet>\n        <title>{`SwissDeCode - ${RichText.asText(application.name)}`}</title>\n        <meta description={RichText.asText(application.description)} />\n        <meta property=\"og:title\" content={RichText.asText(application.name)} />\n        <meta\n          property=\"og:description\"\n          content={RichText.asText(application.description)}\n        />\n        <meta property=\"og:url\" content={`${siteUrl}${location.pathname}`} />\n        <meta property=\"og:image\" content={application.hero_image.url} />\n        <link rel=\"canonical\" href={`${siteUrl}${location.pathname}`} />\n      </Helmet>\n      <Hero\n        image={image ? image.childImageSharp.fluid : null}\n        logo={application.logo.url}\n        logoClassName={css.heroLogo}\n        title={application.name}\n        description={application.description}\n      />\n      {slices.map(resolveSlice)}\n    </>\n  );\n};\n\nexport const pageQuery = graphql`\n  query ApplicatonBySlug($uid: String) {\n    prismic {\n      allApplications(uid: $uid) {\n        edges {\n          node {\n            _meta {\n              uid\n            }\n            body {\n              ... on PRISMIC_ApplicationBodyContent_section {\n                fields {\n                  main\n                  image\n                  imageSharp {\n                    childImageSharp {\n                      fluid(quality: 90, maxWidth: 420) {\n                        ...GatsbyImageSharpFluid_withWebp\n                      }\n                    }\n                  }\n                  content_text\n                }\n                type\n              }\n            }\n            hero_image\n            hero_imageSharp {\n              childImageSharp {\n                fluid(quality: 90, maxWidth: 1920) {\n                  ...GatsbyImageSharpFluid_withWebp\n                }\n              }\n            }\n            logo\n            name\n            description\n          }\n        }\n      }\n    }\n  }\n`;\n\nApplication.query = pageQuery;\nexport default Application;\n","import React from 'react';\n\nconst HeroShape = ({ className, topColor, bottomColor }) => (\n  <svg\n    className={className}\n    height=\"100%\"\n    width=\"100%\"\n    viewBox=\"0 0 760 560\"\n    preserveAspectRatio=\"none\"\n  >\n    <defs>\n      <linearGradient id=\"hero-gradient\" x2=\"1\" y2=\"1\">\n        <stop offset=\"0%\" stopColor={topColor} />\n        <stop offset=\"100%\" stopColor={bottomColor} />\n      </linearGradient>\n    </defs>\n    <path d=\"M60 0 L760 0 L700 560 L0 560 Z\" fill=\"url(#hero-gradient)\"/>\n  </svg>\n);\n\nexport default HeroShape;\n","import React from 'react';\nimport BackgroundImage from 'gatsby-background-image';\nimport { RichText } from 'prismic-reactjs';\n\nimport HeroShape from '../Shapes/HeroShape';\n\nimport css from './hero.module.scss';\nimport shared from 'styles/shared.module.scss';\n\nconst Hero = ({\n  image,\n  imageClassName,\n  logo,\n  logoClassName,\n  title,\n  subtitle,\n  subtitleClassName,\n  description,\n  button,\n}) => {\n  const content = (\n    <div className={shared.maxwidth}>\n      <div className={css.container}>\n        <HeroShape\n          className={css.shape}\n          topColor=\"#c83e3e\"\n          bottomColor=\"#d54545\"\n        />\n        <div className={css.content}>\n          {logo && (\n            <img\n              className={`${css.logo} ${logoClassName}`}\n              src={logo}\n              alt=\"Logo\"\n            />\n          )}\n          {title ? (\n            <div className={`${css.title} ${subtitle ? css.withSubtitle : ''}`}>\n              <RichText render={title} />\n            </div>\n          ) : null}\n          {subtitle && (\n            <div className={`${css.subtitle} ${subtitleClassName}`}>\n              <RichText render={subtitle} />\n            </div>\n          )}\n          <div className={css.description}>\n            <RichText render={description} />\n          </div>\n          {button && (\n            <a className={css.anchor} href={button.anchor}>\n              {button.label}\n            </a>\n          )}\n        </div>\n      </div>\n      <div className={css.mobileGradient} />\n    </div>\n  );\n\n  return image ? (\n    <BackgroundImage\n      Tag=\"section\"\n      className={`${css.host} ${imageClassName}`}\n      fluid={image}\n    >\n      {content}\n    </BackgroundImage>\n  ) : (\n    <section className={css.host}>{content}</section>\n  );\n};\n\nexport default Hero;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"host\":\"hero-module--host---94vd\",\"container\":\"hero-module--container--365ow\",\"shape\":\"hero-module--shape--2uZMY\",\"content\":\"hero-module--content--1pOtd\",\"logo\":\"hero-module--logo--1MYZk\",\"title\":\"hero-module--title--ZIWVe\",\"withSubtitle\":\"hero-module--withSubtitle--13T8D\",\"subtitle\":\"hero-module--subtitle--sJuKi\",\"description\":\"hero-module--description--2JlhZ\",\"anchor\":\"hero-module--anchor--3ko76\",\"mobileGradient\":\"hero-module--mobileGradient--27TKS\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"heroLogo\":\"application-module--heroLogo--juN7l\"};","import { useStaticQuery, graphql } from 'gatsby';\n\nconst useSiteMetadata = () => {\n  const { site } = useStaticQuery(\n    graphql`\n      query {\n        site {\n          siteMetadata {\n            siteUrl\n          }\n        }\n      }\n    `\n  );\n  return site.siteMetadata;\n};\n\nexport default useSiteMetadata;\n"],"sourceRoot":""}