{"version":3,"file":"component---src-pages-index-js-3aa6be59e3a4f76889ab.js","mappings":"2OAuCA,EA/BuB,SAAC,GAAe,IAAbA,EAAY,EAAZA,MACxB,OAAKA,GACAC,MAAMC,QAAQF,GAGjB,gBAAC,IAAD,KACE,sBAAIG,UCbe,+CDchBH,EAAMI,KAAI,SAACC,GACV,OACE,sBAAIC,IAAKD,EAAKE,MACZ,gBAAC,KAAD,CAAMC,GAAE,SAAWH,EAAKE,KAAQJ,UCf5B,uCDgBF,gBAAC,EAAAM,EAAD,CAAaC,IAAI,GAAGC,MAAON,EAAKO,UAAUC,kBAC1C,sBAAIV,UClBD,wCDkB2BE,EAAKS,QAErC,uBACEC,wBAAyB,CACvBC,OAAQX,EAAKY,YAAYC,oBAAoBC,QAGjD,uBAAKhB,UCvBD,uCDwBF,yBAAOA,UAAU,QAAQE,EAAKe,aAC9B,gBAAC,IAAD,CAAMC,KAAMhB,EAAKgB,cApBZ,O,qGEDfC,EAAAA,SAAAA,GAAAA,SAAAA,IAAAA,OAAAA,EAAAA,MAAAA,KAAAA,YAAAA,KAeH,OAfGA,EAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,UACJC,OAAA,WACE,IAAMvB,EAAQwB,GAAAA,CAAIC,KAAM,0CACjBC,EAAUF,GAAAA,CAAIC,KAAM,wCAA3B,GAEA,OACE,gBAAC,IAAD,CAAQE,SAAUF,KAAKG,MAAMD,UAC3B,gBAAC,IAAD,CACEhB,MAAOe,EAAOd,UAAUC,gBACxBC,MAAOY,EAAOG,KACdC,QAASJ,EAAOK,SAASA,WAE3B,gBAAC,IAAD,CAAgB/B,MAAOA,MAG5B,EAfGsB,CAAkBU,EAAAA,WAkBxB","sources":["webpack://contentful-starter-gatsby-blog/./src/components/article-preview.js","webpack://contentful-starter-gatsby-blog/./src/components/article-preview.module.css","webpack://contentful-starter-gatsby-blog/./src/pages/index.js"],"sourcesContent":["import React from 'react'\nimport { Link } from 'gatsby'\nimport { GatsbyImage } from 'gatsby-plugin-image'\n\nimport Container from './container'\nimport Tags from './tags'\nimport * as styles from './article-preview.module.css'\n\nconst ArticlePreview = ({ posts }) => {\n  if (!posts) return null\n  if (!Array.isArray(posts)) return null\n\n  return (\n    <Container>\n      <ul className={styles.articleList}>\n        {posts.map((post) => {\n          return (\n            <li key={post.slug}>\n              <Link to={`/blog/${post.slug}`} className={styles.link}>\n                <GatsbyImage alt=\"\" image={post.heroImage.gatsbyImageData} />\n                <h2 className={styles.title}>{post.title}</h2>\n              </Link>\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: post.description.childMarkdownRemark.html,\n                }}\n              />\n              <div className={styles.meta}>\n                <small className=\"meta\">{post.publishDate}</small>\n                <Tags tags={post.tags} />\n              </div>\n            </li>\n          )\n        })}\n      </ul>\n    </Container>\n  )\n}\n\nexport default ArticlePreview\n","// extracted by mini-css-extract-plugin\nexport var articleList = \"article-preview-module--article-list--2zSz0\";\nexport var title = \"article-preview-module--title--1Uq8k\";\nexport var link = \"article-preview-module--link--3fhjt\";\nexport var meta = \"article-preview-module--meta--D6_bt\";","import React from 'react'\nimport { graphql } from 'gatsby'\nimport get from 'lodash/get'\n\nimport Layout from '../components/layout'\nimport Hero from '../components/hero'\nimport ArticlePreview from '../components/article-preview'\n\nclass RootIndex extends React.Component {\n  render() {\n    const posts = get(this, 'props.data.allContentfulBlogPost.nodes')\n    const [author] = get(this, 'props.data.allContentfulPerson.nodes')\n\n    return (\n      <Layout location={this.props.location}>\n        <Hero\n          image={author.heroImage.gatsbyImageData}\n          title={author.name}\n          content={author.shortBio.shortBio}\n        />\n        <ArticlePreview posts={posts} />\n      </Layout>\n    )\n  }\n}\n\nexport default RootIndex\n\nexport const pageQuery = graphql`\n  query HomeQuery {\n    allContentfulBlogPost(sort: { fields: [publishDate], order: DESC }) {\n      nodes {\n        title\n        slug\n        publishDate(formatString: \"MMMM Do, YYYY\")\n        tags\n        heroImage {\n          gatsbyImageData(\n            layout: FULL_WIDTH\n            placeholder: BLURRED\n            width: 424\n            height: 212\n          )\n        }\n        description {\n          childMarkdownRemark {\n            html\n          }\n        }\n      }\n    }\n    allContentfulPerson(\n      filter: { contentful_id: { eq: \"15jwOBqpxqSAOy2eOO4S0m\" } }\n    ) {\n      nodes {\n        name\n        shortBio {\n          shortBio\n        }\n        title\n        heroImage: image {\n          gatsbyImageData(\n            layout: CONSTRAINED\n            placeholder: BLURRED\n            width: 1180\n          )\n        }\n      }\n    }\n  }\n`\n"],"names":["posts","Array","isArray","className","map","post","key","slug","to","G","alt","image","heroImage","gatsbyImageData","title","dangerouslySetInnerHTML","__html","description","childMarkdownRemark","html","publishDate","tags","RootIndex","render","get","this","author","location","props","name","content","shortBio","React"],"sourceRoot":""}