{"version":3,"sources":["webpack:///./src/pages/blog/index.js"],"names":["BlogPage","data","title","type","colSpans","withBgContainer","standalone","className","italic","allPrismicCategory","nodes","map","uid","to","style","whiteSpace","category","desktop","mobile","tablet","allPrismicBlogPost","href","image","featured_image","url","text","key"],"mappings":"4FAAA,oEAgFeA,UApEE,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAH,OACf,oCACE,kBAAC,IAAD,CAAKC,MAAM,gEACX,kBAAC,UAAD,CAASC,KAAM,EAAGC,SAAU,CAAC,CAAC,EAAG,GAAI,CAAC,EAAG,GAAI,CAAC,EAAG,KAAMC,iBAAe,GACpE,kBAAC,QAAD,CAAOC,YAAU,EAACC,UAAU,QAA5B,gDAIF,kBAAC,UAAD,CAASJ,KAAM,EAAGC,SAAU,CAAC,CAAC,EAAG,GAAI,CAAC,EAAG,GAAI,CAAC,EAAG,KAAMC,iBAAe,GACpE,kBAAC,OAAD,CAAMC,YAAU,EAACE,QAAM,GACpBP,EAAKQ,mBAAmBC,MAAMC,KAAI,gBAAGV,EAAH,EAAGA,KAAMW,EAAT,EAASA,IAAT,OACjC,oCACE,kBAAC,OAAD,CAAMC,GAAE,kBAAoBD,EAAOE,MAAO,CAAEC,WAAY,QACrDd,EAAKe,UAFV,KAIe,UAKrB,kBAAC,aAAD,CAAYC,QAAS,GAAIC,OAAQ,GAAIC,OAAQ,GAAIhB,KAAM,IAEtDF,EAAKmB,mBAAmBV,MAAMC,KAAI,gBAAGV,EAAH,EAAGA,KAAMW,EAAT,EAASA,IAAT,OACjC,oCACE,kBAAC,gBAAD,MACA,kBAAC,mBAAD,CACES,KAAI,SAAWT,EACfU,MAAOrB,EAAKsB,eAAeC,IAC3BtB,MAAOD,EAAKC,MAAMuB,KAClBC,IAAKd","file":"component---src-pages-blog-index-js-6b2035e168af62e92d5b.js","sourcesContent":["import React from \"react\"\nimport { Link, graphql } from \"gatsby\"\nimport {\n  BlogPostListItem,\n  GridBox,\n  GridSpacer,\n  GridSeparator,\n  Text,\n  Title,\n} from \"@thedgbrt/logology-ui-components\"\nimport SEO from \"../../components/seo\"\n\nconst BlogPage = ({ data }) => (\n  <>\n    <SEO title=\"Logology Blog - A blog about logo design and brand identity\" />\n    <GridBox type={5} colSpans={[[2, 6], [4, 7], [5, 11]]} withBgContainer>\n      <Title standalone className=\"mod1\">\n        A blog about logo design and brand identity\n      </Title>\n    </GridBox>\n    <GridBox type={5} colSpans={[[2, 6], [4, 7], [5, 11]]} withBgContainer>\n      <Text standalone italic>\n        {data.allPrismicCategory.nodes.map(({ data, uid }) => (\n          <>\n            <Link to={`/blog/category/${uid}`} style={{ whiteSpace: \"pre\" }}>\n              {data.category}\n            </Link>\n            &nbsp;&nbsp;{\" \"}\n          </>\n        ))}\n      </Text>\n    </GridBox>\n    <GridSpacer desktop={40} mobile={40} tablet={40} type={5} />\n\n    {data.allPrismicBlogPost.nodes.map(({ data, uid }) => (\n      <>\n        <GridSeparator />\n        <BlogPostListItem\n          href={`/blog/${uid}`}\n          image={data.featured_image.url}\n          title={data.title.text}\n          key={uid}\n        />\n      </>\n    ))}\n  </>\n)\n\nexport const pageQuery = graphql`\n  query {\n    allPrismicCategory {\n      nodes {\n        data {\n          category\n        }\n        uid\n      }\n    }\n\n    allPrismicBlogPost(sort: { fields: data___publish_date, order: DESC }) {\n      nodes {\n        uid\n        data {\n          title {\n            text\n          }\n          featured_image {\n            url\n          }\n          categories {\n            category {\n              slug\n            }\n          }\n        }\n      }\n    }\n  }\n`\n\nexport default BlogPage\n"],"sourceRoot":""}