{"version":3,"sources":["webpack:///./src/templates/post.js","webpack:///./src/styleUtils/media.js"],"names":["Post","render","frontmatter","this","props","pageContext","authorName","author","find","page","ctaBlockData","url","sections","section","type","title","originUrl","site","siteMetadata","siteUrl","profilePageUrl","property","content","name","date","className","src","safePrefix","alt","htmlToReact","to","media","tablet","thumb_img_path","job_position","dateTime","getDateFromIso","React","Component","sizes","giant","desktop","phone","Object","keys","reduce","accumulator","label","emSize","css"],"mappings":"8TAYqBA,E,kGACnBC,OAAA,WAAU,IAAD,kBACCC,IAAgB,UAAAC,KAAKC,aAAL,eAAYC,cAAe,IAA3CH,YACFI,EAAU,UAAGH,KAAKC,aAAR,iBAAG,EAAYC,mBAAf,iBAAG,EAAyBH,mBAA5B,aAAG,EAAsCK,OAEnDA,EAAS,IAAMJ,KAAKC,MAAO,qBAAqBI,MACpD,SAACC,GAAD,OAAU,IAAMA,EAAM,uBAAyBH,KAE3CI,EAAY,UAAG,IAAMP,KAAKC,MAAO,qBACpCI,MAAK,SAACC,GAAD,MAAwB,OAAdA,aAAA,EAAAA,EAAME,QACrBT,mBAFe,iBAAG,EAELU,gBAFE,aAAG,EAEKJ,MAAK,SAACK,GAAD,MAA8B,aAAjBA,EAAQC,QAC9CC,EAAQ,IAAMZ,KAAKC,MAAO,iCACfY,IACf,UAAAb,KAAKC,aAAL,mBAAYC,mBAAZ,mBAAyBY,YAAzB,eAA+BC,eAAgB,IADzCC,QAEFC,EAAiBb,WAAQI,IAAR,GAAiBK,EAAYT,EAAOI,IAAQ,GAEnE,OACE,kBAAC,IAAWR,KAAKC,MACf,kBAAC,IAAD,KACE,+BACGW,GAASA,EAAQ,MACjB,IAAMZ,KAAKC,MAAO,wCAGrB,0BAAMiB,SAAS,UAAUC,QAAQ,YAChChB,GAAc,0BAAMiB,KAAK,SAASD,QAAShB,IAC3Cc,GACC,0BAAMC,SAAS,iBAAiBC,QAASF,KAE1ClB,aAAA,EAAAA,EAAasB,OACZ,0BACEH,SAAS,yBACTC,QAASpB,aAAF,EAAEA,EAAasB,QAI5B,yBAAKC,UAAU,SACb,yBAAKA,UAAU,gBACb,6BAASA,UAAU,kBACjB,4BAAQA,UAAU,eAChB,wBAAIA,UAAU,cAAcV,IAE7B,IACCZ,KAAKC,MACL,6CAEA,yBAAKqB,UAAU,kBACb,yBACEC,IAAKC,YACH,IACExB,KAAKC,MACL,6CAGJwB,IAAK,IAAMzB,KAAKC,MAAO,oCAI5B,IAAMD,KAAKC,MAAO,qCACjB,wBAAIqB,UAAU,iBACXI,YACC,IAAM1B,KAAKC,MAAO,sCAKvBG,GACC,qBACEuB,GAAIvB,EAAOI,IADb,MAIMoB,IAAMC,OAJZ,wFAgBE,qBACEN,IAAKnB,EAAOL,YAAY+B,eACxBL,IAAQtB,EAAL,IAAmBC,EAAOL,YAAYgC,eAU3C,yBAOE,yBAMG5B,GAEH,yBAMGC,EAAOL,YAAYgC,gBAM5B,yBAAKT,UAAU,gBACZI,YAAY,IAAM1B,KAAKC,MAAO,sBAEjC,4BAAQqB,UAAU,aAChB,0BACEA,UAAU,YACVU,SAAU,IAAMhC,KAAKC,MAAO,iCAE3BgC,YACC,IAAMjC,KAAKC,MAAO,sCAO7BM,GAAgB,kBAAC,IAAD,CAAUG,QAASH,M,GA1IV2B,IAAMC,W,23BCVlCC,G,UAAQ,CACZC,MAAO,KACPC,QAAS,IACTT,OAAQ,IACRU,MAAO,MAIHX,EAAQY,OAAOC,KAAKL,GAAOM,QAAO,SAACC,EAAaC,GAGpD,IAAMC,EAAST,EAAMQ,GAAS,GAM9B,OALAD,EAAYC,GAAS,kBAAaE,YAAZ,CAAD,kCACED,EACjBC,IAAG,WAAH,eAGCH,IACN,IAEYf","file":"component---src-templates-post-js-bd9bb7988b4fa782f96d.js","sourcesContent":["import React from \"react\";\nimport _ from \"lodash\";\n\nimport { Layout } from \"../components/index\";\nimport { htmlToReact, safePrefix } from \"../utils\";\nimport getDateFromIso from \"../utils/getDateFromIso\";\nimport Helmet from \"react-helmet\";\nimport { css } from \"styled-components/macro\";\nimport Link from \"../utils/link\";\nimport CtaBlock from \"../components/CtaBlock\";\nimport media from \"../styleUtils/media\";\n\nexport default class Post extends React.Component {\n  render() {\n    const { frontmatter } = this.props?.pageContext || {};\n    const authorName = this.props?.pageContext?.frontmatter?.author;\n\n    const author = _.get(this.props, \"pageContext.pages\").find(\n      (page) => _.get(page, \"frontmatter.title\") === authorName\n    );\n    const ctaBlockData = _.get(this.props, \"pageContext.pages\")\n      .find((page) => page?.url === \"/\")\n      .frontmatter?.sections?.find((section) => section.type === \"ctablock\");\n    const title = _.get(this.props, \"pageContext.frontmatter.title\");\n    const { siteUrl: originUrl } =\n      this.props?.pageContext?.site?.siteMetadata || {};\n    const profilePageUrl = author?.url ? `${originUrl}${author.url}` : \"\";\n\n    return (\n      <Layout {...this.props}>\n        <Helmet>\n          <title>\n            {title && title + \" - \"}\n            {_.get(this.props, \"pageContext.site.siteMetadata.title\")}\n          </title>\n\n          <meta property=\"og:type\" content=\"article\" />\n          {authorName && <meta name=\"author\" content={authorName} />}\n          {profilePageUrl && (\n            <meta property=\"article:author\" content={profilePageUrl} />\n          )}\n          {frontmatter?.date && (\n            <meta\n              property=\"article:published_time\"\n              content={frontmatter?.date}\n            />\n          )}\n        </Helmet>\n        <div className=\"outer\">\n          <div className=\"inner-medium\">\n            <article className=\"post post-full\">\n              <header className=\"post-header\">\n                <h1 className=\"post-title\">{title}</h1>\n              </header>\n              {_.get(\n                this.props,\n                \"pageContext.frontmatter.content_img_path\"\n              ) && (\n                <div className=\"post-thumbnail\">\n                  <img\n                    src={safePrefix(\n                      _.get(\n                        this.props,\n                        \"pageContext.frontmatter.content_img_path\"\n                      )\n                    )}\n                    alt={_.get(this.props, \"pageContext.frontmatter.title\")}\n                  />\n                </div>\n              )}\n              {_.get(this.props, \"pageContext.frontmatter.subtitle\") && (\n                <h4 className=\"post-subtitle\">\n                  {htmlToReact(\n                    _.get(this.props, \"pageContext.frontmatter.subtitle\")\n                  )}\n                </h4>\n              )}\n\n              {author && (\n                <Link\n                  to={author.url}\n                  css={css`\n                    margin-left: 1.25rem;\n                    ${media.tablet`\n                      margin-left: 0;\n                    `};\n\n                    margin-bottom: 1.25rem;\n                    display: inline-flex;\n                    border: none;\n                    &&:hover {\n                      color: unset;\n                    }\n                  `}\n                >\n                  <img\n                    src={author.frontmatter.thumb_img_path}\n                    alt={`${authorName} ${author.frontmatter.job_position}`}\n                    css={css`\n                      height: 3.5rem;\n                      width: 3.5rem;\n                      border-radius: 4rem;\n                      object-fit: cover;\n                      margin-right: 0.75rem;\n                      flex-shrink: 0;\n                    `}\n                  />\n                  <div\n                    css={css`\n                      display: flex;\n                      flex-direction: column;\n                      justify-content: center;\n                    `}\n                  >\n                    <h4\n                      css={css`\n                        margin-bottom: 0.25rem;\n                        font-size: 1rem;\n                      `}\n                    >\n                      {authorName}\n                    </h4>\n                    <span\n                      css={css`\n                        font-size: 0.75rem;\n                        margin-bottom: 0;\n                      `}\n                    >\n                      {author.frontmatter.job_position}\n                    </span>\n                  </div>\n                </Link>\n              )}\n\n              <div className=\"post-content\">\n                {htmlToReact(_.get(this.props, \"pageContext.html\"))}\n              </div>\n              <footer className=\"post-meta\">\n                <time\n                  className=\"published\"\n                  dateTime={_.get(this.props, \"pageContext.frontmatter.date\")}\n                >\n                  {getDateFromIso(\n                    _.get(this.props, \"pageContext.frontmatter.date\")\n                  )}\n                </time>\n              </footer>\n            </article>\n          </div>\n        </div>\n        {ctaBlockData && <CtaBlock section={ctaBlockData} />}\n      </Layout>\n    );\n  }\n}\n","import { css } from 'styled-components/macro'\n\nconst sizes = {\n  giant: 1170,\n  desktop: 992,\n  tablet: 768,\n  phone: 376,\n}\n\n// iterate through the sizes and create a media template\nconst media = Object.keys(sizes).reduce((accumulator, label) => {\n  // use em in breakpoints to work properly cross-browser and support users\n  // changing their browsers font-size: https://zellwk.com/blog/media-query-units/\n  const emSize = sizes[label] / 16\n  accumulator[label] = (...args) => css`\n    @media (max-width: ${emSize}em) {\n      ${css(...args)};\n    }\n  `\n  return accumulator\n}, {})\n\nexport default media\n"],"sourceRoot":""}