{"version":3,"sources":["webpack:///./src/components/Blog/PostCard/PostCard.tsx","webpack:///./src/components/Blog/Blog.tsx","webpack:///./src/pages/blog.tsx","webpack:///./src/components/Layout/Author/Author.tsx"],"names":["Root","styled","section","rhythm","Title","h3","ContentInfo","span","Content","p","PostCard","title","slug","description","date","timeToRead","location","aria-label","to","state","prevPath","pathname","dangerouslySetInnerHTML","__html","Blog","posts","useStaticQuery","allMarkdownRemark","edges","Author","map","node","key","fields","frontmatter","excerpt","BlogIndex","siteTitle","useSiteMetadata","Layout","StyledImage","Image","device","tablet","author","avatar","useAvatar","width","height","avatarFixedImage","childImageSharp","fixed","src","srcSet","alt","name","href","social","twitter"],"mappings":"6KA6CMA,EAAOC,IAAOC,QAAV,iEAAGD,CAAH,0CACSE,YAAO,IAOpBC,EAAQH,IAAOI,GAAV,kEAAGJ,CAAH,oBACCE,YAAO,IAGbG,EAAcL,IAAOM,KAAV,wEAAGN,CAAH,qCAEFE,YAAO,KAGhBK,EAAUP,IAAOQ,EAAV,oEAAGR,CAAH,kBACDE,YAAO,EAAI,IAGRO,EAlD0C,SAAC,GAAD,IACvDC,EADuD,EACvDA,MACAC,EAFuD,EAEvDA,KACAC,EAHuD,EAGvDA,YACAC,EAJuD,EAIvDA,KACAC,EALuD,EAKvDA,WACAC,EANuD,EAMvDA,SANuD,OAQvD,kBAAChB,EAAD,KACE,kBAACI,EAAD,KACE,kBAAC,OAAD,CACEa,aAAA,qBAAiCN,EACjCO,GAAE,GAAKN,EACPO,MAAO,CAAEC,SAAUJ,EAASK,WAE3BV,IAGL,kBAACL,EAAD,KACGQ,EADH,MACYC,EADZ,aAGA,kBAACP,EAAD,CACEc,wBAAyB,CACvBC,OAAQV,O,YC0BVb,EAAOC,IAAOC,QAAV,iEAAGD,CAAH,kEAIKE,YAAO,KAGPqB,EA1DkC,SAAC,GAExB,IADxBR,EACwB,EADxBA,SA4BMS,EAxBFC,yBAAe,aAwBAC,kBAAkBC,MAErC,OACE,kBAAC,EAAD,KACE,kBAACC,EAAA,EAAD,MACCJ,EAAMK,KACL,gBAAGC,EAAH,EAAGA,KAAH,OACE,kBAAC,EAAD,CACEC,IAAKD,EAAKE,OAAOrB,KACjBD,MAAOoB,EAAKG,YAAYvB,MACxBC,KAAMmB,EAAKE,OAAOrB,KAClBC,YAAakB,EAAKG,YAAYrB,aAAekB,EAAKI,QAClDrB,KAAMiB,EAAKG,YAAYpB,KACvBC,WAAYgB,EAAKhB,WACjBC,SAAUA,S,wBChCPoB,UAb4C,SAAC,GAElC,IADxBpB,EACwB,EADxBA,SAEeqB,EAAcC,cAArB3B,MAER,OACE,kBAAC4B,EAAA,EAAD,CAAQvB,SAAUA,EAAUL,MAAO0B,GACjC,kBAAC,IAAD,CAAK1B,MAAM,SACX,kBAAC,EAAD,CAAMK,SAAUA,O,gLCmBhBhB,EAAOC,IAAOC,QAAV,+DAAGD,CAAH,qOAGIE,YAAO,GAEFA,YAAO,IAmBpBqC,EAAcvC,YAAOwC,KAAV,sEAAGxC,CAAH,kIAONyC,IAAOC,QAMHd,EAnEA,WAA0B,IAC/Be,EAAWN,cAAXM,OACFC,EAASC,YAAU,CAAEC,MAAO,GAAIC,OAAQ,KAExCC,EAAgC,OAAH,UAC9BJ,EAAOK,gBAAgBC,MADO,CAGjCC,IAAKP,EAAOK,gBAAgBC,MAAMC,IAClCC,OAAQR,EAAOK,gBAAgBC,MAAME,OACrCN,MAAO,GACPC,OAAQ,KAGV,OACE,kBAAChD,EAAD,KACE,kBAACwC,EAAD,CAAaW,MAAOF,EAAkBK,IAAKV,EAAOW,OAClD,gDACqB,IACnB,uBAAGC,KAAI,+BAAiCZ,EAAOa,OAAOC,SACnDd,EAAOW,MACL,IAJP,yDAKyD,IACvD,4BACE,kBAAC,OAAD,CAAMrC,GAAG,WAAT,yBADF","file":"component---src-pages-blog-tsx-8ea714e67724789e4343.js","sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Link } from \"gatsby\";\nimport { GatsbyLocation } from \"local-types\";\n\nimport { rhythm } from \"../../../utils/typography\";\n\ninterface PostCardProps {\n  title: string;\n  slug: string;\n  description: string;\n  date: string;\n  timeToRead: number;\n  location: GatsbyLocation;\n}\n\nconst PostCard: React.FunctionComponent<PostCardProps> = ({\n  title,\n  slug,\n  description,\n  date,\n  timeToRead,\n  location,\n}): React.ReactElement => (\n  <Root>\n    <Title>\n      <Link\n        aria-label={`Continue reading: ${title}`}\n        to={`${slug}`}\n        state={{ prevPath: location.pathname }}\n      >\n        {title}\n      </Link>\n    </Title>\n    <ContentInfo>\n      {date} · {timeToRead} min read\n    </ContentInfo>\n    <Content\n      dangerouslySetInnerHTML={{\n        __html: description,\n      }}\n    />\n  </Root>\n);\n\nconst Root = styled.section`\n  margin-bottom: ${rhythm(1)};\n\n  a {\n    box-shadow: none;\n  }\n`;\n\nconst Title = styled.h3`\n  margin: ${rhythm(1)} 0 0;\n`;\n\nconst ContentInfo = styled.span`\n  font-style: italic;\n  font-size: ${rhythm(0.6)};\n`;\n\nconst Content = styled.p`\n  margin: ${rhythm(2 / 6)} 0;\n`;\n\nexport default PostCard;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { graphql, useStaticQuery } from \"gatsby\";\nimport { GatsbyLocation } from \"local-types\";\nimport { MarkdownRemarkConnection } from \"graphql-types\";\n\nimport PostCard from \"./PostCard\";\nimport Author from \"../Layout/Author\";\nimport { rhythm } from \"../../utils/typography\";\n\ninterface BlogProps {\n  location: GatsbyLocation;\n}\n\nconst Blog: React.FunctionComponent<BlogProps> = ({\n  location,\n}): React.ReactElement => {\n  const data: {\n    allMarkdownRemark: MarkdownRemarkConnection;\n  } = useStaticQuery(graphql`\n    query {\n      allMarkdownRemark(\n        filter: { frontmatter: { draft: { eq: false } } }\n        sort: { fields: [frontmatter___date], order: DESC }\n      ) {\n        edges {\n          node {\n            excerpt\n            fields {\n              slug\n            }\n            frontmatter {\n              date(formatString: \"MMMM DD, YYYY\")\n              title\n              description\n            }\n            timeToRead\n          }\n        }\n      }\n    }\n  `);\n\n  const posts = data.allMarkdownRemark.edges;\n\n  return (\n    <Root>\n      <Author />\n      {posts.map(\n        ({ node }): React.ReactElement => (\n          <PostCard\n            key={node.fields.slug}\n            title={node.frontmatter.title}\n            slug={node.fields.slug}\n            description={node.frontmatter.description || node.excerpt}\n            date={node.frontmatter.date}\n            timeToRead={node.timeToRead}\n            location={location}\n          />\n        )\n      )}\n    </Root>\n  );\n};\n\nconst Root = styled.section`\n  display: flex;\n  flex-direction: column;\n  margin: auto;\n  max-width: ${rhythm(24)};\n`;\n\nexport default Blog;\n","import React from \"react\";\nimport { GatsbyLocation } from \"local-types\";\n\nimport Layout from \"../components/Layout\";\nimport Blog from \"../components/Blog\";\nimport SEO from \"../components/Seo\";\nimport { useSiteMetadata } from \"../hooks\";\n\ninterface BlogIndexProps {\n  location: GatsbyLocation;\n}\n\nconst BlogIndex: React.FunctionComponent<BlogIndexProps> = ({\n  location,\n}): React.ReactElement => {\n  const { title: siteTitle } = useSiteMetadata();\n\n  return (\n    <Layout location={location} title={siteTitle}>\n      <SEO title=\"Blog\" />\n      <Blog location={location} />\n    </Layout>\n  );\n};\n\nexport default BlogIndex;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Image, { FixedObject } from \"gatsby-image\";\nimport { Link } from \"gatsby\";\n\nimport { rhythm } from \"../../../utils/typography\";\nimport { device } from \"../../../styles/constants\";\nimport { useSiteMetadata, useAvatar } from \"../../../hooks\";\n\nconst Author = (): React.ReactElement => {\n  const { author } = useSiteMetadata();\n  const avatar = useAvatar({ width: 50, height: 50 });\n\n  const avatarFixedImage: FixedObject = {\n    ...avatar.childImageSharp.fixed,\n    // need to set src and srcSet explicitly, otherwise there is a type conflict\n    src: avatar.childImageSharp.fixed.src,\n    srcSet: avatar.childImageSharp.fixed.srcSet,\n    width: 50,\n    height: 50,\n  };\n\n  return (\n    <Root>\n      <StyledImage fixed={avatarFixedImage} alt={author.name} />\n      <p>\n        A personal blog by{\" \"}\n        <a href={`https://www.linkedin.com/in/${author.social.twitter}`}>\n          {author.name}\n        </a>{\" \"}\n        about coding, p2p, health, and much more (Psst... I am{\" \"}\n        <em>\n          <Link to=\"/resume\">open to opportunities</Link>.)\n        </em>\n      </p>\n    </Root>\n  );\n};\n\nconst Root = styled.section`\n  display: grid;\n  grid-template-columns: 50px auto;\n  grid-gap: ${rhythm(1)};\n  align-items: center;\n  margin-bottom: ${rhythm(1)};\n\n  /* h5 {\n    margin: 0;\n    line-height: 1.5;\n  } */\n  p {\n    color: black;\n    font-family: \"Arvo\", sans-serif;\n    font-weight: 700;\n\n    font-size: 0.87055rem;\n    margin: 0;\n    line-height: 1.5;\n\n    letter-spacing: 0.02em;\n  }\n`;\n\nconst StyledImage = styled(Image)`\n  margin-bottom: 0;\n  justify-self: center;\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n\n  @media ${device.tablet} {\n    grid-row: auto;\n    justify-self: flex-end;\n  }\n`;\n\nexport default Author;\n"],"sourceRoot":""}