{"version":3,"file":"component---src-templates-blog-index-js-b2b30053607df89846e5.js","mappings":"iKAwCA,IAAMA,EAAQ,aAiBd,IAnDA,WACE,OACE,gBAAC,EAAAC,YAAD,CACEC,MAAOF,EACPG,OAAQ,SAAAC,GACN,MAA2BA,EAAKC,KAAKC,aAA7BC,EAAR,EAAQA,OAAQC,EAAhB,EAAgBA,OAChB,OACE,uBACEC,MAAO,CACLC,QAAQ,OACRC,cAAcC,EAAAA,EAAAA,IAAO,OAGvB,gBAAC,EAAAC,EAAD,CACEC,MAAOV,EAAKW,OAAOC,gBAAgBC,gBACnCC,IAAKX,EACLE,MAAO,CACLU,aAAaP,EAAAA,EAAAA,IAAO,IACpBD,aAAc,EACdS,SAAU,GACVC,aAAa,UAEjB,4DACkC,qBAAGC,KAAI,uBAAyBd,EAAOe,SAAYhB,GADrF,IAEE,2BAFF,kG,4ICxBNiB,EAAAA,SAAAA,GAAAA,SAAAA,IAAAA,OAAAA,EAAAA,MAAAA,KAAAA,YAAAA,KAwCH,OAxCGA,EAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,UACJrB,OAAA,WACE,OACE,0BACEM,MAAO,CACLgB,WAAWb,EAAAA,EAAAA,IAAO,KAClBc,YAAYd,EAAAA,EAAAA,IAAO,KAGrB,qBACEU,KAAK,WACLK,OAAO,SACPC,IAAI,uBAHN,YANF,KAYc,IACZ,qBACEN,KAAK,iCACLK,OAAO,SACPC,IAAI,uBAHN,WAbF,KAmBc,IACZ,qBACEN,KAAK,+BACLK,OAAO,SACPC,IAAI,uBAHN,UApBF,KA0Bc,IACZ,qBACEN,KAAK,yCACLK,OAAO,SACPC,IAAI,uBAHN,YAOA,2BAAK,wDAAqC,IAArC,0CAGV,EAxCGJ,CAAeK,EAAAA,WA2CrB,I,UCrCMC,EAAAA,SAAAA,GAAAA,SAAAA,IAAAA,OAAAA,EAAAA,MAAAA,KAAAA,YAAAA,KA+CH,OA/CGA,EAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,UACJ3B,OAAA,WACE,IAAQC,EAAS2B,KAAKC,MAAd5B,KACF6B,EAAY7B,EAAKC,KAAKC,aAAa4B,MACnCC,EAAQ/B,EAAKgC,kBAAkBC,MAErC,OACE,gBAACC,EAAA,EAAD,CAAQC,SAAUR,KAAKC,MAAMO,SAAUL,MAAOD,GAC5C,gBAAC,IAAD,MACA,6BACE,gBAACO,EAAA,EAAD,OAEF,4BACCL,EAAMM,KAAI,YAAe,IAAZC,EAAW,EAAXA,KACNR,EAAQQ,EAAKC,YAAYT,OAASQ,EAAKE,OAAOC,KACpD,OACE,2BAASC,IAAKJ,EAAKE,OAAOC,MACxB,0BACEpC,MAAO,CACLE,cAAcC,EAAAA,EAAAA,IAAO,MAGvB,sBACEH,MAAO,CACLE,aAAc,EACdoC,WAAY,MAGd,gBAAC,EAAAC,KAAD,CAAMvC,MAAO,CAAEwC,UAAU,OAASC,eAAe,QAAWC,GAAIT,EAAKE,OAAOC,MACzEX,IAGL,6BACGQ,EAAKC,YAAYS,KADpB,OAESC,EAAAA,EAAAA,GAAkBX,EAAKY,cAGlC,qBACEC,wBAAyB,CAAEC,OAAQd,EAAKC,YAAYc,gBAM5D,gBAAC,EAAD,QAGL,EA/CG3B,CAA0BD,EAAAA,WAkDhC,K,qBC5DO,SAASwB,EAAkBK,GAIhC,IAAIC,EAAOC,KAAKC,MAAMH,EAAU,GAC5BI,EAAcF,KAAKC,MAAgB,KAAVH,GACzBK,EAAcH,KAAKC,MAAgB,IAAVH,GAC7B,OAAU,IAAIM,MAAML,GAAQ,GAAGM,KAAK,MAAMC,KAAK,IAA/C,IAAsDH,EAAtD,MAAuED,EAAvE,gB","sources":["webpack://thinkwritecode/./src/components/Bio.js","webpack://thinkwritecode/./src/components/Footer.js","webpack://thinkwritecode/./src/templates/blog-index.js","webpack://thinkwritecode/./src/utils/helpers.js"],"sourcesContent":["import React from 'react'\nimport { StaticQuery, graphql } from 'gatsby'\nimport { GatsbyImage } from \"gatsby-plugin-image\";\n\nimport { rhythm } from '../utils/typography'\n\nfunction Bio() {\n  return (\n    <StaticQuery\n      query={bioQuery}\n      render={data => {\n        const { author, social } = data.site.siteMetadata\n        return (\n          <div\n            style={{\n              display: `flex`,\n              marginBottom: rhythm(2.5),\n            }}\n          >\n            <GatsbyImage\n              image={data.avatar.childImageSharp.gatsbyImageData}\n              alt={author}\n              style={{\n                marginRight: rhythm(1 / 2),\n                marginBottom: 0,\n                minWidth: 50,\n                borderRadius: `100%`,\n              }} />\n            <p>\n              Personal (professional) blog by <a href={`https://twitter.com/${social.twitter}`}>{author}</a>.\n              <br/>\n              Thinking about many things, writing about some of them, and maybe put some code to work.\n            </p>\n          </div>\n        );\n      }}\n    />\n  );\n}\n\nconst bioQuery = graphql`query BioQuery {\n  avatar: file(absolutePath: {regex: \"/profile-pic.jpg/\"}) {\n    childImageSharp {\n      gatsbyImageData(width: 50, height: 50, layout: FIXED)\n    }\n  }\n  site {\n    siteMetadata {\n      author\n      social {\n        twitter\n      }\n    }\n  }\n}\n`\n\nexport default Bio\n","import React from 'react'\n\nimport { rhythm } from '../utils/typography'\n\nclass Footer extends React.Component {\n  render() {\n    return (\n      <footer\n        style={{\n          marginTop: rhythm(2.5),\n          paddingTop: rhythm(1),\n        }}\n      >\n        <a\n          href=\"/rss.xml\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          rss feed\n        </a> &bull;{' '}\n        <a\n          href=\"https://twitter.com/vladpotter\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          twitter\n        </a> &bull;{' '}\n        <a\n          href=\"https://github.com/vladolaru\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          github\n        </a> &bull;{' '}\n        <a\n          href=\"https://www.linkedin.com/in/vladolaru/\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          linkedin\n        </a>\n        <br/><small>© 2019-2021 Vlad Olaru &bull;{' '} Made with Gatsby, hosted on Netlify</small>\n      </footer>\n    )\n  }\n}\n\nexport default Footer\n","import React from 'react'\nimport { Link, graphql } from 'gatsby'\n\nimport Bio from '../components/Bio'\nimport Layout from '../components/Layout'\nimport SEO from '../components/seo'\nimport Footer from '../components/Footer'\nimport { formatReadingTime } from '../utils/helpers'\nimport { rhythm } from '../utils/typography'\n\nclass BlogIndexTemplate extends React.Component {\n  render() {\n    const { data } = this.props\n    const siteTitle = data.site.siteMetadata.title\n    const posts = data.allMarkdownRemark.edges\n\n    return (\n      <Layout location={this.props.location} title={siteTitle}>\n        <SEO />\n        <aside>\n          <Bio />\n        </aside>\n        <main>\n        {posts.map(({ node }) => {\n          const title = node.frontmatter.title || node.fields.slug\n          return (\n            <article key={node.fields.slug}>\n              <header\n                style={{\n                  marginBottom: rhythm(2 / 4),\n                }}\n              >\n                <h3\n                  style={{\n                    marginBottom: 0,\n                    lineHeight: 1.2\n                  }}\n                >\n                  <Link style={{ boxShadow: `none`, textDecoration: `none` }} to={node.fields.slug}>\n                    {title}\n                  </Link>\n                </h3>\n                <small>\n                  {node.frontmatter.date}\n                  {` • ${formatReadingTime(node.timeToRead)}`}\n                </small>\n              </header>\n              <p\n                dangerouslySetInnerHTML={{ __html: node.frontmatter.spoiler }}\n              />\n            </article>\n          )\n        })}\n        </main>\n        <Footer />\n      </Layout>\n    )\n  }\n}\n\nexport default BlogIndexTemplate\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n        description\n      }\n    }\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {\n      edges {\n        node {\n          fields {\n            slug\n          }\n          timeToRead\n          frontmatter {\n            date(formatString: \"MMMM DD, YYYY\")\n            title\n            spoiler\n          }\n        }\n      }\n    }\n  }\n`\n","export function formatReadingTime(minutes) {\n  // The reading time in minutes is calculated on an average rate of 200 words per minute (wpm).\n  // I want to give a little more nuance and show an interval between a non-native rate of about 150 wpm and native reader of about 250 wpm.\n\n  let cups = Math.round(minutes / 5);\n  let slowReading = Math.round(minutes * 1.25);\n  let fastReading = Math.round(minutes * 0.75);\n  return `${new Array(cups || 1).fill('☕️').join('')} ${fastReading} – ${slowReading} minutes read`;\n}\n"],"names":["bioQuery","StaticQuery","query","render","data","site","siteMetadata","author","social","style","display","marginBottom","rhythm","G","image","avatar","childImageSharp","gatsbyImageData","alt","marginRight","minWidth","borderRadius","href","twitter","Footer","marginTop","paddingTop","target","rel","React","BlogIndexTemplate","this","props","siteTitle","title","posts","allMarkdownRemark","edges","Layout","location","Bio","map","node","frontmatter","fields","slug","key","lineHeight","Link","boxShadow","textDecoration","to","date","formatReadingTime","timeToRead","dangerouslySetInnerHTML","__html","spoiler","minutes","cups","Math","round","slowReading","fastReading","Array","fill","join"],"sourceRoot":""}