component---src-templates-blog-list-template-js-b554de37ab5c001507db.js.map

{"version":3,"sources":["webpack:///./src/components/Flag/fr-flag.png","webpack:///./src/components/Flag/uk-flag.png","webpack:///./src/components/TagList.js","webpack:///./src/components/PostsListItem.js","webpack:///./src/components/PostsList.js","webpack:///./src/components/Flag/Flag.js","webpack:///./src/components/Pagination.js","webpack:///./src/templates/blog-list-template.js"],"names":["module","exports","ListContainer","styled","colors","TagListItemLink","TagListItem","TagList","render","this","tags","noLink","key","i","to","tag","React","Component","Post","ReadPost","PostHeader","Excerpt","PostTitleLink","FooterLine","props","title","excerpt","slug","language","timeToRead","defaultLang","useSiteMetadata","dangerouslySetInnerHTML","__html","min","aria-label","posts","post","FlagImage","Flag","img","alt","src","className","PaginationWrapper","PageBtn","PreviousBtn","NextBtn","Spacer","PageInfo","currentPage","nbPages","previousUrl","BlogList","data","pageContext","location","pageQuery"],"mappings":"6EAAAA,EAAOC,QAAU,s3B,mBCAjBD,EAAOC,QAAU,06C,2GCKXC,EAAgBC,IAAH,6EAAGA,CAAH,8BAERC,IAFX,cAKMC,EAAkBF,YAAH,mFAAGA,CAAH,4IAEVC,IAFU,aASWA,IAThC,WAgBME,EAAcH,IAAH,4EAAGA,CAAH,sGAENC,IAFX,cAWMG,E,kGACJC,kBAAU,IAAD,EACkBC,KADlB,MACCC,EADD,OACOC,EADP,SAGP,OACE,yBACGD,EAAA,KAAS,cACR,OACE,8BAAUE,IAAG,YAAcC,IACvBF,GACA,qBAAiBG,GAAE,SAAWC,GAFlC,GAIGJ,GAAU,qBAAaG,GAAE,SAAWC,GAJvC,GAKGF,EAAIH,SAAJG,OANL,S,GAPYG,IAAMC,WAsB5B,O,iJClDMC,EAAOf,IAAH,kFAAGA,CAAH,CAAV,0EAKMgB,EAAWhB,YAAH,sFAAGA,CAAH,iOASHC,IATG,QAYUA,IAZV,aAcDA,IAdb,cAkBMgB,EAAajB,IAAH,uFAAGA,CAAH,CAAhB,mBAIMkB,EAAUlB,IAAH,+EAAGA,CAAH,CAAb,2CAKMmB,EAAgBnB,YAAH,2FAAGA,CAAH,qDACRC,IADQ,QAGaA,IAHhC,SAOMmB,EAAapB,IAAH,oFAAGA,CAAH,+BACLC,IADX,WAqCA,EAhCsB,SAAAoB,GAAU,IACtBC,EAAqDD,EADhC,MACdE,EAA8CF,EADhC,QACLG,EAAqCH,EADhC,KACCI,EAA+BJ,EADhC,SACWd,EAAqBc,EADhC,KACiBK,EAAeL,EADhC,WAErBM,EAAgBC,cAFK,YAI7B,OACE,yBACE,yBACE,4BACE,qBAAejB,GAAE,SAAWa,GACzBG,OAA4B,uBAAMF,SAAUA,IAJrD,KAUE,iCACE,qBAASI,wBAAyB,CAAEC,OAAQP,MAG9C,gCACE,yBACE,uBAAaQ,IAAKL,IAClB,sBAFF,MAGE,uBAASnB,KAAMA,KAEjB,qBAAUI,GAAE,SAAZ,EAA+BqB,aAAA,sBArBrC,wBCjCF,IAnBkB,SAAC,GAAe,IAAbC,EAAY,EAAZA,MACXN,EAAgBC,cADO,YAG/B,OACE,kCACGK,EAAA,KAAU,SAAAC,GACT,IAAMb,EAAQ,CACZC,MAAOY,mBADK,MAEZX,QAASW,OAFG,QAGZV,KAAMU,mBAHM,KAIZR,WAAYQ,OAJA,WAKZT,SAAUS,6BALE,EAMZ3B,KAAM2B,yBAA8B,IAEtC,OAAO,mCAAezB,IAAKY,EAAMG,MAAjC,U,6HCdFW,EAAYnC,IAAH,0EAAGA,CAAH,CAAf,gDAKMoC,E,kGACJ/B,kBAAU,IACAoB,EAAanB,KADd,eAED+B,EAAMZ,aAAZ,IACMa,EAAMb,wBAAZ,mBAEA,OAAO,qBAAWc,IAAX,EAAqBD,IAArB,EAA+BE,UAAU,U,GANjC3B,IAAMC,WAUzB,O,kMCfM2B,EAAoBzC,IAAH,oFAAGA,CAAH,CAAvB,oOAkBM0C,EAAU1C,YAAH,8EAAGA,CAAH,8NAESC,IAFT,QAGSA,IAHT,QAIFA,IAJE,aASWA,IATX,aAUAA,IAVA,QAWWA,IAXxB,SAoBM0C,EAAc3C,YAAH,6EAAGA,CAAH,CAAjB,+CAOM4C,EAAU5C,YAAH,yEAAGA,CAAH,CAAb,aAIM6C,EAAS7C,IAAH,0EAAGA,CAAH,CAAZ,kJAyBM8C,EAAW9C,IAAH,4EAAGA,CAAH,CAAd,6DAmCA,E,kGA1BEK,kBAAU,IAAD,EAC0BC,KAD1B,MACCyC,EADD,cACcC,EADd,UAEDC,EAAcF,qBAAoCA,EAAxD,GAEA,OACE,yBACG,IAAAA,EACC,qBAAapC,GAAIsC,GADlB,kBAGC,qBAAQT,UAAU,aAGpB,2CAPF,GAWGO,EAAA,EACC,qBAASpC,GAAE,WAAYoC,EAAZ,IADZ,mBAGC,qBAAQP,UAAU,W,GApBH3B,IAAMC,W,YC9EzBoC,E,kGACJ7C,kBACE,IAAM4B,EAAQ3B,KAAKe,MAAM8B,KAAKlB,MAA9B,MACQmB,EAAgB9C,KAFjB,kBAIP,OACE,uBAAQ+C,SAAU/C,KAAKe,MAAMgC,UAC3B,sBADF,MAEE,2BACE,uBAAWpB,MAAOA,KAGpB,qBACEe,QAASI,EADX,QAEEL,YAAaK,EAAYL,gB,GAdZlC,IAAMC,WAuBhBwC,GAFb,YAEO","file":"component---src-templates-blog-list-template-js-b554de37ab5c001507db.js","sourcesContent":["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, { 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","import React from 'react'\nimport { Link } from 'gatsby'\nimport styled from 'styled-components'\nimport { colors } from '../tokens'\n\nconst PaginationWrapper = styled.nav`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  margin-top: 4em;\n  justify-content: space-between;\n  width: 80%;\n  max-width: 770px;\n  padding: 25px 0;\n  margin: 0px auto;\n\n  @media (max-width: 780px) {\n    width: 90%;\n    padding: 25px 0;\n  }\n`\n\nconst PageBtn = styled(Link)`\n  border-radius: 3px;\n  background-color: ${colors.primary};\n  border: 1px solid ${colors.primary};\n  color: ${colors.textLightest};\n  padding: 8px 20px;\n  min-width: 130px;\n\n  &:hover {\n    background-color: ${colors.textLightest};\n    color: ${colors.primary};\n    border: 1px solid ${colors.primary};\n  }\n\n  @media (max-width: 564px) {\n    margin-top: 10px;\n    width: 100%;\n  }\n`\n\nconst PreviousBtn = styled(PageBtn)`\n  order: 1;\n  @media (max-width: 564px) {\n    order: 2;\n  }\n`\n\nconst NextBtn = styled(PageBtn)`\n  order: 3;\n`\n\nconst Spacer = styled.span`\n  display: block;\n  min-width: 130px;\n\n  &.previous {\n    order: 1;\n  }\n\n  &.next {\n    order: 3;\n  }\n\n  @media (max-width: 564px) {\n    display: none;\n\n    &.previous {\n      order: 2;\n    }\n\n    &.next {\n      order: 3;\n    }\n  }\n`\n\nconst PageInfo = styled.span`\n  order: 2;\n  padding: 1em 0;\n  @media (max-width: 564px) {\n    order: 1;\n  }\n`\n\nclass Pagination extends React.Component {\n  render() {\n    const { currentPage, nbPages } = this.props\n    const previousUrl = currentPage === 2 ? '/' : `/pages/${currentPage - 1}`\n\n    return (\n      <PaginationWrapper>\n        {currentPage !== 1 ? (\n          <PreviousBtn to={previousUrl}>‹ Nowsze posts</PreviousBtn>\n        ) : (\n          <Spacer className=\"previous\" />\n        )}\n\n        <PageInfo>\n          Strona {currentPage} z {nbPages}\n        </PageInfo>\n\n        {currentPage < nbPages ? (\n          <NextBtn to={`/pages/${currentPage + 1}`}>Starsze posty ›</NextBtn>\n        ) : (\n          <Spacer className=\"next\" />\n        )}\n      </PaginationWrapper>\n    )\n  }\n}\n\nexport default Pagination\n","import React from 'react'\nimport { graphql } from 'gatsby'\n\nimport Layout from '../components/layout'\nimport Wrapper from '../components/Wrapper'\nimport PostsList from '../components/PostsList'\nimport Pagination from '../components/Pagination'\nimport SEO from '../components/SEO'\n\nclass BlogList extends React.Component {\n  render() {\n    const posts = this.props.data.posts.edges\n    const { pageContext } = this.props\n\n    return (\n      <Layout location={this.props.location}>\n        <SEO />\n        <Wrapper>\n          <PostsList posts={posts} />\n        </Wrapper>\n\n        <Pagination\n          nbPages={pageContext.nbPages}\n          currentPage={pageContext.currentPage}\n        />\n      </Layout>\n    )\n  }\n}\n\nexport default BlogList\n\nexport const pageQuery = graphql`\n  query blogListQuery($skip: Int!, $limit: Int!) {\n    site {\n      siteMetadata {\n        title\n        description\n      }\n    }\n    posts: allMdx(\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: {\n        fileAbsolutePath: { regex: \"//content/posts//\" }\n        frontmatter: { published: { ne: false }, unlisted: { ne: true } }\n      }\n      limit: $limit\n      skip: $skip\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"],"sourceRoot":""}