{"version":3,"sources":["webpack://gatsby-starter-blog/./src/components/author.js","webpack://gatsby-starter-blog/./src/components/author.module.scss","webpack://gatsby-starter-blog/./src/components/content.js","webpack://gatsby-starter-blog/./src/components/content.module.scss","webpack://gatsby-starter-blog/./src/components/meta.js","webpack://gatsby-starter-blog/./src/components/meta.module.scss","webpack://gatsby-starter-blog/./src/components/tags.js","webpack://gatsby-starter-blog/./src/components/tags.module.scss","webpack://gatsby-starter-blog/./src/components/post.js","webpack://gatsby-starter-blog/./src/components/post.module.scss","webpack://gatsby-starter-blog/./src/templates/blog-post.js"],"names":["data","useStaticQuery","className","site","siteMetadata","author","name","href","social","twitter","body","title","dangerouslySetInnerHTML","__html","date","tagsData","tags","tagSlugs","map","slug","i","key","Link","to","html","itemScope","itemType","markdownRemark","fields","frontmatter","description"],"mappings":"uNAIA,IA6CA,EA7Ce,WACb,IAAMA,GAAOC,oBAAe,cAgB5B,OACE,uBAAKC,UCrBa,gCDsBhB,uCACa,8BAASF,EAAKG,KAAKC,aAAaC,OAAOC,MADpD,IAGE,qBACEJ,UCzBwB,4CD0BxBK,KAAI,uBAAyBP,EAAKG,KAAKC,aAAaI,OAAOC,SAF7D,wCEvBR,IAOA,EAPgB,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAMC,EAAT,EAASA,MAAT,OACd,uBAAKT,UCHgB,kCDInB,sBAAIA,UCHsB,yCDGMS,GAChC,uBAAKT,UCHoB,uCDGMU,wBAAyB,CAAEC,OAAQH,OEHtE,IAMA,EANa,SAAC,GAAD,IAAGI,EAAH,EAAGA,KAAH,OACX,2BACE,qBAAGZ,UCJmB,kCDItB,aAAqCY,KEIzC,IAeA,EAfa,SAAC,GAAD,IAASC,EAAT,EAAGC,KAAgBC,EAAnB,EAAmBA,SAAnB,OACX,uBAAKf,UCTa,4BDUhB,sBAAIA,UCTkB,kCDUnBe,GACCA,EAASC,KAAI,SAACC,EAAMC,GAAP,OACX,sBAAIlB,UCXgB,sCDWWmB,IAAKN,EAASK,IAC3C,gBAAC,EAAAE,KAAD,CAAMC,GAAIJ,EAAMjB,UCXM,4CDYnBa,EAASK,WERxB,IAsBA,EAtBa,SAAC,GAA2C,IAAzCI,EAAwC,EAAxCA,KAAMb,EAAkC,EAAlCA,MAAOG,EAA2B,EAA3BA,KAAME,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SACvC,OACE,2BAASQ,WAAS,EAACC,SAAS,6BAC1B,8BACE,gBAAC,EAAAJ,KAAD,CAAMpB,UCVkB,wCDUWqB,GAAG,KAAtC,iBAKF,+BACE,gBAAC,EAAD,CAASb,KAAMc,EAAMb,MAAOA,KAG9B,0BAAQT,UCpBc,oCDqBpB,gBAAC,EAAD,CAAMY,KAAMA,IACZ,gBAAC,EAAD,CAAME,KAAMA,EAAMC,SAAUA,IAC5B,gBAAC,EAAD,SEMR,EAvByB,SAAC,GAAc,IAAD,IAAXjB,KAExB2B,eACEH,EAHiC,EAGjCA,KACUP,EAJuB,EAIjCW,OAAUX,SAJuB,IAKjCY,YAAelB,EALkB,EAKlBA,MAAOG,EALW,EAKXA,KAAMgB,EALK,EAKLA,YAAad,EALR,EAKQA,KAI7C,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAWL,MAAOA,EAAOmB,YAAaA,IACtC,gBAAC,EAAD,CACEN,KAAMA,EACNb,MAAOA,EACPG,KAAMA,EACNE,KAAMA,EACNC,SAAUA","file":"component---src-templates-blog-post-js-e5b4a7dfe8c261fb71bc.js","sourcesContent":["import React from \"react\";\nimport { author, author__bioTwitter } from \"./author.module.scss\";\nimport { useStaticQuery, graphql } from \"gatsby\";\n\nconst Author = () => {\n  const data = useStaticQuery(graphql`\n    query AuthorQuery {\n      site {\n        siteMetadata {\n          author {\n            name\n            summary\n          }\n          social {\n            twitter\n          }\n        }\n      }\n    }\n  `);\n\n  return (\n    <div className={author}>\n      <p>\n        Written by <strong>{data.site.siteMetadata.author.name}</strong>\n        {` `}\n        <a\n          className={author__bioTwitter}\n          href={`https://twitter.com/${data.site.siteMetadata.social.twitter}`}\n        >\n          You should follow them on Twitter\n        </a>\n      </p>\n\n      {/* <p>\n        {data.site.siteMetadata.author.summary}\n        <a\n          className={author__bioTwitter}\n          href={`https://www.twitter.com/${data.site.siteMetadata.social.twitter}`}\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n        >\n          <strong>{data.site.siteMetadata.author.name}</strong> on Twitter\n        </a>\n      </p> */}\n    </div>\n  );\n};\n\nexport default Author;\n","// extracted by mini-css-extract-plugin\nexport const author = \"author-module--author--1WF4r\";\nexport const author__bioTwitter = \"author-module--author__bio-twitter--3Mluq\";","import React from \"react\";\nimport { content, content__title, content__body } from \"./content.module.scss\";\n\nconst Content = ({ body, title }) => (\n  <div className={content}>\n    <h1 className={content__title}>{title}</h1>\n    <div className={content__body} dangerouslySetInnerHTML={{ __html: body }} />\n  </div>\n);\n\nexport default Content;\n","// extracted by mini-css-extract-plugin\nexport const content = \"content-module--content--2idB-\";\nexport const content__title = \"content-module--content__title--w3zzy\";\nexport const content__body = \"content-module--content__body--6N7t7\";","import React from \"react\";\nimport { meta__date } from \"./meta.module.scss\";\n\nconst Meta = ({ date }) => (\n  <div>\n    <p className={meta__date}>Published {date}</p>\n  </div>\n);\n\nexport default Meta;\n","// extracted by mini-css-extract-plugin\nexport const meta__date = \"meta-module--meta__date--2khfM\";","import React from \"react\";\nimport { Link } from \"gatsby\";\nimport {\n  tags,\n  tags__list,\n  tags__listItem,\n  tags__listItemLink,\n} from \"./tags.module.scss\";\n\nconst Tags = ({ tags: tagsData, tagSlugs }) => (\n  <div className={tags}>\n    <ul className={tags__list}>\n      {tagSlugs &&\n        tagSlugs.map((slug, i) => (\n          <li className={tags__listItem} key={tagsData[i]}>\n            <Link to={slug} className={tags__listItemLink}>\n              {tagsData[i]}\n            </Link>\n          </li>\n        ))}\n    </ul>\n  </div>\n);\n\nexport default Tags;\n","// extracted by mini-css-extract-plugin\nexport const tags = \"tags-module--tags--3GdDT\";\nexport const tags__list = \"tags-module--tags__list--iQkTB\";\nexport const tags__listItem = \"tags-module--tags__list-item--21f5M\";\nexport const tags__listItemLink = \"tags-module--tags__list-item-link--3EYqo\";","import React from \"react\";\nimport { Link } from \"gatsby\";\nimport Author from \"./author\";\nimport Content from \"./content\";\nimport Meta from \"./meta\";\nimport Tags from \"./tags\";\nimport { post__homeButton, post__footer } from \"./post.module.scss\";\n\nconst Post = ({ html, title, date, tags, tagSlugs }) => {\n  return (\n    <article itemScope itemType=\"http://schema.org/Article\">\n      <header>\n        <Link className={post__homeButton} to=\"/\">\n          All Articles\n        </Link>\n      </header>\n\n      <section>\n        <Content body={html} title={title} />\n      </section>\n\n      <footer className={post__footer}>\n        <Meta date={date} />\n        <Tags tags={tags} tagSlugs={tagSlugs} />\n        <Author />\n      </footer>\n    </article>\n  );\n};\n\nexport default Post;\n","// extracted by mini-css-extract-plugin\nexport const post__footer = \"post-module--post__footer--2OhOs\";\nexport const post__homeButton = \"post-module--post__home-button--1P1Sz\";","import * as React from \"react\";\nimport { graphql } from \"gatsby\";\n\nimport Layout from \"../components/layout\";\nimport SeoHelmet from \"../components/seo-helmet\";\nimport Post from \"../components/post\";\n\nconst BlogPostTemplate = ({ data }) => {\n  const {\n    markdownRemark: {\n      html,\n      fields: { tagSlugs },\n      frontmatter: { title, date, description, tags },\n    },\n  } = data;\n\n  return (\n    <Layout>\n      <SeoHelmet title={title} description={description} />\n      <Post\n        html={html}\n        title={title}\n        date={date}\n        tags={tags}\n        tagSlugs={tagSlugs}\n      />\n    </Layout>\n  );\n};\n\nexport default BlogPostTemplate;\n\nexport const pageQuery = graphql`\n  query BlogPostBySlug($id: String!) {\n    markdownRemark(id: { eq: $id }) {\n      id\n      html\n      fields {\n        tagSlugs\n      }\n      frontmatter {\n        title\n        date(formatString: \"MMMM DD, YYYY\")\n        description\n        tags\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}