{"version":3,"sources":["webpack:///./src/templates/blog-post.js"],"names":["BlogPostTemplate","render","post","this","props","data","markdownRemark","siteTitle","site","siteMetadata","title","location","frontmatter","description","excerpt","className","dangerouslySetInnerHTML","__html","html","React","Component","pageQuery"],"mappings":"iMAUMA,E,gLACJC,OAAA,WACE,IAAMC,EAAOC,KAAKC,MAAMC,KAAKC,eACvBC,EAAYJ,KAAKC,MAAMC,KAAKG,KAAKC,aAAaC,MAGpD,OACE,kBAAC,IAAD,CAAQC,SAAUR,KAAKC,MAAMO,SAAUD,MAAOH,GAC5C,kBAAC,IAAD,CACEG,MAAOR,EAAKU,YAAYF,MACxBG,YAAaX,EAAKU,YAAYC,aAAeX,EAAKY,UAEpD,6BAASC,UAAU,QACjB,6BAASC,wBAAyB,CAAEC,OAAQf,EAAKgB,QACjD,oC,GAdqBC,IAAMC,WAiDtBpB,YAER,IAAMqB,EAAS","file":"component---src-templates-blog-post-js-98175d2216a7a7cbf471.js","sourcesContent":["import React from \"react\"\r\nimport { \r\n  // Link,\r\n  graphql\r\n} from \"gatsby\"\r\n\r\nimport Layout from \"../components/layout\"\r\nimport SEO from \"../components/seo\"\r\n// import { rhythm, scale } from \"../utils/typography\"\r\n\r\nclass BlogPostTemplate extends React.Component {\r\n  render() {\r\n    const post = this.props.data.markdownRemark\r\n    const siteTitle = this.props.data.site.siteMetadata.title\r\n    // const { previous, next } = this.props.pageContext\r\n\r\n    return (\r\n      <Layout location={this.props.location} title={siteTitle}>\r\n        <SEO\r\n          title={post.frontmatter.title}\r\n          description={post.frontmatter.description || post.excerpt}\r\n        />\r\n        <article className=\"wrap\">\r\n          <section dangerouslySetInnerHTML={{ __html: post.html }} />\r\n          <footer>\r\n          </footer>\r\n        </article>\r\n        {/* https://desktopofsamuel.com/building-gatsby-with-multiple-post-type */}\r\n        {/* <nav>\r\n          <ul\r\n            style={{\r\n              display: `flex`,\r\n              flexWrap: `wrap`,\r\n              justifyContent: `space-between`,\r\n              listStyle: `none`,\r\n              padding: 0,\r\n            }}\r\n          >\r\n            <li>\r\n              {previous && (\r\n                <Link to={previous.fields.slug} rel=\"prev\">\r\n                  ← {previous.frontmatter.title}\r\n                </Link>\r\n              )}\r\n            </li>\r\n            <li>\r\n              {next && (\r\n                <Link to={next.fields.slug} rel=\"next\">\r\n                  {next.frontmatter.title} →\r\n                </Link>\r\n              )}\r\n            </li>\r\n          </ul>\r\n        </nav> */}\r\n      </Layout>\r\n    )\r\n  }\r\n}\r\n\r\nexport default BlogPostTemplate\r\n\r\nexport const pageQuery = graphql`\r\n  query BlogPostBySlug($slug: String!) {\r\n    site {\r\n      siteMetadata {\r\n        title\r\n        author\r\n      }\r\n    }\r\n    markdownRemark(fields: { slug: { eq: $slug } }) {\r\n      id\r\n      excerpt(pruneLength: 160)\r\n      html\r\n      frontmatter {\r\n        title\r\n        date(formatString: \"MMMM DD, YYYY\")\r\n        description\r\n      }\r\n    }\r\n  }\r\n`"],"sourceRoot":""}