{"version":3,"file":"component---src-templates-blog-post-js-fcc72c1c9516b1b577a2.js","mappings":"6MAeMA,EAAAA,SAAAA,GAAAA,SAAAA,IAAAA,OAAAA,EAAAA,MAAAA,KAAAA,YAAAA,KA0EH,OA1EGA,EAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,UACJC,OAAA,WACE,IAAMC,EAAY,IAAIC,IAAJ,CAAgB,CAChCC,cAAeC,EAAAA,cACfC,WAAY,CAAE,kBAAmBC,EAAAA,KAEhCC,SAEGC,EAAOC,KAAKC,MAAMC,KAAKC,eACvBC,EAAYJ,KAAKC,MAAMC,KAAKG,KAAKC,aAAaC,MAEpD,OACE,gBAAC,IAAD,CAAQC,SAAUR,KAAKC,MAAMO,SAAUD,MAAOH,GAC5C,gBAAC,IAAD,CACEG,MAAOR,EAAKU,YAAYF,MACxBG,YAAaX,EAAKU,YAAYC,aAAeX,EAAKY,QAClDC,SAAU,CAAC,aAAD,2OAmBZ,2BACEC,UAAS,iBAAkBd,EAAKU,YAAYK,WAAjB,aAE3B,0BAAQD,UAAU,uBAChB,sBAAIA,UAAU,sBAAsBd,EAAKU,YAAYF,QAGtDR,EAAKU,YAAYC,aAChB,qBAAGG,UAAU,wBACVd,EAAKU,YAAYC,aAIrBX,EAAKU,YAAYK,WAChB,uBAAKD,UAAU,sBACb,gBAAC,EAAAE,EAAD,CACEF,UAAU,WACVG,MAAOjB,EAAKU,YAAYK,UAAUG,gBAAgBC,gBAClDC,IAAKpB,EAAKU,YAAYF,SAK3Bf,EAAUO,EAAKqB,SAOhB,0BAAQP,UAAU,2BASzB,EA1EGvB,CAAyBK,EAAAA,WA6E/B","sources":["webpack://gatsby-london/./src/templates/blog-post.js"],"sourcesContent":["import React from \"react\"\r\nimport { graphql } from \"gatsby\"\r\nimport { GatsbyImage } from \"gatsby-plugin-image\"\r\n\r\nimport Layout from \"../components/layout\"\r\nimport SEO from \"../components/seo\"\r\n\r\nimport rehypeReact from \"rehype-react\"\r\nimport ModelViewer from \"../components/ModelViewer\"\r\n\r\n// import Slider from \"react-slick\";\r\n\r\n// import \"slick-carousel/slick/slick.css\";\r\n// import \"slick-carousel/slick/slick-theme.css\";\r\n\r\nclass BlogPostTemplate extends React.Component {\r\n  render() {\r\n    const renderAst = new rehypeReact({\r\n      createElement: React.createElement,\r\n      components: { \"my-model-viewer\": ModelViewer},\r\n      // components: { \"my-model-viewer\": ModelViewer, \"my-slider\": Slider },\r\n    }).Compiler\r\n\r\n    const post = this.props.data.markdownRemark\r\n    const siteTitle = this.props.data.site.siteMetadata.title\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          keywords={[\r\n            `Parametric`,\r\n            `Wall Sculpture`,\r\n            `Contemporary Art`,\r\n            `Dimensional Wall Art`,\r\n            `3D Wall Art`,\r\n            `Modern Art`,\r\n            `Flower Art`,\r\n            `Mosaic Art`,\r\n            `Wood Wall Art`,\r\n            `Sacred Geometry`,\r\n            `Abstract Art`,\r\n            `Wall Object`,\r\n            `3D Printing`,\r\n            `Mandala Art`,\r\n            `Geometric Art`,\r\n            `Trippy Art`,\r\n          ]}\r\n        />\r\n        <article\r\n          className={`post-content ${post.frontmatter.thumbnail || `no-image`}`}\r\n        >\r\n          <header className=\"post-content-header\">\r\n            <h1 className=\"post-content-title\">{post.frontmatter.title}</h1>\r\n          </header>\r\n\r\n          {post.frontmatter.description && (\r\n            <p className=\"post-content-excerpt\">\r\n              {post.frontmatter.description}\r\n            </p>\r\n          )}\r\n\r\n          {post.frontmatter.thumbnail && (\r\n            <div className=\"post-content-image\">\r\n              <GatsbyImage\r\n                className=\"kg-image\"\r\n                image={post.frontmatter.thumbnail.childImageSharp.gatsbyImageData}\r\n                alt={post.frontmatter.title}\r\n              />\r\n            </div>\r\n          )}\r\n\r\n          {renderAst(post.htmlAst)}\r\n\r\n          {/* <div\r\n            className=\"post-content-body\"\r\n            dangerouslySetInnerHTML={{ __html: post.html }}\r\n          /> */}\r\n\r\n          <footer className=\"post-content-footer\">\r\n            {/* There are two options for how we display the byline/author-info.\r\n        If the post has more than one author, we load a specific template\r\n        from includes/byline-multiple.hbs, otherwise, we just use the\r\n        default byline. */}\r\n          </footer>\r\n        </article>\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      htmlAst\r\n      frontmatter {\r\n        title\r\n        date(formatString: \"MMMM DD, YYYY\")\r\n        description\r\n        thumbnail {\r\n          childImageSharp {\r\n            gatsbyImageData(layout: CONSTRAINED, width: 1360)\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n"],"names":["BlogPostTemplate","render","renderAst","rehypeReact","createElement","React","components","ModelViewer","Compiler","post","this","props","data","markdownRemark","siteTitle","site","siteMetadata","title","location","frontmatter","description","excerpt","keywords","className","thumbnail","G","image","childImageSharp","gatsbyImageData","alt","htmlAst"],"sourceRoot":""}