{"version":3,"sources":["webpack://gatsby-casper/./src/components/Footer.tsx","webpack://gatsby-casper/./src/templates/tags.tsx"],"names":["Footer","css","outer","SiteFooter","inner","SiteFooterContent","className","to","config","Date","getFullYear","SiteFooterNav","href","target","rel","setLightness","colors","pageContext","data","location","tag","edges","totalCount","allMarkdownRemark","tagData","allTagYaml","find","n","node","id","toLowerCase","lang","name","content","description","property","pathname","SiteHeader","SiteArchiveHeader","SiteNavMain","isHome","SiteHeaderBackground","backgroundImage","image","childImageSharp","fluid","src","SiteMain","PostFeed","map","key","fields","slug","post"],"mappings":"0OAUO,MAAMA,EAAmB,KAE5B,kBAAQC,IAAG,CAAGC,KAAOC,EAAV,SACT,eAAKF,IAAG,CAAGG,KAAOC,EAAV,SACN,mBAASC,UAAU,cACjB,QAAC,KAAD,CAAMC,GAAG,KAAKC,WADhB,OAC6C,IAAIC,MAAOC,cAAe,IACpEF,aACC,QAAC,KAAD,CAAMD,GAAG,KAAT,KACKC,UADL,IACoBA,cAIxB,QAACG,EAAD,MACE,QAAC,KAAD,CAAMJ,GAAG,KAAT,mBACCC,eACC,aAAGI,KAAMJ,aAAiBK,OAAO,SAASC,IAAI,uBAA9C,YAIDN,cACC,aAAGI,KAAMJ,YAAgBK,OAAO,SAASC,IAAI,uBAA7C,cAWNX,GAAaF,QAAH,iFAKAc,QAAa,SAAUC,cALvB,QAQVX,EAAiB,qSAmBjBM,GAAa,kV,gJC+DnB,UA5Ea,EAAGM,cAAaC,OAAMC,eAAkC,IAAD,QAClE,MAAMC,EAAMH,EAAYG,IAAMH,EAAYG,IAAM,IAC1C,MAAEC,EAAF,WAASC,GAAeJ,EAAKK,kBAC7BC,EAAUN,EAAKO,WAAWJ,MAAMK,MACpCC,GAAKA,EAAEC,KAAKC,GAAGC,gBAAkBV,EAAIU,gBAGvC,OACE,QAAC,IAAD,MACE,QAAC,IAAD,MACE,gBAAMC,KAAMvB,YACZ,qBACGY,EADH,MACWZ,YAEX,gBAAMwB,KAAK,cAAcC,QAAST,WAASI,KAAOJ,EAAQI,KAAKM,YAAc,MAC7E,gBAAMC,SAAS,eAAeF,QAASzB,aACvC,gBAAM2B,SAAS,UAAUF,QAAQ,aACjC,gBAAME,SAAS,WAAWF,QAAU,GAAEb,OAASZ,eAC/C,gBAAM2B,SAAS,SAASF,QAASzB,YAAiBW,EAASiB,WAC1D5B,eAAmB,gBAAM2B,SAAS,oBAAoBF,QAASzB,gBAChE,gBAAMwB,KAAK,eAAeC,QAAQ,yBAClC,gBAAMD,KAAK,gBAAgBC,QAAU,GAAEb,OAASZ,eAChD,gBAAMwB,KAAK,cAAcC,QAASzB,YAAiBW,EAASiB,WAC3D5B,cACC,gBACEwB,KAAK,eACLC,QAAU,IAAGzB,kBAAqB,wBAAwB,SAIhE,QAAC,IAAD,MACE,kBACEF,UAAU,sBACVL,IAAG,CAAGoC,KAAYC,KAAf,SAEH,eAAKrC,IAAG,CAAGC,KAAOqC,KAAV,SACN,eAAKtC,IAAKG,OACR,QAAC,IAAD,CAASoC,QAAQ,OAGrB,QAAC,KAAD,CACEvC,IAAG,CAAGC,KAAOuC,KAAV,OACHC,gBAAiBlB,SAAF,UAAEA,EAASI,YAAX,iBAAE,EAAee,aAAjB,iBAAE,EAAsBC,uBAAxB,iBAAE,EAAuCC,aAAzC,aAAE,EAA8CC,IAC/DxC,UAAU,2BAEV,QAAC,KAAD,CAAmBL,IAAKG,KAAOE,UAAU,wBACvC,QAAC,KAAD,CAAWA,UAAU,cAAcc,IACnC,QAAC,KAAD,CAAiBd,UAAU,oBACxBkB,WAASI,KAAKM,YACbV,EAAQI,KAAKM,aAEb,2CACmBZ,EAAa,GAAM,GAAEA,UACtB,IAAfA,GAAoB,SACL,IAAfA,GAAoB,iBAOjC,gBAAMO,GAAG,YAAY5B,IAAG,CAAG8C,KAAU7C,KAAb,SACtB,eAAKD,IAAKG,OACR,eAAKH,IAAG,CAAG+C,KAAH,QACL3B,EAAM4B,KAAI,EAAGrB,WACZ,QAAC,KAAD,CAAUsB,IAAKtB,EAAKuB,OAAOC,KAAMC,KAAMzB,UAK/C,QAAC,IAAD","file":"component---src-templates-tags-tsx-32c08ee41b7e2ee36946.js","sourcesContent":["import { Link } from 'gatsby';\nimport { setLightness } from 'polished';\nimport React from 'react';\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/react';\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=\"/\">Najnowsze wpisy</Link>\n          {config.facebook && (\n            <a href={config.facebook} target=\"_blank\" rel=\"noopener noreferrer\">\n              Facebook\n            </a>\n          )}\n          {config.twitter && (\n            <a href={config.twitter} target=\"_blank\" rel=\"noopener noreferrer\">\n              Twitter\n            </a>\n          )}\n\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\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 TagTemplateProps {\n  location: Location;\n  pageContext: {\n    tag: string;\n  };\n  data: {\n    allTagYaml: {\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}\n\nconst Tags = ({ pageContext, data, location }: TagTemplateProps) => {\n  const tag = pageContext.tag ? pageContext.tag : '';\n  const { edges, totalCount } = data.allMarkdownRemark;\n  const tagData = data.allTagYaml.edges.find(\n    n => n.node.id.toLowerCase() === tag.toLowerCase(),\n  );\n\n  return (\n    <IndexLayout>\n      <Helmet>\n        <html lang={config.lang} />\n        <title>\n          {tag} - {config.title}\n        </title>\n        <meta name=\"description\" content={tagData?.node ? tagData.node.description : ''} />\n        <meta property=\"og:site_name\" content={config.title} />\n        <meta property=\"og:type\" content=\"website\" />\n        <meta property=\"og:title\" content={`${tag} - ${config.title}`} />\n        <meta property=\"og:url\" content={config.siteUrl + location.pathname} />\n        {config.facebook && <meta property=\"article:publisher\" content={config.facebook} />}\n        <meta name=\"twitter:card\" content=\"summary_large_image\" />\n        <meta name=\"twitter:title\" content={`${tag} - ${config.title}`} />\n        <meta name=\"twitter:url\" content={config.siteUrl + location.pathname} />\n        {config.twitter && (\n          <meta\n            name=\"twitter:site\"\n            content={`@${config.twitter.split('https://twitter.com/')[1]}`}\n          />\n        )}\n      </Helmet>\n      <Wrapper>\n        <header\n          className=\"site-archive-header\"\n          css={[SiteHeader, SiteArchiveHeader]}\n        >\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={tagData?.node?.image?.childImageSharp?.fluid?.src}\n            className=\"site-header-background\"\n          >\n            <SiteHeaderContent css={inner} className=\"site-header-content\">\n              <SiteTitle className=\"site-title\">{tag}</SiteTitle>\n              <SiteDescription className=\"site-description\">\n                {tagData?.node.description ? (\n                  tagData.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 Tags;\n\nexport const pageQuery = graphql`\n  query($tag: String) {\n    allTagYaml {\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: { tags: { in: [$tag] }, draft: { ne: true } } }\n    ) {\n      totalCount\n      edges {\n        node {\n          excerpt\n          frontmatter {\n            title\n            excerpt\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            readingTime {\n              text\n            }\n            layout\n            slug\n          }\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}