component---src-templates-tags-js-e9e568374c590ed1a9b0.js.map

{"version":3,"sources":["webpack:///./src/components/Hero.js","webpack:///./src/components/Flag/fr-flag.png","webpack:///./src/components/Flag/uk-flag.png","webpack:///./src/templates/tags.js","webpack:///./src/components/TagList.js","webpack:///./src/components/PostsListItem.js","webpack:///./src/components/PostsList.js","webpack:///./src/components/Flag/Flag.js"],"names":["Container","styled","HeroImage","Trees","TitleContainer","Title","props","style","backgroundImage","module","exports","PageTitle","Tags","render","pageTitle","this","pageContext","posts","data","location","title","tag","React","Component","pageQuery","ListContainer","colors","TagListItemLink","TagListItem","TagList","tags","noLink","key","i","to","Post","ReadPost","PostHeader","Excerpt","PostTitleLink","FooterLine","excerpt","slug","language","timeToRead","defaultLang","useSiteMetadata","dangerouslySetInnerHTML","__html","min","aria-label","post","FlagImage","Flag","img","alt","src","className"],"mappings":"8FAAA,qCAGMA,EAAYC,IAAH,0EAAGA,CAAH,CAAf,2CAMMC,EAAYD,IAAH,0EAAGA,CAAH,CAAf,0LAcME,EAAQF,IAAH,sEAAGA,CAAH,CAAX,oKAYMG,EAAiBH,IAAH,+EAAGA,CAAH,CAApB,sHAWMI,EAAQJ,IAAH,qEAAGA,CAAH,CAAX,6GAqBA,IAba,SAAAK,GACX,OACE,yBACE,qBAAWC,MAAO,CAAEC,gBAAgB,QAAUF,EAAX,eACjC,yBACE,yBAAQA,EAHd,SAME,qBAAOC,MAAO,CAAEC,gBAAgB,QAASF,EAAV,oB,mBC9DrCG,EAAOC,QAAU,s3B,mBCAjBD,EAAOC,QAAU,06C,gMCUXC,EAAYV,IAAH,wEAAGA,CAAH,CAAf,yBAIMW,E,kGACJC,kBACE,IAAMC,EAAS,IAAOC,KAAKT,MAAMU,YAAjC,IACMC,EAAQF,KAAKT,MAAMY,KAAKD,MAA9B,MAEA,OACE,uBAAQE,SAAUJ,KAAKT,MAAMa,UAC3B,uBAAKC,MAAK,qBAAuBL,KAAKT,MAAMU,YAAYK,MACxD,uBAAMD,MAAON,IAEb,2BACE,4CAA4BC,KAAKT,MAAMU,YADzC,KAEE,uBAAWC,MAAOA,O,GAZTK,IAAMC,WAmBzB,YAEO,IAAMC,EAAN,c,2GC9BDC,EAAgBxB,IAAH,6EAAGA,CAAH,8BAERyB,IAFX,cAKMC,EAAkB1B,YAAH,mFAAGA,CAAH,4IAEVyB,IAFU,aASWA,IAThC,WAgBME,EAAc3B,IAAH,4EAAGA,CAAH,sGAENyB,IAFX,cAWMG,E,kGACJhB,kBAAU,IAAD,EACkBE,KADlB,MACCe,EADD,OACOC,EADP,SAGP,OACE,yBACGD,EAAA,KAAS,cACR,OACE,8BAAUE,IAAG,YAAcC,IACvBF,GACA,qBAAiBG,GAAE,SAAWb,GAFlC,GAIGU,GAAU,qBAAaG,GAAE,SAAWb,GAJvC,GAKGY,EAAIH,SAAJG,OANL,S,GAPYX,IAAMC,WAsB5B,O,iJClDMY,EAAOlC,IAAH,kFAAGA,CAAH,CAAV,0EAKMmC,EAAWnC,YAAH,sFAAGA,CAAH,iOASHyB,IATG,QAYUA,IAZV,aAcDA,IAdb,cAkBMW,EAAapC,IAAH,uFAAGA,CAAH,CAAhB,mBAIMqC,EAAUrC,IAAH,+EAAGA,CAAH,CAAb,2CAKMsC,EAAgBtC,YAAH,2FAAGA,CAAH,qDACRyB,IADQ,QAGaA,IAHhC,SAOMc,EAAavC,IAAH,oFAAGA,CAAH,+BACLyB,IADX,WAqCA,EAhCsB,SAAApB,GAAU,IACtBc,EAAqDd,EADhC,MACdmC,EAA8CnC,EADhC,QACLoC,EAAqCpC,EADhC,KACCqC,EAA+BrC,EADhC,SACWwB,EAAqBxB,EADhC,KACiBsC,EAAetC,EADhC,WAErBuC,EAAgBC,cAFK,YAI7B,OACE,yBACE,yBACE,4BACE,qBAAeZ,GAAE,SAAWQ,GACzBG,OAA4B,uBAAMF,SAAUA,IAJrD,KAUE,iCACE,qBAASI,wBAAyB,CAAEC,OAAQP,MAG9C,gCACE,yBACE,uBAAaQ,IAAKL,IAClB,sBAFF,MAGE,uBAASd,KAAMA,KAEjB,qBAAUI,GAAE,SAAZ,EAA+BgB,aAAA,sBArBrC,wBCjCF,IAnBkB,SAAC,GAAe,IAAbjC,EAAY,EAAZA,MACX4B,EAAgBC,cADO,YAG/B,OACE,kCACG7B,EAAA,KAAU,SAAAkC,GACT,IAAM7C,EAAQ,CACZc,MAAO+B,mBADK,MAEZV,QAASU,OAFG,QAGZT,KAAMS,mBAHM,KAIZP,WAAYO,OAJA,WAKZR,SAAUQ,6BALE,EAMZrB,KAAMqB,yBAA8B,IAEtC,OAAO,mCAAenB,IAAK1B,EAAMoC,MAAjC,U,6HCdFU,EAAYnD,IAAH,0EAAGA,CAAH,CAAf,gDAKMoD,E,kGACJxC,kBAAU,IACA8B,EAAa5B,KADd,eAEDuC,EAAMX,aAAZ,IACMY,EAAMZ,wBAAZ,mBAEA,OAAO,qBAAWa,IAAX,EAAqBD,IAArB,EAA+BE,UAAU,U,GANjCnC,IAAMC,WAUzB","file":"component---src-templates-tags-js-e9e568374c590ed1a9b0.js","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\n\nconst Container = styled.div`\n  width: 100%;\n  margin: 0 auto;\n  height: 500px;\n`\n\nconst HeroImage = styled.div`\nposition: absolute; \n  width: 100%;\n  height: 500px;\n  max-width: 1140px;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  overflow: hidden;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n`\n\nconst Trees = styled.div`\n  position: absolute;\n  max-width: 2070px;\n  width: 100%;\n  height: 500px;\n  margin: 0 auto;\n  background-repeat: repeat-x;\n  background-position: center;\n  background-size: cover;\n  z-index: 1;\n`\n\nconst TitleContainer = styled.div`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  text-align: center;\n  width: 100%;\n  vertical-align: bottom;\n  padding-bottom: 32px;\n`\n\nconst Title = styled.h1`\n  font-weight: 700;\n  font-size: 32sp;\n  margin: 10px 50px;\n  color: white;\n  text-shadow: 1px 1px 4px rgba(34, 34, 34, 0.85);\n`\n\nconst Hero = props => {\n  return (\n    <Container>    \n      <HeroImage style={{ backgroundImage: `url(\"${ props.heroImg}\")` }}>\n        <TitleContainer>\n          <Title>{props.title}</Title>\n        </TitleContainer>\n      </HeroImage>\n      <Trees style={{ backgroundImage: `url(\"${props.treesImg}\")` }}/>\n    </Container>\n  )\n}\n\nexport default Hero\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAKnRFWHRDcmVhdGlvbiBUaW1lAEZyIDkgTm92IDIwMDcgMTY6Mjc6MDYgKzAxMDAM3ZqdAAAAB3RJTUUH1wsJDxwzm8yD2gAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAAHdSURBVHjaxVO7btRAFD3zsNdxQIqQqBYk6ghR0tLxDXwCn8HX0BGlo6JCKAqCIlVCkCjQLgkgxbDB67XnlXPHRvsJGWs04/F53ZkxcNtNvXj5arG7uzf3KfJNIUSFh/dn2H9Qc564pABj0Z98hPt6CsVHyzoCrv6tl/bO3Xvzx0+fw0cveugp8ORRjWf7e1lAmi5naKuAHh2QSI4RpQbeHBzOrSfIBQ/vAzWRE8jcDQNCQk4g3TtinMtkEUHfIaxW0OIqa55rMTEYu3xXWm/r1AYZ5AYolqoJ6D4dU1jDCjFkMrskoFukKG2ys56EFEkyC38abE4+w1z/heU3K0Q/OUchp0zNxCCuU+sX37F69xZYt9CmQDHKUYDwQMPIONpo9A5o2gH9ZoPBjwKm5h78/glcs+ayylQtpyOjQFLS2fnovMHrDz9wftEixTACJKY1HFUmZbIk5GM4WkWyI/bg+AJD0CjKAmVhMlFPpchmaWUm4v8+HrElAu/Pmnz+RWmReGmU2QoYmRsRQHYdE2CbYMOaF51HOWNt1iJSoODFqeSd9YlAUe2g4+gVpjI0ZmoUspe/Lpfdqpk7cWH0QN0zVeOwqxnSjJtYVWi/fEO/DlDWZ2chX4W0vO1/EbgBHTnbxGOMU+UAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAPASURBVDhPrZT7TxxVFMc/d/Y1wA60gEXwgSU1ViJiJSZqahpqm2jQNlRSHyhRa6wG2kTSpK3v2BptoyRorJi2IaLlF/qyoTU0sRAClDaKRqQ0qShElkJBdpd9z+7seGfQ+A9wkjvn3jnn3Pu93/PNFaY0lsiUf/2SmNATuqm4XYyPTRMOJ3C7nXbAMNLkF2STEw+RXAjjyvYSVDXmZhZwOBYx6HoKrWA5N4dmEZoXMflFi1m4YT2B4jtp2ncKny9IVpZKPK5TXfswlROXmb84RO5DFXQXP8CpYwOoqptoTOeWu4p4uUQn9/pfOJ7dgjJcupZIbz/qd8fZv7+aqk33EgpF5bkmQsivIqwZpviPWpNQIsnjm8p5S7tGocckZ8d2Bn6ZRLnUe5U9v+cSy9QI7H2Xmur7adxbJRHOEgrrSAikg0GIxQlHdK4vJNi5tZSNF9pQn6jC/WQV9fXfcrFvDCUm4fZ3DbPxkxEGVz2C75k6ykWAr1q3k6llkAyESM3NkwyG8OZnc2BdFsUnW1nW/CndvjQVFR/QNzBBTKJlzh8wdcM0o3raDOiWUEzTiEQWJ9Imd71njq5Zb3vbov/H/OGEXWfVW/uI0Z17TPObE5DhwVKcrTqLq/QiR44cDeGRsUQCQ6ITiiJzFhMVyafFq4SFeOEpFKtG98trzAdJ+YMYATmkTwcX7JGamSXpm7K9tTb8AdIyx47JPKvOqk/LzcVky1Ezs6cP0+0mlTSIRHWE1J1wyWEYhAd/InVjDueKfLwPVmDEJQrVIxEpqMLA5XJYgiNWuRZx4tzP5pU/YkQjCQqLNHY8Lwtm5zC+78JdV8vE1m3Mdxwnt6aG4o6j9tXDXd14VAfHnKu52j+CV+qytCQDh4uy95sPHGFqPETrkTpibe0kG17jHXMNpy/N8ljoCoHh31hx3z00/qhwvvMymxs246t/g1u7z/LZjTy+bjqMW3hQIpEYr7xey9i1j1l4cRuJM508V9ZIU8sZ8papiLSFRfIhuc3P1/i8uZ11lQe5/exJbpOkn5s4xJu7X0J3ulD2HXyaw4dqmVp5N9Ml5awaKaWz7bzcIFMOgWIRS8r2dpvJprfnV8nVq/y5YQvZPT/Q0L6btx/NQ8mYGmew4A4u7PqQso+GiYyNoWkSkXBgJPxMy3q/c7ntrbX1X5NiVpQUqwtr+bJjiKzRIcyZScTfwYDpTybxJBPkZMkOWofbJuQrEifqVFFk99Kyi5mpOF6vKmOLGrTABoOyefEkNxUVSipsBS6NLeHjCP8AHa/ubr0bcvgAAAAASUVORK5CYII=\"","import React from 'react'\nimport { graphql } from 'gatsby'\nimport styled from 'styled-components'\n\nimport Layout from '../components/layout'\nimport PostsList from '../components/PostsList'\nimport Wrapper from '../components/Wrapper'\nimport SEO from '../components/SEO'\nimport Hero from '../components/Hero'\n\nconst PageTitle = styled.h1`\n  padding-bottom: 10px;\n`\n\nclass Tags extends React.Component {\n  render() {\n    const pageTitle = `#${this.props.pageContext.tag}`\n    const posts = this.props.data.posts.edges\n\n    return (\n      <Layout location={this.props.location}>\n        <SEO title={`Top blog posts on ${this.props.pageContext.tag}`} />\n        <Hero title={pageTitle} />\n\n        <Wrapper>\n          <PageTitle>Posts tagged as {this.props.pageContext.tag}</PageTitle>\n          <PostsList posts={posts} />\n        </Wrapper>\n      </Layout>\n    )\n  }\n}\n\nexport default Tags\n\nexport const pageQuery = graphql`\n  query PostsByTag($tag: String!) {\n    posts: allMdx(\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: {\n        frontmatter: {\n          tags: { eq: $tag }\n          published: { ne: false }\n          unlisted: { ne: true }\n        }\n      }\n    ) {\n      edges {\n        node {\n          excerpt\n          timeToRead\n          frontmatter {\n            title\n            tags\n            language\n            slug\n          }\n        }\n      }\n    }\n  }\n`\n","import React, { Fragment } from 'react'\nimport { Link } from 'gatsby'\nimport styled from 'styled-components'\nimport { colors } from '../tokens'\n\nconst ListContainer = styled.div`\n  display: inline;\n  color: ${colors.postMetadata};\n`\n\nconst TagListItemLink = styled(Link)`\n  text-transform: uppercase;\n  color: ${colors.postMetadata};\n\n  &:not(:first-child) {\n    margin-left: 0.3rem;\n  }\n\n  &:hover {\n    border-bottom: 1px dotted ${colors.textLight};\n  }\n  &:before {\n    content: '#';\n  }\n`\n\nconst TagListItem = styled.span`\n  text-transform: uppercase;\n  color: ${colors.postMetadata};\n  &:not(:first-child) {\n    margin-left: 0.3rem;\n  }\n  &:before {\n    content: '#';\n  }\n`\n\nclass TagList extends React.Component {\n  render() {\n    const { tags, noLink } = this.props\n\n    return (\n      <ListContainer>\n        {tags.map((tag, i) => {\n          return (\n            <Fragment key={`tag-list-${i}`}>\n              {!noLink && (\n                <TagListItemLink to={`/tags/${tag}`}>{tag}</TagListItemLink>\n              )}\n              {noLink && <TagListItem to={`/tags/${tag}`}>{tag}</TagListItem>}\n              {i < tags.length - 1 ? ', ' : ''}\n            </Fragment>\n          )\n        })}\n      </ListContainer>\n    )\n  }\n}\n\nexport default TagList\n","import React from 'react'\nimport { Link } from 'gatsby'\nimport Flag from './Flag/Flag'\nimport TagList from './TagList'\nimport useSiteMetadata from '../hooks/use-site-config'\nimport styled from 'styled-components'\nimport { colors } from '../tokens'\nimport { Bull, ReadingTime } from './Commons'\n\nconst Post = styled.article`\n  border-bottom: 1px solid rgba(214, 209, 230, 0.5);\n  padding-bottom: 1.25rem;\n`\n\nconst ReadPost = styled(Link)`\n  display: block;\n  font-size: 0.75rem;\n  margin-top: 1rem;\n  text-align: center;\n  text-decoration: none;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  line-height: 2;\n  color: ${colors.primary};\n\n  &:hover {\n    background-color: ${colors.primaryAlpha};\n    border-radius: 0.25rem;\n    color: ${colors.textLightest};\n  }\n`\n\nconst PostHeader = styled.header`\n  padding: 1em 0;\n`\n\nconst Excerpt = styled.p`\n  line-height: 1.45;\n  padding-bottom: 0.5em;\n`\n\nconst PostTitleLink = styled(Link)`\n  color: ${colors.primary};\n  &:hover {\n    border-bottom: 1px dotted ${colors.primary};\n  }\n`\n\nconst FooterLine = styled.div`\n  color: ${colors.textLight};\n  font-size: 0.8em;\n`\n\nconst PostsListItem = props => {\n  const { title, excerpt, slug, language, tags, timeToRead } = props\n  const { defaultLang } = useSiteMetadata()\n\n  return (\n    <Post>\n      <PostHeader>\n        <h2>\n          <PostTitleLink to={`/blog/${slug}`}>\n            {defaultLang !== language && <Flag language={language} />}\n            {title}\n          </PostTitleLink>\n        </h2>\n      </PostHeader>\n\n      <section>\n        <Excerpt dangerouslySetInnerHTML={{ __html: excerpt }} />\n      </section>\n\n      <footer>\n        <FooterLine>\n          <ReadingTime min={timeToRead} />\n          <Bull />\n          <TagList tags={tags} />\n        </FooterLine>\n        <ReadPost to={`/blog/${slug}`} aria-label={`View ${title} article`}>\n          Przeczytaj Post ›\n        </ReadPost>\n      </footer>\n    </Post>\n  )\n}\nexport default PostsListItem\n","import React, { Fragment } from 'react'\n\nimport PostsListItem from './PostsListItem'\nimport useSiteMetadata from '../hooks/use-site-config'\n\nconst PostsList = ({ posts }) => {\n  const { defaultLang } = useSiteMetadata()\n\n  return (\n    <Fragment>\n      {posts.map(post => {\n        const props = {\n          title: post.node.frontmatter.title,\n          excerpt: post.node.excerpt,\n          slug: post.node.frontmatter.slug,\n          timeToRead: post.node.timeToRead,\n          language: post.node.frontmatter.language || defaultLang,\n          tags: post.node.frontmatter.tags || [],\n        }\n        return <PostsListItem key={props.slug} {...props} />\n      })}\n    </Fragment>\n  )\n}\nexport default PostsList\n","import React from 'react'\nimport styled from 'styled-components'\nimport ukFlag from './uk-flag.png'\nimport frFlag from './fr-flag.png'\n\nconst FlagImage = styled.img`\n  padding-right: 0.5rem;\n  padding-bottom: 0.2rem;\n`\n\nclass Flag extends React.Component {\n  render() {\n    const { language } = this.props\n    const img = language === 'en' ? ukFlag : frFlag\n    const alt = language === 'en' ? 'english post' : 'post en francais'\n\n    return <FlagImage src={img} alt={alt} className=\"flag\" />\n  }\n}\n\nexport default Flag\n"],"sourceRoot":""}