{"version":3,"sources":["webpack://Stripe-portfolio/./src/components/Footer.tsx","webpack://Stripe-portfolio/./src/templates/tags.tsx"],"names":["Footer","css","outer","SiteFooter","inner","SiteFooterContent","className","cover","direction","duration","to","config","Date","getFullYear","SiteFooterNav","href","target","rel","setLightness","colors","pageContext","data","location","tag","edges","totalCount","allMarkdownRemark","lang","name","content","property","pathname","SiteHeader","SiteArchiveHeader","SiteNavMain","isHome","SiteHeaderBackground","id","SiteMain","PostFeed","map","node","key","fields","slug","post"],"mappings":"6OAaO,MAAMA,EAAmB,KAE5B,kBAAQC,IAAG,CAAGC,KAAOC,EAAV,SACT,eAAKF,IAAG,CAAGG,KAAOC,EAAV,SACN,mBAASC,UAAU,cACjB,QAAC,IAAD,CAASC,OAAK,EAACC,UAAU,OAAOC,SAAU,GAAKC,GAAG,KAC/CC,WACQ,IAHb,MAIU,IAAIC,MAAOC,cAAe,IACjCF,aACC,QAAC,IAAD,CAASJ,OAAK,EAACC,UAAU,OAAOC,SAAU,GAAKC,GAAG,KAC/CC,UADH,IACkBA,cAItB,QAACG,EAAD,KACGH,cACC,aAAGI,KAAMJ,YAAgBK,OAAO,SAASC,IAAI,uBAA7C,cAUNd,GAAaF,QAAH,iFAKAiB,QAAa,SAAUC,cALvB,QAQVd,EAAiB,qRAkBjBS,GAAa,kV,gJCoDnB,UA/Da,EAAGM,cAAaC,OAAMC,eACjC,MAAMC,EAAMH,EAAYG,IAAMH,EAAYG,IAAM,IAC1C,MAAEC,EAAF,WAASC,GAAeJ,EAAKK,kBAEnC,OACE,QAAC,IAAD,MACE,QAAC,IAAD,MACE,gBAAMC,KAAMhB,YACZ,qBACGY,EADH,MACWZ,YAEX,gBAAMiB,KAAK,cAAcC,QAAS,MAClC,gBAAMC,SAAS,eAAeD,QAASlB,aACvC,gBAAMmB,SAAS,UAAUD,QAAQ,aACjC,gBAAMC,SAAS,WAAWD,QAAU,GAAEN,OAASZ,eAC/C,gBAAMmB,SAAS,SAASD,QAASlB,YAAiBW,EAASS,YAC3D,gBAAMH,KAAK,eAAeC,QAAQ,yBAClC,gBAAMD,KAAK,gBAAgBC,QAAU,GAAEN,OAASZ,eAChD,gBAAMiB,KAAK,cAAcC,QAASlB,YAAiBW,EAASS,WAC3DpB,cACC,gBACEiB,KAAK,eACLC,QAAU,IAAGlB,kBAAqB,wBAAwB,SAIhE,QAAC,IAAD,MACE,kBAAQL,UAAU,sBAAsBL,IAAG,CAAG+B,KAAYC,KAAf,SACzC,eAAKhC,IAAG,CAAGC,KAAOgC,KAAV,SACN,eAAKjC,IAAKG,OACR,QAAC,IAAD,CAAS+B,QAAQ,OAGrB,QAAC,KAAD,CAA4BlC,IAAG,CAAGC,KAAOkC,KAAV,SAC7B,QAAC,KAAD,CAAmBnC,IAAKG,KAAOE,UAAU,wBACvC,QAAC,KAAD,CAAWA,UAAU,cAAciB,IACnC,QAAC,KAAD,CAAiBjB,UAAU,qBAEvB,2CACmBmB,EAAa,GAAM,GAAEA,UACtB,IAAfA,GAAoB,SACL,IAAfA,GAAoB,iBAOjC,gBAAMY,GAAG,YAAYpC,IAAG,CAAGqC,KAAUpC,KAAb,SACtB,eAAKD,IAAKG,OACR,eAAKH,IAAG,CAAGsC,KAAH,QACLf,EAAMgB,KAAI,EAAGC,WACZ,QAAC,IAAD,CAAUC,IAAKD,EAAKE,OAAOC,KAAMC,KAAMJ,UAK/C,QAAC,IAAD","file":"component---src-templates-tags-tsx-6bcbf131c171784bba41.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 AniLink from 'gatsby-plugin-transition-link/AniLink';\n\nimport { colors } from '../styles/colors';\nimport { fontSize } from '../styles/fontSize';\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          <AniLink cover direction=\"left\" duration={0.6} to=\"/\">\n            {config.title}\n          </AniLink>{' '}\n          &copy; {new Date().getFullYear()}{' '}\n          {config.footer && (\n            <AniLink cover direction=\"left\" duration={0.6} to=\"/\">\n              {config.title} {config.footer}\n            </AniLink>\n          )}\n        </section>\n        <SiteFooterNav>\n          {config.twitter && (\n            <a href={config.twitter} target=\"_blank\" rel=\"noopener noreferrer\">\n              Twitter\n            </a>\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  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 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\n  return (\n    <IndexLayout>\n      <Helmet>\n        <html lang={config.lang} />\n        <title>\n          {tag} - {config.title}\n        </title>\n        <meta name=\"description\" content={''} />\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        <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 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 css={[outer, SiteHeaderBackground]}>\n            <SiteHeaderContent css={inner} className=\"site-header-content\">\n              <SiteTitle className=\"site-title\">{tag}</SiteTitle>\n              <SiteDescription className=\"site-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    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          }\n          fields {\n            readingTime {\n              text\n            }\n            layout\n            slug\n          }\n        }\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}