component---src-pages-index-js-679a3561fe1e5cd6b860.js.map

{"version":3,"sources":["webpack:///./src/components/subtitle.js","webpack:///./src/pages/index.js"],"names":["Subtitle","data","author","site","siteMetadata","style","display","alignItems","marginBottom","rhythm","fixed","avatar","childImageSharp","alt","marginRight","minWidth","borderRadius","imgStyle","BlogIndex","render","this","props","siteTitle","title","posts","allMarkdownRemark","edges","location","map","node","frontmatter","fields","slug","key","boxShadow","to","date","dangerouslySetInnerHTML","__html","description","excerpt","React","Component","pageQuery"],"mappings":"0KA4DeA,EA/CE,WACf,IAAMC,EAAI,OAiBFC,EAAWD,EAAKE,KAAKC,aAArBF,OACR,OACE,yBACEG,MAAO,CACLC,QAAQ,OACRC,WAAY,SACZC,aAAcC,YAAO,OAGvB,kBAAC,IAAD,CACEC,MAAOT,EAAKU,OAAOC,gBAAgBF,MACnCG,IAAKX,EACLG,MAAO,CACLS,YAAaL,YAAO,IACpBD,aAAc,EACdO,SAAU,GACVC,aAAa,QAEfC,SAAU,CACRD,aAAa,SAGjB,mDACuB,gCAASd,M,gEC9ChCgB,E,gLACJC,OAAA,WAAU,IACAlB,EAASmB,KAAKC,MAAdpB,KACFqB,EAAYrB,EAAKE,KAAKC,aAAamB,MACnCC,EAAQvB,EAAKwB,kBAAkBC,MAErC,OACE,kBAAC,IAAD,CAAQC,SAAUP,KAAKC,MAAMM,SAAUJ,MAAOD,GAC5C,kBAAC,IAAD,CAAKC,MAAM,cACX,kBAAC,EAAD,MACCC,EAAMI,KAAI,YAAe,IAAZC,EAAW,EAAXA,KACNN,EAAQM,EAAKC,YAAYP,OAASM,EAAKE,OAAOC,KACpD,OACE,6BAASC,IAAKJ,EAAKE,OAAOC,MACxB,gCACE,wBACE3B,MAAO,CACLG,aAAcC,YAAO,OAGvB,kBAAC,IAAD,CAAMJ,MAAO,CAAE6B,UAAU,QAAWC,GAAIN,EAAKE,OAAOC,MACjDT,IAGL,+BAAQM,EAAKC,YAAYM,OAE3B,iCACE,uBACEC,wBAAyB,CACvBC,OAAQT,EAAKC,YAAYS,aAAeV,EAAKW,kB,GA7BzCC,IAAMC,WA2CjBC,GAFEzB,YAEO,e","file":"component---src-pages-index-js-679a3561fe1e5cd6b860.js","sourcesContent":["/**\r\n * Bio component that queries for data\r\n * with Gatsby's useStaticQuery component\r\n *\r\n * See: https://www.gatsbyjs.org/docs/use-static-query/\r\n */\r\n\r\nimport React from \"react\"\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport Image from \"gatsby-image\"\r\n\r\nimport { rhythm } from \"../utils/typography\"\r\n\r\nconst Subtitle = () => {\r\n  const data = useStaticQuery(graphql`\r\n    query SubtitleQuery {\r\n      avatar: file(absolutePath: { regex: \"/profile-pic.jpg/\" }) {\r\n        childImageSharp {\r\n          fixed(width: 50, height: 50) {\r\n            ...GatsbyImageSharpFixed\r\n          }\r\n        }\r\n      }\r\n      site {\r\n        siteMetadata {\r\n          author\r\n        }\r\n      }\r\n    }\r\n  `)\r\n\r\n  const { author } = data.site.siteMetadata\r\n  return (\r\n    <div\r\n      style={{\r\n        display: `flex`,\r\n        alignItems: 'center',\r\n        marginBottom: rhythm(2.5),\r\n      }}\r\n    >\r\n      <Image\r\n        fixed={data.avatar.childImageSharp.fixed}\r\n        alt={author}\r\n        style={{\r\n          marginRight: rhythm(1 / 2),\r\n          marginBottom: 0,\r\n          minWidth: 50,\r\n          borderRadius: `100%`,\r\n        }}\r\n        imgStyle={{\r\n          borderRadius: `50%`,\r\n        }}\r\n      />\r\n      <p>\r\n        The personal blog of <strong>{author}</strong>\r\n      </p>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Subtitle\r\n","import React from \"react\"\r\nimport { Link, graphql } from \"gatsby\"\r\n\r\nimport Subtitle from \"../components/subtitle\"\r\nimport Layout from \"../components/layout\"\r\nimport SEO from \"../components/seo\"\r\nimport { rhythm } from \"../utils/typography\"\r\n\r\nclass BlogIndex extends React.Component {\r\n  render() {\r\n    const { data } = this.props\r\n    const siteTitle = data.site.siteMetadata.title\r\n    const posts = data.allMarkdownRemark.edges\r\n\r\n    return (\r\n      <Layout location={this.props.location} title={siteTitle}>\r\n        <SEO title=\"All posts\" />\r\n        <Subtitle />\r\n        {posts.map(({ node }) => {\r\n          const title = node.frontmatter.title || node.fields.slug\r\n          return (\r\n            <article key={node.fields.slug}>\r\n              <header>\r\n                <h3\r\n                  style={{\r\n                    marginBottom: rhythm(1 / 4),\r\n                  }}\r\n                >\r\n                  <Link style={{ boxShadow: `none` }} to={node.fields.slug}>\r\n                    {title}\r\n                  </Link>\r\n                </h3>\r\n                <small>{node.frontmatter.date}</small>\r\n              </header>\r\n              <section>\r\n                <p\r\n                  dangerouslySetInnerHTML={{\r\n                    __html: node.frontmatter.description || node.excerpt,\r\n                  }}\r\n                />\r\n              </section>\r\n            </article>\r\n          )\r\n        })}\r\n      </Layout>\r\n    )\r\n  }\r\n}\r\n\r\nexport default BlogIndex\r\n\r\nexport const pageQuery = graphql`\r\n  query {\r\n    site {\r\n      siteMetadata {\r\n        title\r\n      }\r\n    }\r\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {\r\n      edges {\r\n        node {\r\n          excerpt\r\n          fields {\r\n            slug\r\n          }\r\n          frontmatter {\r\n            date(formatString: \"MMMM DD, YYYY\")\r\n            title\r\n            description\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n"],"sourceRoot":""}