component---src-templates-blog-post-js-db6e97090ebce8ac224d.js.map

{"version":3,"sources":["webpack:///./src/templates/blog-post.js"],"names":["BlogPostTemplate","_React$Component","apply","arguments","_inheritsLoose","prototype","render","post","this","props","data","markdownRemark","siteTitle","site","siteMetadata","title","previous","next","pageContext","React","createElement","Layout","location","SEO","frontmatter","description","excerpt","style","scale","display","marginBottom","rhythm","marginTop","date","dangerouslySetInnerHTML","__html","html","flexWrap","justifyContent","listStyle","padding","Link","to","fields","slug","rel","Bio","Component"],"mappings":"mMAMmD,IAE7CA,EAAgB,SAAAC,GAAA,SAAAD,IAAA,OAAAC,EAAAC,MAAA,KAAAC,YAAA,KAuDnB,OAvDmBC,YAAAJ,EAAAC,GAAAD,EAAAK,UACpBC,OAAA,WACE,MAAMC,EAAOC,KAAKC,MAAMC,KAAKC,eACvBC,EAAYJ,KAAKC,MAAMC,KAAKG,KAAKC,aAAaC,OAC9C,SAAEC,EAAQ,KAAEC,GAAST,KAAKC,MAAMS,YAEtC,OACEC,IAAAC,cAACC,IAAM,CAACC,SAAUd,KAAKC,MAAMa,SAAUP,MAAOH,GAC5CO,IAAAC,cAACG,IAAG,CAACR,MAAOR,EAAKiB,YAAYT,MAAOU,YAAalB,EAAKmB,UACtDP,IAAAC,cAAA,UAAKb,EAAKiB,YAAYT,OACtBI,IAAAC,cAAA,KACEO,MAAO,IACFC,aAAM,IACTC,QAAQ,QACRC,aAAcC,YAAO,GACrBC,UAAWD,aAAQ,KAGpBxB,EAAKiB,YAAYS,MAEpBd,IAAAC,cAAA,OAAKc,wBAAyB,CAAEC,OAAQ5B,EAAK6B,QAC7CjB,IAAAC,cAAA,MACEO,MAAO,CACLG,aAAcC,YAAO,MAIzBZ,IAAAC,cAAA,MACEO,MAAO,CACLE,QAAQ,OACRQ,SAAS,OACTC,eAAe,gBACfC,UAAU,OACVC,QAAS,IAGXrB,IAAAC,cAAA,UACGJ,GACCG,IAAAC,cAACqB,OAAI,CAACC,GAAI1B,EAAS2B,OAAOC,KAAMC,IAAI,QAAO,KACtC7B,EAASQ,YAAYT,QAI9BI,IAAAC,cAAA,UACGH,GACCE,IAAAC,cAACqB,OAAI,CAACC,GAAIzB,EAAK0B,OAAOC,KAAMC,IAAI,QAC7B5B,EAAKO,YAAYT,MAAM,QAMhCI,IAAAC,cAAC0B,IAAG,QAGT9C,EAvDmB,CAASmB,IAAM4B,WA0DtB/C","file":"component---src-templates-blog-post-js-db6e97090ebce8ac224d.js","sourcesContent":["import React from 'react'\nimport { Link, graphql } from 'gatsby'\n\nimport Bio from '../components/Bio'\nimport Layout from '../components/Layout'\nimport SEO from '../components/seo'\nimport { rhythm, scale } from '../utils/typography'\n\nclass BlogPostTemplate extends React.Component {\n  render() {\n    const post = this.props.data.markdownRemark\n    const siteTitle = this.props.data.site.siteMetadata.title\n    const { previous, next } = this.props.pageContext\n\n    return (\n      <Layout location={this.props.location} title={siteTitle}>\n        <SEO title={post.frontmatter.title} description={post.excerpt} />\n        <h1>{post.frontmatter.title}</h1>\n        <p\n          style={{\n            ...scale(-1 / 5),\n            display: `block`,\n            marginBottom: rhythm(1),\n            marginTop: rhythm(-1),\n          }}\n        >\n          {post.frontmatter.date}\n        </p>\n        <div dangerouslySetInnerHTML={{ __html: post.html }} />\n        <hr\n          style={{\n            marginBottom: rhythm(1),\n          }}\n        />\n\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={previous.fields.slug} rel=\"prev\">\n                ← {previous.frontmatter.title}\n              </Link>\n            )}\n          </li>\n          <li>\n            {next && (\n              <Link to={next.fields.slug} rel=\"next\">\n                {next.frontmatter.title} →\n              </Link>\n            )}\n          </li>\n        </ul>\n\n        <Bio /> \n      </Layout>\n    )\n  }\n}\n\nexport default BlogPostTemplate\n\nexport const pageQuery = graphql`\n  query BlogPostBySlug($slug: String!) {\n    site {\n      siteMetadata {\n        title\n        author\n      }\n    }\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      id\n      excerpt(pruneLength: 160)\n      html\n      frontmatter {\n        title\n        date(formatString: \"MMMM DD, YYYY\")\n      }\n    }\n  }\n`\n"],"sourceRoot":""}