{"version":3,"sources":["webpack:///./src/components/Footer.tsx","webpack:///./src/templates/categories.tsx"],"names":["Footer","css","outer","SiteFooter","inner","SiteFooterContent","className","to","config","title","Date","getFullYear","SiteFooterNav","href","setLightness","colors","darkgrey","Categories","props","category","pageContext","edges","totalCount","data","allMarkdownRemark","categoryData","allCategoryYaml","find","n","node","id","toLowerCase","lang","name","content","description","property","siteUrl","pathContext","slug","SiteHeader","SiteArchiveHeader","SiteNavMain","isHome","SiteHeaderBackground","backgroundImage","image","childImageSharp","fluid","src","SiteMain","PostFeed","map","key","fields","post","pageQuery"],"mappings":"8OAUO,MAAMA,EAAmB,IAE5B,sBAAQC,IAAG,YAAE,CAACC,IAAOC,KACnB,mBAAKF,IAAG,YAAE,CAACG,IAAOC,KAChB,uBAASC,UAAU,aACjB,YAAC,IAAD,CAAMC,GAAG,KAAKC,IAAOC,OADvB,OAC6C,IAAIC,MAAOC,cAAe,KAOvE,YAACC,EAAD,KACE,YAAC,IAAD,CAAML,GAAG,KAAT,gBACA,iBAAGM,KAAK,YAAR,UAOJV,EAAaF,YAAH,gFAKAa,YAAa,SAAUC,IAAOC,UAL9B,KAQVX,EAAoB,CAAH,2RAmBjBO,EAAgB,mBAAH,oBAAG,CAAH,8S,oOCoEJK,UArEqCC,IAAS,YAC3D,MAAMC,EAAWD,EAAME,YAAYD,SAAWD,EAAME,YAAYD,SAAW,IACrE,MAAEE,EAAF,WAASC,GAAeJ,EAAMK,KAAKC,kBACnCC,EAAeP,EAAMK,KAAKG,gBAAgBL,MAAMM,KACpDC,GAAKA,EAAEC,KAAKC,GAAGC,gBAAkBZ,EAASY,eAG5C,OACE,YAAC,IAAD,KACE,YAAC,IAAD,KACE,oBAAMC,KAAMxB,IAAOwB,OACnB,yBACGb,EADH,MACgBX,IAAOC,OAEvB,oBACEwB,KAAK,cACLC,SAAST,aAAA,EAAAA,EAAcI,MAAOJ,EAAaI,KAAKM,YAAc,KAEhE,oBAAMC,SAAS,eAAeF,QAAS1B,IAAOC,QAC9C,oBAAM2B,SAAS,UAAUF,QAAQ,YACjC,oBAAME,SAAS,WAAWF,QAAU,GAAEf,OAAcX,IAAOC,UAC3D,oBAAM2B,SAAS,SAASF,QAAS1B,IAAO6B,QAAUnB,EAAMoB,YAAYC,OACpE,oBAAMN,KAAK,eAAeC,QAAQ,wBAClC,oBAAMD,KAAK,gBAAgBC,QAAU,GAAEf,OAAcX,IAAOC,UAC5D,oBAAMwB,KAAK,cAAcC,QAAS1B,IAAO6B,QAAUnB,EAAMoB,YAAYC,QAEvE,YAAC,IAAD,KACE,sBAAQjC,UAAU,sBAAsBL,IAAG,YAAE,CAACuC,IAAYC,OACxD,mBAAKxC,IAAG,YAAE,CAACC,IAAOwC,OAChB,mBAAKzC,IAAKG,KACR,YAAC,IAAD,CAASuC,QAAQ,MAGrB,YAAC,IAAD,CACE1C,IAAG,YAAE,CAACC,IAAO0C,MACbC,gBAAiBpB,SAAF,UAAEA,EAAcI,YAAhB,iBAAE,EAAoBiB,aAAtB,iBAAE,EAA2BC,uBAA7B,iBAAE,EAA4CC,aAA9C,aAAE,EAAmDC,IACpE3C,UAAU,0BAEV,YAAC,IAAD,CAAmBL,IAAKG,IAAOE,UAAU,uBACvC,YAAC,IAAD,CAAWA,UAAU,cAAca,GACnC,YAAC,IAAD,CAAiBb,UAAU,qBACxBmB,aAAA,EAAAA,EAAcI,KAAKM,aAClBV,EAAaI,KAAKM,YAElB,iDACmBb,EAAa,GAAQA,EAAF,SACpB,IAAfA,GAAoB,SACL,IAAfA,GAAoB,gBAOjC,oBAAMQ,GAAG,YAAY7B,IAAG,YAAE,CAACiD,IAAUhD,OACnC,mBAAKD,IAAKG,KACR,mBAAKH,IAAG,YAAE,CAACkD,OACR9B,EAAM+B,IAAI,EAAGvB,UACZ,YAAC,IAAD,CAAUwB,IAAKxB,EAAKyB,OAAOf,KAAMgB,KAAM1B,QAK/C,YAAC,IAAD,SAQD,MAAM2B,EAAY","file":"component---src-templates-categories-tsx-096687c5fd5b2d76892a.js","sourcesContent":["import { Link } from 'gatsby';\nimport { setLightness } from 'polished';\nimport React from 'react';\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/core';\n\nimport { colors } from '../styles/colors';\nimport { outer, inner } from '../styles/shared';\nimport config from '../website-config';\n\nexport const Footer: React.FC = () => {\n  return (\n    <footer css={[outer, SiteFooter]}>\n      <div css={[inner, SiteFooterContent]}>\n        <section className=\"copyright\">\n          <Link to=\"/\">{config.title}</Link> &copy; {new Date().getFullYear()}{' '}\n          {/* {config.footer && (\n            <Link to=\"/\">\n              | {config.title} {config.footer}\n            </Link>\n          )} */}\n        </section>\n        <SiteFooterNav>\n          <Link to=\"/\">Latest Posts</Link>\n          <a href=\"/rss.xml\">RSS</a>\n        </SiteFooterNav>\n      </div>\n    </footer>\n  );\n};\n\nconst SiteFooter = css`\n  position: relative;\n  padding-top: 20px;\n  padding-bottom: 60px;\n  color: #fff;\n  background: ${setLightness('0.0015', colors.darkgrey)};\n`;\n\nconst SiteFooterContent = css`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  color: rgba(255, 255, 255, 0.7);\n  font-size: 1.3rem;\n  a {\n    color: rgba(255, 255, 255, 0.7);\n  }\n  a:hover {\n    color: rgba(255, 255, 255, 1);\n    text-decoration: none;\n  }\n  @media (max-width: 650px) {\n    flex-direction: column;\n  }\n`;\n\nconst SiteFooterNav = styled.nav`\n  display: flex;\n\n  a {\n    position: relative;\n    margin-left: 20px;\n  }\n\n  a:before {\n    content: '';\n    position: absolute;\n    top: 11px;\n    left: -11px;\n    display: block;\n    width: 2px;\n    height: 2px;\n    background: #fff;\n    border-radius: 100%;\n  }\n\n  a:first-of-type:before {\n    display: none;\n  }\n  @media (max-width: 650px) {\n    a:first-of-type {\n      margin-left: 0;\n    }\n  }\n`;\n","import { graphql } from 'gatsby';\nimport React from 'react';\nimport { FluidObject } from 'gatsby-image';\n\nimport { Footer } from '../components/Footer';\nimport SiteNav from '../components/header/SiteNav';\nimport { PostCard } from '../components/PostCard';\nimport { Wrapper } from '../components/Wrapper';\nimport IndexLayout from '../layouts';\nimport {\n  inner,\n  outer,\n  PostFeed,\n  SiteDescription,\n  SiteHeader,\n  SiteHeaderContent,\n  SiteMain,\n  SiteTitle,\n  SiteNavMain,\n  SiteArchiveHeader,\n  ResponsiveHeaderBackground,\n  SiteHeaderBackground,\n} from '../styles/shared';\nimport { PageContext } from './post';\nimport { Helmet } from 'react-helmet';\nimport config from '../website-config';\n\ninterface CategoryTemplateProps {\n  pathContext: {\n    slug: string;\n  };\n  pageContext: {\n    tag: string;\n    category: string;\n  };\n  data: {\n    allCategoryYaml: {\n      edges: Array<{\n        node: {\n          id: string;\n          description: string;\n          image?: {\n            childImageSharp: {\n              fluid: FluidObject;\n            };\n          };\n        };\n      }>;\n    };\n    allMarkdownRemark: {\n      totalCount: number;\n      edges: Array<{\n        node: PageContext;\n      }>;\n    };\n  };\n}\nconst Categories: React.FC<CategoryTemplateProps> = props => {\n  const category = props.pageContext.category ? props.pageContext.category : '';\n  const { edges, totalCount } = props.data.allMarkdownRemark;\n  const categoryData = props.data.allCategoryYaml.edges.find(\n    n => n.node.id.toLowerCase() === category.toLowerCase(),\n  );\n\n  return (\n    <IndexLayout>\n      <Helmet>\n        <html lang={config.lang} />\n        <title>\n          {category} - {config.title}\n        </title>\n        <meta\n          name=\"description\"\n          content={categoryData?.node ? categoryData.node.description : ''}\n        />\n        <meta property=\"og:site_name\" content={config.title} />\n        <meta property=\"og:type\" content=\"website\" />\n        <meta property=\"og:title\" content={`${category} - ${config.title}`} />\n        <meta property=\"og:url\" content={config.siteUrl + props.pathContext.slug} />\n        <meta name=\"twitter:card\" content=\"summary_large_image\" />\n        <meta name=\"twitter:title\" content={`${category} - ${config.title}`} />\n        <meta name=\"twitter:url\" content={config.siteUrl + props.pathContext.slug} />\n      </Helmet>\n      <Wrapper>\n        <header className=\"site-archive-header\" css={[SiteHeader, SiteArchiveHeader]}>\n          <div css={[outer, SiteNavMain]}>\n            <div css={inner}>\n              <SiteNav isHome={false} />\n            </div>\n          </div>\n          <ResponsiveHeaderBackground\n            css={[outer, SiteHeaderBackground]}\n            backgroundImage={categoryData?.node?.image?.childImageSharp?.fluid?.src}\n            className=\"site-header-background\"\n          >\n            <SiteHeaderContent css={inner} className=\"site-header-content\">\n              <SiteTitle className=\"site-title\">{category}</SiteTitle>\n              <SiteDescription className=\"site-description\">\n                {categoryData?.node.description ? (\n                  categoryData.node.description\n                ) : (\n                  <>\n                    A collection of {totalCount > 1 && `${totalCount} posts`}\n                    {totalCount === 1 && '1 post'}\n                    {totalCount === 0 && 'No posts'}\n                  </>\n                )}\n              </SiteDescription>\n            </SiteHeaderContent>\n          </ResponsiveHeaderBackground>\n        </header>\n        <main id=\"site-main\" css={[SiteMain, outer]}>\n          <div css={inner}>\n            <div css={[PostFeed]}>\n              {edges.map(({ node }) => (\n                <PostCard key={node.fields.slug} post={node} />\n              ))}\n            </div>\n          </div>\n        </main>\n        <Footer />\n      </Wrapper>\n    </IndexLayout>\n  );\n};\n\nexport default Categories;\n\nexport const pageQuery = graphql`\n  query($category: String) {\n    allCategoryYaml {\n      edges {\n        node {\n          id\n          description\n          image {\n            childImageSharp {\n              fluid(maxWidth: 3720) {\n                ...GatsbyImageSharpFluid\n              }\n            }\n          }\n        }\n      }\n    }\n    allMarkdownRemark(\n      limit: 2000\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: { frontmatter: { category: { in: [$category] }, draft: { ne: true } } }\n    ) {\n      totalCount\n      edges {\n        node {\n          excerpt\n          timeToRead\n          frontmatter {\n            title\n            excerpt\n            category\n            tags\n            date\n            image {\n              childImageSharp {\n                fluid(maxWidth: 1240) {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n            author {\n              id\n              bio\n              avatar {\n                children {\n                  ... on ImageSharp {\n                    fluid(quality: 100, srcSetBreakpoints: [40, 80, 120]) {\n                      ...GatsbyImageSharpFluid\n                    }\n                  }\n                }\n              }\n            }\n          }\n          fields {\n            layout\n            slug\n          }\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}