-
Notifications
You must be signed in to change notification settings - Fork 0
/
component---src-templates-blog-list-template-js-b554de37ab5c001507db.js.map
1 lines (1 loc) · 13.8 KB
/
component---src-templates-blog-list-template-js-b554de37ab5c001507db.js.map
1
{"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":"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","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":""}