{"version":3,"sources":["webpack:///./src/components/Post/Author/Author.js","webpack:///./src/components/Post/Content/Content.js","webpack:///./src/components/Post/Tags/Tags.js","webpack:///./src/components/Post/Post.js","webpack:///./src/templates/post-template.js","webpack:///./src/components/Post/Content/Content.module.scss","webpack:///./src/components/Post/Tags/Tags.module.scss","webpack:///./src/components/Post/Author/Author.module.scss","webpack:///./src/components/Post/Post.module.scss","webpack:///./src/components/Post/Meta/Meta.module.scss","webpack:///./src/components/Post/Meta/Meta.js"],"names":["Author","author","useSiteMetadata","className","styles","bio","Content","body","title","dangerouslySetInnerHTML","__html","Tags","tags","tagSlugs","map","slug","i","key","to","Post","post","html","fields","readingTime","frontmatter","date","Meta","text","PostTemplate","data","siteTitle","siteSubtitle","subtitle","markdownRemark","postTitle","description","postDescription","socialImage","metaDescription","socialImageUrl","publicURL","Layout","module","exports","Date","toLocaleDateString","year","month","day"],"mappings":"gMAkBeA,EAZA,WAAO,IACZC,EAAWC,cAAXD,OAER,OACE,yBAAKE,UAAWC,IAAM,QACpB,uBAAGD,UAAWC,IAAM,aACjBH,EAAOI,O,qBCIDC,EAPC,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAMC,EAAT,EAASA,MAAT,OACd,yBAAKL,UAAWC,IAAM,SACpB,wBAAID,UAAWC,IAAM,gBAAqBI,GAC1C,yBAAKL,UAAWC,IAAM,cAAmBK,wBAAyB,CAAEC,OAAQH,O,iCCYjEI,EAdF,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAMC,EAAT,EAASA,SAAT,OACX,yBAAKV,UAAWC,IAAM,MACpB,wBAAID,UAAWC,IAAM,YAClBS,GAAYA,EAASC,KAAI,SAACC,EAAMC,GAAP,OACxB,wBAAIb,UAAWC,IAAO,mBAAoBa,IAAKL,EAAKI,IAClD,kBAAC,OAAD,CAAME,GAAIH,EAAMZ,UAAWC,IAAO,yBAC/BQ,EAAKI,W,qBCuBHG,EAzBF,SAAC,GAAqB,IAAnBC,EAAkB,EAAlBA,KACNC,EAASD,EAATC,KADwB,EAEQD,EAAKE,OAArCT,EAFwB,EAExBA,SAAgBU,GAFQ,EAEdR,KAFc,EAERQ,aAFQ,EAGFH,EAAKI,YAA3BZ,EAHwB,EAGxBA,KAAMJ,EAHkB,EAGlBA,MAAOiB,EAHW,EAGXA,KAErB,OACE,yBAAKtB,UAAWC,IAAM,MACpB,yBAAKD,UAAWC,IAAM,cACpB,kBAAC,OAAD,CAAMD,UAAWC,IAAO,qBAAsBc,GAAG,KAAjD,kBACA,kBAACQ,EAAA,EAAD,CAAMD,KAAMA,EAAMF,YAAaA,EAAYI,QAG7C,yBAAKxB,UAAWC,IAAM,eACpB,kBAAC,EAAD,CAASG,KAAMc,EAAMb,MAAOA,KAG9B,yBAAKL,UAAWC,IAAM,cACnBQ,GAAQC,GAAY,kBAAC,EAAD,CAAMD,KAAMA,EAAMC,SAAUA,IACjD,kBAAC,EAAD,SCqBOe,UAvCM,SAAC,GAAqB,IAAnBC,EAAkB,EAAlBA,KAAkB,EACa3B,cAAtC4B,EADyB,EAChCtB,MAA4BuB,EADI,EACdC,SAClBR,EAAgBK,EAAKI,eAArBT,YACOU,EAA8DV,EAArEhB,MAHgC,EAGqCgB,EAAnDW,YAAaC,OAHC,MAGiB,GAHjB,EAGqBC,EAAgBb,EAAhBa,YACvDC,EAAkBF,GAAmBL,EACrCQ,EAAiBF,aAAH,EAAGA,EAAaG,UAEpC,OACE,kBAACC,EAAA,EAAD,CAAQjC,MAAU0B,EAAL,MAAoBJ,EAAaK,YAAaG,EAAiBD,YAAaE,GACvF,kBAAC,EAAD,CAAMnB,KAAMS,EAAKI,oB,qBCtBvBS,EAAOC,QAAU,CAAC,QAAU,iCAAiC,eAAiB,wCAAwC,cAAgB,yC,qBCAtID,EAAOC,QAAU,CAAC,KAAO,2BAA2B,WAAa,iCAAiC,kBAAkB,sCAAsC,uBAAuB,6C,uBCAjLD,EAAOC,QAAU,CAAC,OAAS,+BAA+B,sBAAsB,8C,uBCAhFD,EAAOC,QAAU,CAAC,KAAO,2BAA2B,aAAe,mCAAmC,aAAe,mCAAmC,oBAAoB,0C,qBCA5KD,EAAOC,QAAU,CAAC,KAAO,6B,oHCgBVjB,EARF,SAAC,GAAD,IAAGD,EAAH,EAAGA,KAAMF,EAAT,EAASA,YAAT,OACX,yBAAKpB,UAAWC,IAAM,MACpB,0BAAMD,UAAWC,IAAM,YAAiB,IAAIwC,KAAKnB,GAAMoB,mBAAmB,QAAS,CAAEC,KAAM,UAAWC,MAAO,QAASC,IAAK,aAC3H,uCACA,0BAAM7C,UAAWC,IAAM,mBAAwBmB","file":"component---src-templates-post-template-js-06428bc9e15d1a79060e.js","sourcesContent":["// @flow strict\nimport React from 'react';\nimport { getContactHref } from '../../../utils';\nimport styles from './Author.module.scss';\nimport { useSiteMetadata } from '../../../hooks';\n\nconst Author = () => {\n  const { author } = useSiteMetadata();\n\n  return (\n    <div className={styles['author']}>\n      <p className={styles['author__bio']}>\n        {author.bio}\n      </p>\n    </div>\n  );\n};\n\nexport default Author;\n","// @flow strict\nimport React from 'react';\nimport styles from './Content.module.scss';\n\ntype Props = {\n  body: string,\n  title: string\n};\n\nconst Content = ({ body, title }: Props) => (\n  <div className={styles['content']}>\n    <h1 className={styles['content__title']}>{title}</h1>\n    <div className={styles['content__body']} dangerouslySetInnerHTML={{ __html: body }} />\n  </div>\n);\n\nexport default Content;\n","// @flow strict\nimport React from 'react';\nimport { Link } from 'gatsby';\nimport styles from './Tags.module.scss';\n\ntype Props = {\n  tags: string[],\n  tagSlugs: string[]\n};\n\nconst Tags = ({ tags, tagSlugs }: Props) => (\n  <div className={styles['tags']}>\n    <ul className={styles['tags__list']}>\n      {tagSlugs && tagSlugs.map((slug, i) => (\n        <li className={styles['tags__list-item']} key={tags[i]}>\n          <Link to={slug} className={styles['tags__list-item-link']}>\n            {tags[i]}\n          </Link>\n        </li>\n      ))}\n    </ul>\n  </div>\n);\n\nexport default Tags;\n","// @flow strict\nimport React from 'react';\nimport { Link } from 'gatsby';\nimport Author from './Author';\nimport Content from './Content';\nimport Meta from './Meta';\nimport Tags from './Tags';\nimport styles from './Post.module.scss';\nimport type { Node } from '../../types';\n\ntype Props = {\n  post: Node\n};\n\nconst Post = ({ post }: Props) => {\n  const { html } = post;\n  const { tagSlugs, slug, readingTime } = post.fields;\n  const { tags, title, date } = post.frontmatter;\n\n  return (\n    <div className={styles['post']}>\n      <div className={styles['post__header']}>\n        <Link className={styles['post__home-button']} to=\"/\">← All articles</Link>\n        <Meta date={date} readingTime={readingTime.text} />\n      </div>\n\n      <div className={styles['post__content']}>\n        <Content body={html} title={title} />\n      </div>\n\n      <div className={styles['post__footer']}>\n        {tags && tagSlugs && <Tags tags={tags} tagSlugs={tagSlugs} />}\n        <Author />\n      </div>\n\n    </div>\n  );\n};\n\nexport default Post;\n","// @flow strict\nimport React from 'react';\nimport { graphql } from 'gatsby';\nimport Layout from '../components/Layout';\nimport Post from '../components/Post';\nimport { useSiteMetadata } from '../hooks';\nimport type { MarkdownRemark } from '../types';\n\ntype Props = {\n  data: {\n    markdownRemark: MarkdownRemark\n  }\n};\n\nconst PostTemplate = ({ data }: Props) => {\n  const { title: siteTitle, subtitle: siteSubtitle } = useSiteMetadata();\n  const { frontmatter } = data.markdownRemark;\n  const { title: postTitle, description: postDescription = '', socialImage } = frontmatter;\n  const metaDescription = postDescription || siteSubtitle;\n  const socialImageUrl = socialImage?.publicURL;\n\n  return (\n    <Layout title={`${postTitle} - ${siteTitle}`} description={metaDescription} socialImage={socialImageUrl} >\n      <Post post={data.markdownRemark} />\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query PostBySlug($slug: String!) {\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      id\n      html\n      fields {\n        slug\n        tagSlugs\n        readingTime {\n          text\n        }\n      }\n      frontmatter {\n        date\n        description\n        tags\n        title\n        socialImage {\n          publicURL\n        }\n      }\n    }\n  }\n`;\n\nexport default PostTemplate;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"content\":\"Content-module--content--3p512\",\"content__title\":\"Content-module--content__title--2BDW9\",\"content__body\":\"Content-module--content__body--2TrQ-\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tags\":\"Tags-module--tags--1L_ct\",\"tags__list\":\"Tags-module--tags__list--91FqN\",\"tags__list-item\":\"Tags-module--tags__list-item--1M30P\",\"tags__list-item-link\":\"Tags-module--tags__list-item-link--3SL_8\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"author\":\"Author-module--author--2Yefr\",\"author__bio-twitter\":\"Author-module--author__bio-twitter--n-O9n\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"post\":\"Post-module--post--2ySQi\",\"post__header\":\"Post-module--post__header--2hKbi\",\"post__footer\":\"Post-module--post__footer--3WzWU\",\"post__home-button\":\"Post-module--post__home-button--16Kl0\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"meta\":\"Meta-module--meta--1XDVh\"};","// @flow strict\nimport React from 'react';\nimport styles from './Meta.module.scss';\n\ntype Props = {\n  date: string,\n  readingTime: string\n};\n\nconst Meta = ({ date, readingTime }: Props) => (\n  <div className={styles['meta']}>\n    <span className={styles['meta__date']}>{new Date(date).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' })}</span>\n    <span>&nbsp; • &nbsp;</span>\n    <span className={styles['meta__readingTime']}>{readingTime}</span>\n  </div>\n);\n\nexport default Meta;\n"],"sourceRoot":""}