{"version":3,"sources":["webpack:///./src/templates/blog-post.js"],"names":["BlogPostTemplate","_ref","data","pageContext","location","post","prismicBlogPost","siteTitle","site","siteMetadata","title","previous","next","slices","body","map","content","slice_type","primary","quote","text","name_of_the_author","html","script","getSlice","join","blogContent","React","createElement","Layout","SEO","description","blurb","style","margin","maxWidth","rhythm","className","textAlign","tags","tag","document","tag_name","marginTop","marginBottom","scale","display","date","dangerouslySetInnerHTML","__html","flexWrap","justifyContent","listStyle","padding","Link","to","uid","rel"],"mappings":"4FAAA,gFAqGeA,UA9FUC,IAAsC,IAArC,KAAEC,EAAI,YAAEC,EAAW,SAAEC,GAAUH,EACvD,MAAMI,EAAOH,EAAKI,gBACZC,EAAYL,EAAKM,KAAKC,aAAaC,OACnC,SAAEC,EAAQ,KAAEC,GAAST,EAgB3B,MAAMU,EAASR,EAAKH,KAAKY,KACtBC,IAAIC,GAfP,SAAkBA,GAChB,MAA2B,UAAvBA,EAAQC,WACH,kBAAkBD,EAAQE,QAAQC,MAAMC,cAAcJ,EAAQE,QAAQG,mBAAmBD,+BAGvE,SAAvBJ,EAAQC,WACH,QAAQD,EAAQE,QAAQE,KAAKE,aAGX,WAAvBN,EAAQC,WACH,GAAGD,EAAQE,QAAQK,OAAOH,UADnC,EAOSI,CAASR,IAEjBS,KAAK,IAEFC,EAAcrB,EAAKH,KAAKG,KAAKiB,KAAOT,EAE1C,OACEc,IAAAC,cAACC,IAAM,CAACzB,SAAUA,EAAUM,MAAOH,GACjCoB,IAAAC,cAACE,IAAG,CAACpB,MAAOL,EAAKH,KAAKQ,MAAMU,KAAMW,YAAa1B,EAAKH,KAAK8B,MAAMZ,OAC/DO,IAAAC,cAAA,WAASK,MAAO,CAAEC,OAAQ,OAAQC,SAAUC,YAAO,MACjDT,IAAAC,cAAA,cACED,IAAAC,cAAA,OAAKS,UAAU,aAAaJ,MAAO,CAAEK,UAAW,WAC7CjC,EAAKH,KAAKqC,KAAK,GAAGC,IAAIC,SAASvC,KAAKwC,UAEvCf,IAAAC,cAAA,MACEK,MAAO,CACLU,UAAWP,YAAO,GAClBQ,aAAc,IAGfvC,EAAKH,KAAKQ,MAAMU,MAEnBO,IAAAC,cAAA,KACEK,MAAO,IACFY,aAAM,IACTC,QAAS,QACTF,aAAcR,YAAO,GACrBE,UAAW,WAGZjC,EAAKH,KAAK6C,OAGfpB,IAAAC,cAAA,eACED,IAAAC,cAAA,OAAKoB,wBAAyB,CAAEC,OAAQvB,MAE1CC,IAAAC,cAAA,MACEK,MAAO,CACLW,aAAcR,YAAO,OAK3BT,IAAAC,cAAA,OAAKK,MAAO,CAAEC,OAAQ,OAAQC,SAAUC,YAAO,MAC7CT,IAAAC,cAAA,MACEK,MAAO,CACLa,QAAS,OACTI,SAAU,OACVC,eAAgB,gBAChBC,UAAW,OACXC,QAAS,IAGX1B,IAAAC,cAAA,UACGjB,GACCgB,IAAAC,cAAC0B,OAAI,CAACC,GAAI,SAAS5C,EAAS6C,IAAOC,IAAI,QACpC9C,EAAST,KAAKQ,MAAMU,OAI3BO,IAAAC,cAAA,UACGhB,GACCe,IAAAC,cAAC0B,OAAI,CAACC,GAAI,SAAS3C,EAAK4C,IAAOC,IAAI,QAChC7C,EAAKV,KAAKQ,MAAMU","file":"component---src-templates-blog-post-js-a97e09bd8bce6b8147b3.js","sourcesContent":["import React from \"react\"\nimport { Link, graphql } from \"gatsby\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport { rhythm, scale } from \"../utils/typography\"\n\nconst BlogPostTemplate = ({ data, pageContext, location }) => {\n  const post = data.prismicBlogPost\n  const siteTitle = data.site.siteMetadata.title\n  const { previous, next } = pageContext\n\n  function getSlice(content) {\n    if (content.slice_type === \"quote\") {\n      return `<blockquote><p>${content.primary.quote.text} <cite>${content.primary.name_of_the_author.text}</cite></p></blockquote>`\n    }\n\n    if (content.slice_type === \"text\") {\n      return `<div>${content.primary.text.html}</div>`\n    }\n\n    if (content.slice_type === \"script\") {\n      return `${content.primary.script.text}`\n    }\n  }\n\n  const slices = post.data.body\n    .map(content => {\n      return getSlice(content)\n    })\n    .join(``)\n\n  const blogContent = post.data.post.html + slices\n\n  return (\n    <Layout location={location} title={siteTitle}>\n      <SEO title={post.data.title.text} description={post.data.blurb.text} />\n      <article style={{ margin: `auto`, maxWidth: rhythm(34) }}>\n        <header>\n          <div className=\"categories\" style={{ textAlign: `center` }}>\n            {post.data.tags[0].tag.document.data.tag_name}\n          </div>\n          <h1\n            style={{\n              marginTop: rhythm(1),\n              marginBottom: 0,\n            }}\n          >\n            {post.data.title.text}\n          </h1>\n          <p\n            style={{\n              ...scale(-1 / 5),\n              display: `block`,\n              marginBottom: rhythm(1),\n              textAlign: `center`,\n            }}\n          >\n            {post.data.date}\n          </p>\n        </header>\n        <section>\n          <div dangerouslySetInnerHTML={{ __html: blogContent }} />\n        </section>\n        <hr\n          style={{\n            marginBottom: rhythm(1),\n          }}\n        />\n      </article>\n\n      <nav style={{ margin: `auto`, maxWidth: rhythm(34) }}>\n        <ul\n          style={{\n            display: `flex`,\n            flexWrap: `wrap`,\n            justifyContent: `space-between`,\n            listStyle: `none`,\n            padding: 0,\n          }}\n        >\n          <li>\n            {previous && (\n              <Link to={`/blog/${previous.uid}`} rel=\"prev\">\n                {previous.data.title.text}\n              </Link>\n            )}\n          </li>\n          <li>\n            {next && (\n              <Link to={`/blog/${next.uid}`} rel=\"next\">\n                {next.data.title.text}\n              </Link>\n            )}\n          </li>\n        </ul>\n      </nav>\n    </Layout>\n  )\n}\n\nexport default BlogPostTemplate\n\nexport const pageQuery = graphql`\n  query BlogPostBySlug($slug: String!) {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    prismicBlogPost(uid: { eq: $slug }) {\n      data {\n        date(formatString: \"MMMM DD, YYYY\")\n        title {\n          text\n        }\n        blurb {\n          text\n        }\n        post {\n          html\n        }\n        body {\n          ... on PrismicBlogPostBodyQuote {\n            primary {\n              name_of_the_author {\n                text\n              }\n              quote {\n                text\n              }\n            }\n            slice_type\n          }\n          ... on PrismicBlogPostBodyText {\n            primary {\n              text {\n                html\n              }\n            }\n            slice_type\n          }\n          ... on PrismicBlogPostBodyScript {\n            primary {\n              script {\n                text\n              }\n            }\n            slice_type\n          }\n        }\n        tags {\n          tag {\n            document {\n              ... on PrismicTag {\n                data {\n                  tag_name\n                }\n              }\n            }\n            slug\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}