{"version":3,"sources":["webpack:///./src/pages/blog.js"],"names":["BlogIndex","_ref","data","location","siteTitle","site","siteMetadata","title","posts","allPrismicBlogPost","edges","React","createElement","Layout","SEO","Image","fluid","mast","childImageSharp","alt","style","maxWidth","marginBottom","rhythm","marginLeft","marginRight","marginTop","margin","textAlign","className","map","_ref2","node","key","uid","Link","display","boxShadow","to","thumbnail","localFile","text","tags","tag","document","tag_name","date","blurb"],"mappings":"2FAAA,qGAmFeA,UA3EGC,IAAyB,IAAxB,KAAEC,EAAI,SAAEC,GAAUF,EACnC,MAAMG,EAAYF,EAAKG,KAAKC,aAAaC,MACnCC,EAAQN,EAAKO,mBAAmBC,MAEtC,OACEC,IAAAC,cAACC,IAAM,CAACV,SAAUA,EAAUI,MAAOH,GACjCO,IAAAC,cAACE,IAAG,CAACP,MAAM,cACXI,IAAAC,cAACG,IAAK,CACJC,MAAOd,EAAKe,KAAKC,gBAAgBF,MACjCG,IAAI,KACJC,MAAO,CACLC,SAAU,OACVC,aAAcC,YAAO,GACrBC,WAAY,OACZC,YAAa,OACbC,UAAW,KAGff,IAAAC,cAAA,OAAKQ,MAAO,CAAEO,OAAQ,OAAQN,SAAUE,YAAO,MAC7CZ,IAAAC,cAAA,MAAIQ,MAAO,CAAEQ,UAAW,SAAUD,OAAQ,WAAY,SAExDhB,IAAAC,cAAA,OAAKQ,MAAO,CAAEO,OAAQ,OAAQN,SAAUE,YAAO,KAAOM,UAAU,QAC7DrB,EAAMsB,IAAIC,IAAe,IAAd,KAAEC,GAAMD,EAClB,OACEpB,IAAAC,cAAA,WAASqB,IAAKD,EAAKE,KACjBvB,IAAAC,cAAA,cACED,IAAAC,cAACuB,OAAI,CACHf,MAAO,CAAEgB,QAAS,QAASC,UAAW,QACtCC,GAAIN,EAAKE,KAETvB,IAAAC,cAACG,IAAK,CACJC,MAAOgB,EAAK9B,KAAKqC,UAAUC,UAAUtB,gBAAgBF,MACrDG,IAAKa,EAAK9B,KAAKK,MAAMkC,KACrBrB,MAAO,CACLC,SAAU,QACVK,UAAW,EACXJ,aAAc,OACdE,WAAY,OACZC,YAAa,YAKrBd,IAAAC,cAAA,eACED,IAAAC,cAAA,OAAKiB,UAAU,cACZG,EAAK9B,KAAKwC,KAAK,GAAGC,IAAIC,SAAS1C,KAAK2C,UAEvClC,IAAAC,cAAA,MACEQ,MAAO,CACLE,aAAcC,YAAO,EAAI,KAG3BZ,IAAAC,cAACuB,OAAI,CAACf,MAAO,CAAEiB,UAAW,QAAUC,GAAIN,EAAKE,KAC1CF,EAAK9B,KAAKK,MAAMkC,OAGrB9B,IAAAC,cAAA,aAAQoB,EAAK9B,KAAK4C,MAClBnC,IAAAC,cAAA,SAAIoB,EAAK9B,KAAK6C,MAAMN,MACpB9B,IAAAC,cAAA,KAAGiB,UAAU,cACXlB,IAAAC,cAACuB,OAAI,CACHf,MAAO,CAAEgB,QAAS,QAASC,UAAW,QACtCC,GAAIN,EAAKE,KACV","file":"component---src-pages-blog-js-34c301b5afeaa29356c3.js","sourcesContent":["import React from \"react\"\nimport { Link, graphql } from \"gatsby\"\nimport Image from \"gatsby-image\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport { rhythm } from \"../utils/typography\"\n\nconst BlogIndex = ({ data, location }) => {\n  const siteTitle = data.site.siteMetadata.title\n  const posts = data.allPrismicBlogPost.edges\n\n  return (\n    <Layout location={location} title={siteTitle}>\n      <SEO title=\"All posts\" />\n      <Image\n        fluid={data.mast.childImageSharp.fluid}\n        alt=\"Me\"\n        style={{\n          maxWidth: `100%`,\n          marginBottom: rhythm(2),\n          marginLeft: `auto`,\n          marginRight: `auto`,\n          marginTop: 0,\n        }}\n      />\n      <div style={{ margin: `auto`, maxWidth: rhythm(34) }}>\n        <h1 style={{ textAlign: `center`, margin: `3rem 0` }}>Blog</h1>\n      </div>\n      <div style={{ margin: `auto`, maxWidth: rhythm(44) }} className=\"grid\">\n        {posts.map(({ node }) => {\n          return (\n            <article key={node.uid}>\n              <header>\n                <Link\n                  style={{ display: `block`, boxShadow: `none` }}\n                  to={node.uid}\n                >\n                  <Image\n                    fluid={node.data.thumbnail.localFile.childImageSharp.fluid}\n                    alt={node.data.title.text}\n                    style={{\n                      maxWidth: `460px`,\n                      marginTop: 0,\n                      marginBottom: `1rem`,\n                      marginLeft: `auto`,\n                      marginRight: `auto`,\n                    }}\n                  />\n                </Link>\n              </header>\n              <section>\n                <div className=\"categories\">\n                  {node.data.tags[0].tag.document.data.tag_name}\n                </div>\n                <h3\n                  style={{\n                    marginBottom: rhythm(1 / 4),\n                  }}\n                >\n                  <Link style={{ boxShadow: `none` }} to={node.uid}>\n                    {node.data.title.text}\n                  </Link>\n                </h3>\n                <small>{node.data.date}</small>\n                <p>{node.data.blurb.text}</p>\n                <p className=\"grid__link\">\n                  <Link\n                    style={{ display: `block`, boxShadow: `none` }}\n                    to={node.uid}\n                  >\n                    Read more\n                  </Link>\n                </p>\n              </section>\n            </article>\n          )\n        })}\n      </div>\n    </Layout>\n  )\n}\n\nexport default BlogIndex\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    mast: file(absolutePath: { regex: \"/mast-blog.jpg/\" }) {\n      childImageSharp {\n        fluid(maxWidth: 1920, quality: 100) {\n          ...GatsbyImageSharpFluid_noBase64\n        }\n      }\n    }\n    allPrismicBlogPost(sort: { fields: data___date, order: DESC }) {\n      edges {\n        node {\n          id\n          data {\n            date(formatString: \"MMMM DD, YYYY\")\n            title {\n              text\n            }\n            thumbnail {\n              localFile {\n                childImageSharp {\n                  fluid(maxWidth: 480, maxHeight: 300, quality: 100) {\n                    ...GatsbyImageSharpFluid_noBase64\n                  }\n                }\n              }\n            }\n            blurb {\n              text\n            }\n            tags {\n              tag {\n                document {\n                  ... on PrismicTag {\n                    data {\n                      tag_name\n                    }\n                  }\n                }\n                slug\n              }\n            }\n          }\n          uid\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}