{"version":3,"file":"component---src-pages-blog-jsx-0ea8f41ab511f951ed5e.js","mappings":"6JAEO,SAASA,EAAT,GAAgC,IAAbC,EAAY,EAAZA,SACxB,OACE,2BAASC,UAAU,WACjB,uBAAKA,UAAU,aACb,uBAAKA,UAAU,WACb,uBAAKA,UAAU,UAAUD,Q,0FCenC,EAjBoB,SAAC,GAAiB,IAAfE,EAAc,EAAdA,QACfC,EAAQ,SAAYD,EAAQE,KAApB,IAEd,OACE,uBAAKH,UAAS,4DAAsCI,QAFlC,kBAAMC,EAAAA,EAAAA,UAASH,KAG/B,gBAAC,EAAAI,KAAD,CAAMC,GAAIL,GACR,sBAAIF,UAAU,yEACXC,EAAQO,QAGb,sBAAIR,UAAU,iEACXC,EAAQQ,e,UCXF,SAASC,EAAT,GAAyB,IAE9BC,EAF6B,EAARC,KACrBC,sBACAF,MACR,OACE,gCACE,gBAAC,IAAD,KACE,sBAAIX,UAAU,yEAAd,UACU,MAGZ,2BAASA,UAAU,WACjB,uBAAKA,UAAU,aACZW,EAAMG,KAAI,YAAe,IAAZC,EAAW,EAAXA,KACZ,OAAO,gBAAC,EAAD,CAAad,QAASc,EAAMC,IAAKD,EAAKZ","sources":["webpack://chasbob-dev/./src/components/layout/section.jsx","webpack://chasbob-dev/./src/components/blog-preview.jsx","webpack://chasbob-dev/./src/pages/blog.jsx"],"sourcesContent":["import React from 'react'\n\nexport function Section({ children }) {\n  return (\n    <section className=\"section\">\n      <div className=\"container\">\n        <div className=\"columns\">\n          <div className=\"column\">{children}</div>\n        </div>\n      </div>\n    </section>\n  )\n}\n","import React from 'react'\nimport { Link, navigate } from 'gatsby'\nimport { GatsbyImage } from 'gatsby-plugin-image'\nimport { preview } from './blog-preview.module.scss'\n\nconst BlogPreview = ({ article }) => {\n  const location = `/blog/${article.slug}/`\n  const handleClick = () => navigate(location)\n  return (\n    <div className={`is-clickable box mb-6 ${preview}`} onClick={handleClick}>\n      <Link to={location}>\n        <h2 className=\"is-capitalized has-text-weight-bold is-size-5-mobile is-size-4-tablet\">\n          {article.title}\n        </h2>\n      </Link>\n      <h3 className=\"subtitle is-italic has-text-weight-light is-family-sans-serif\">\n        {article.publishDate}\n      </h3>\n    </div>\n  )\n}\n\nexport default BlogPreview\n","import React from 'react'\nimport { graphql } from 'gatsby'\nimport BlogPreview from '../components/blog-preview'\nimport { Section } from '../components/layout/section'\n\nexport default function Blog({ data }) {\n  const { allContentfulBlogPost } = data\n  const { edges } = allContentfulBlogPost\n  return (\n    <>\n      <Section>\n        <h1 className=\"title is-capitalized has-text-centered is-size-1 is-family-sans-serif\">\n          My Blog{' '}\n        </h1>\n      </Section>\n      <section className=\"section\">\n        <div className=\"container\">\n          {edges.map(({ node }) => {\n            return <BlogPreview article={node} key={node.slug} />\n          })}\n        </div>\n      </section>\n    </>\n  )\n}\n\n// export default BlogIndex\n\nexport const pageQuery = graphql`\n  query BlogIndexQuery {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    allContentfulBlogPost(sort: { fields: [publishDate], order: DESC }) {\n      edges {\n        node {\n          title\n          slug\n          publishDate(formatString: \"MMMM Do, YYYY\")\n          tags\n          description {\n            childMarkdownRemark {\n              html\n            }\n          }\n        }\n      }\n    }\n  }\n`\n"],"names":["Section","children","className","article","location","slug","onClick","navigate","Link","to","title","publishDate","Blog","edges","data","allContentfulBlogPost","map","node","key"],"sourceRoot":""}