{"version":3,"sources":["webpack:///./src/templates/blog-post.js"],"names":["Date","styled","Link","scale","rhythm","NavigationLink","Navigation","ul","BlogPostTemplate","props","data","post","markdownRemark","siteTitle","site","siteMetadata","title","pageContext","previous","next","location","frontmatter","to","pathname","dateTime","date","dangerouslySetInnerHTML","__html","html","fields","slug","rel","pageQuery"],"mappings":"kHAAA,sIAYMA,GAZN,UAYaC,YAAOC,KAAV,oCAAGD,CAAH,2FACNE,aAAM,IAESC,YAAO,GACVA,aAAQ,KAKlBC,EAAiBJ,YAAOC,KAAV,oCAAGD,CAAH,yDAMdK,EAAaL,IAAOM,GAAV,oCAAGN,CAAH,wGAqFDO,UA5EU,SAACC,GAAW,IAAD,EAU9BA,EARFC,KACkBC,EAHc,EAG9BC,eAEyBC,EALK,EAI9BC,KACEC,aAAgBC,MALY,EAU9BP,EAFFQ,YAAeC,EARiB,EAQjBA,SAAUC,EARO,EAQPA,KACzBC,EACEX,EADFW,SAGF,OACE,kBAAC,IAAD,KACE,6BACE,kBAAC,IAAD,CAAQJ,MAAUL,EAAKU,YAAYL,MAAtB,MAAiCH,IAC9C,4BACGF,EAAKU,YAAYL,OAEpB,kBAAChB,EAAD,CAAMsB,GAAIF,EAASG,UACjB,0BAAMC,SAAUb,EAAKU,YAAYI,MAC9Bd,EAAKU,YAAYI,OAGtB,yBAAKC,wBAAyB,CAAEC,OAAQhB,EAAKiB,QAC7C,kBAACtB,EAAD,KACGY,GACC,4BACE,kBAACb,EAAD,CAAgBiB,GAAIJ,EAASW,OAAOC,KAAMC,IAAI,QAC3C,KACAb,EAASG,YAAYL,QAI3BG,GACC,4BACE,kBAACd,EAAD,CAAgBiB,GAAIH,EAAKU,OAAOC,KAAMC,IAAI,QACvCZ,EAAKE,YAAYL,MACjB,WAwCV,IAAMgB,EAAS","file":"component---src-templates-blog-post-js-a44ea0dd834d77b30d7b.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Helmet from 'react-helmet';\nimport { Link, graphql } from 'gatsby';\nimport styled from 'styled-components';\n\nimport Layout from '../components/layout';\n\nimport { rhythm, scale } from '../utils/typography';\n\nimport 'katex/dist/katex.min.css';\n\nconst Date = styled(Link)`\n  ${scale(-1 / 5)};\n  display: block;\n  margin-bottom: ${rhythm(1)};\n  margin-top: ${rhythm(-1)};\n  text-decoration: none;\n  color: inherit;\n`;\n\nconst NavigationLink = styled(Link)`\n  text-decoration: none;\n  color: inherit;\n  font-weight: 600;\n`;\n\nconst Navigation = styled.ul`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  list-style: none;\n  padding: 0;\n  margin-left: 0;\n`;\n\nconst BlogPostTemplate = (props) => {\n  const {\n    data: {\n      markdownRemark: post,\n      site: {\n        siteMetadata: { title: siteTitle },\n      },\n    },\n    pageContext: { previous, next },\n    location,\n  } = props;\n\n  return (\n    <Layout>\n      <div>\n        <Helmet title={`${post.frontmatter.title} • ${siteTitle}`} />\n        <h1>\n          {post.frontmatter.title}\n        </h1>\n        <Date to={location.pathname}>\n          <time dateTime={post.frontmatter.date}>\n            {post.frontmatter.date}\n          </time>\n        </Date>\n        <div dangerouslySetInnerHTML={{ __html: post.html }} />\n        <Navigation>\n          {previous && (\n            <li>\n              <NavigationLink to={previous.fields.slug} rel=\"prev\">\n                {'← '}\n                {previous.frontmatter.title}\n              </NavigationLink>\n            </li>\n          )}\n          {next && (\n            <li>\n              <NavigationLink to={next.fields.slug} rel=\"next\">\n                {next.frontmatter.title}\n                {' →'}\n              </NavigationLink>\n            </li>\n          )}\n        </Navigation>\n      </div>\n    </Layout>\n  );\n};\n\nconst OtherArticle = PropTypes.shape({\n  frontmatter: PropTypes.shape({\n    title: PropTypes.string.isRequired,\n  }).isRequired,\n  fields: PropTypes.shape({\n    slug: PropTypes.string.isRequired,\n  }).isRequired,\n});\n\nBlogPostTemplate.propTypes = {\n  data: PropTypes.shape({\n    markdownRemark: PropTypes.shape({\n      frontmatter: PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        date: PropTypes.string.isRequired,\n      }).isRequired,\n      html: PropTypes.node.isRequired,\n    }).isRequired,\n  }).isRequired,\n  pageContext: PropTypes.shape({\n    previous: OtherArticle,\n    next: OtherArticle,\n  }).isRequired,\n  location: PropTypes.shape({\n    pathname: PropTypes.string.isRequired,\n  }).isRequired,\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      html\n      frontmatter {\n        title\n        date(formatString: \"D MMMM, YYYY\")\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}