component---src-templates-blog-post-js-5256671f7917e798060d.js.map

{"version":3,"file":"component---src-templates-blog-post-js-5256671f7917e798060d.js","mappings":"yKAKA,MAAMA,EAAS,IAAoB,IAAnB,UAAEC,GAAW,EAC3B,MAAM,EAACC,EAAO,EAACC,IAAWC,EAAAA,EAAAA,WAAS,GACnC,OACE,uBACEC,UAAU,iBACVC,KAAK,aACL,aAAW,mBAEX,uBAAKD,UAAU,aACb,uBAAKA,UAAU,gBACb,gBAAC,EAAAE,KAAI,CAACF,UAAU,cAAcG,GAAG,KAC/B,uBACEC,ICjBd,6zEDkBcC,IAAI,OACJC,OAAO,KACPC,MAAO,CAAEC,YAAa,MAExB,yBAAIZ,IAEN,qBACEa,KAAK,IACLR,KAAK,SACLD,UAAS,kBAAmBH,EAAS,YAAc,IACnD,aAAW,OACX,gBAAc,QACda,QAAUC,IACRA,EAAEC,iBACFd,GAASD,EAAO,GAGlB,wBAAM,cAAY,SAClB,wBAAM,cAAY,SAClB,wBAAM,cAAY,WAItB,uBAAKG,UAAS,wBAAyBH,EAAS,YAAc,KAC5D,uBAAKG,UAAU,cACb,qBAAGS,KAAK,cAAcT,UAAU,eAAc,UAG9C,gBAAC,EAAAE,KAAI,CAACC,GAAG,SAASH,UAAU,eAAc,YAM5C,EAQVL,EAAOkB,aAAe,CACpBjB,UAAW,IAGb,QEnDA,MAXe,IAEX,0BAAQI,UAAU,UAChB,uBAAKA,UAAU,6BACb,yBAAG,mBAAgB,IAAIc,MAAOC,eAC9B,yBAAG,kDC+BX,MAxBe,IAAmB,IAAlB,SAAEC,GAAU,EAC1B,MAAMC,GAAOC,EAAAA,EAAAA,gBAAe,cAU5B,OACE,gCACE,gBAAC,EAAM,CAACtB,UAAWqB,EAAKE,KAAKC,aAAaC,QAC1C,4BAAOL,GACP,gBAAC,EAAM,MACN,C,sDCEP,UA5BiB,IAAe,IAAd,KAAEC,GAAM,EACxB,MAAMK,EAAOL,EAAKM,eAClB,OACE,gBAAC,IAAM,KACL,2BAASvB,UAAU,WACjB,uBAAKA,UAAU,aACb,uBAAKA,UAAU,WACb,uBAAKA,UAAU,2CACb,0BAAKsB,EAAKE,YAAYH,OACtB,uBAAKI,wBAAyB,CAAEC,OAAQJ,EAAKK,YAK9C,C","sources":["webpack://hans-website/./src/components/Header.js","webpack://hans-website/./src/assets/logo.png","webpack://hans-website/./src/components/Footer.js","webpack://hans-website/./src/components/Layout.js","webpack://hans-website/./src/templates/blog-post.js"],"sourcesContent":["import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from 'gatsby'\nimport logo from '../assets/logo.png'\n\nconst Header = ({ siteTitle }) => {\n  const [isOpen, setOpen] = useState(false)\n  return (\n    <nav\n      className=\"navbar is-dark\"\n      role=\"navigation\"\n      aria-label=\"main navigation\"\n    >\n      <div className=\"container\">\n        <div className=\"navbar-brand\">\n          <Link className=\"navbar-item\" to=\"/\">\n            <img\n              src={logo}\n              alt=\"logo\"\n              height=\"28\"\n              style={{ marginRight: 16 }}\n            />\n            <b>{siteTitle}</b>\n          </Link>\n          <a\n            href=\"/\"\n            role=\"button\"\n            className={`navbar-burger ${isOpen ? 'is-active' : ''}`}\n            aria-label=\"menu\"\n            aria-expanded=\"false\"\n            onClick={(e) => {\n              e.preventDefault()\n              setOpen(!isOpen)\n            }}\n          >\n            <span aria-hidden=\"true\" />\n            <span aria-hidden=\"true\" />\n            <span aria-hidden=\"true\" />\n          </a>\n        </div>\n\n        <div className={`navbar-menu is-dark ${isOpen ? 'is-active' : ''}`}>\n          <div className=\"navbar-end\">\n            <a href=\"/resume.pdf\" className=\"navbar-item\">\n              Resume\n            </a>\n            <Link to=\"/blogs\" className=\"navbar-item\">\n              Blogs\n            </Link>\n          </div>\n        </div>\n      </div>\n    </nav>\n  )\n}\n\nHeader.propTypes = {\n  siteTitle: PropTypes.string,\n}\n\nHeader.defaultProps = {\n  siteTitle: '',\n}\n\nexport default Header\n","export default \"data:image/png;base64,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\"","import React from 'react'\n\nconst Footer = () => {\n  return (\n    <footer className=\"footer\">\n      <div className=\"content has-text-centered\">\n        <p>Hans's website {new Date().getFullYear()}</p>\n        <p>Built with love with `bulma` and `gatsby.js`</p>\n      </div>\n    </footer>\n  )\n}\n\nexport default Footer\n","/**\n * Layout component that queries for data\n * with Gatsby's useStaticQuery component\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { useStaticQuery, graphql } from 'gatsby'\n\nimport Header from './Header'\nimport Footer from './Footer'\n\nconst Layout = ({ children }) => {\n  const data = useStaticQuery(graphql`\n    query SiteTitleQuery {\n      site {\n        siteMetadata {\n          title\n        }\n      }\n    }\n  `)\n\n  return (\n    <>\n      <Header siteTitle={data.site.siteMetadata.title} />\n      <main>{children}</main>\n      <Footer />\n    </>\n  )\n}\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default Layout\n","import React from 'react'\nimport { graphql } from 'gatsby'\nimport Layout from '../components/Layout'\n\nconst BlogPost = ({ data }) => {\n  const post = data.markdownRemark\n  return (\n    <Layout>\n      <section className=\"section\">\n        <div className=\"container\">\n          <div className=\"columns\">\n            <div className=\"blog content column is-half is-offset-3\">\n              <h1>{post.frontmatter.title}</h1>\n              <div dangerouslySetInnerHTML={{ __html: post.html }} />\n            </div>\n          </div>\n        </div>\n      </section>\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query ($slug: String!) {\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      html\n      frontmatter {\n        title\n      }\n    }\n  }\n`\nexport default BlogPost\n"],"names":["Header","siteTitle","isOpen","setOpen","useState","className","role","Link","to","src","alt","height","style","marginRight","href","onClick","e","preventDefault","defaultProps","Date","getFullYear","children","data","useStaticQuery","site","siteMetadata","title","post","markdownRemark","frontmatter","dangerouslySetInnerHTML","__html","html"],"sourceRoot":""}