{"version":3,"sources":["webpack:///./src/components/ArticlesRollIndex.js","webpack:///./src/templates/index-page.js"],"names":["ArticlesRollIndex","render","posts","this","props","data","allMarkdownRemark","edges","className","map","post","node","ArticleCard","key","id","React","Component","query","count","Hero","fluid","childImageSharp","IndexPageTemplate","title","PageHeading","heading","to","pageQuery","IndexPage","frontmatter","markdownRemark","Layout","pageTitle","description","keyWords","ogImage","fixed","src","image"],"mappings":"+RAMMA,E,kGACFC,OAAA,WAAU,IAEQC,EADCC,KAAKC,MAAbC,KACqBC,kBAArBC,MAEP,OACI,yBAAKC,UAAU,4CACVN,GAASA,EAAMO,KAAI,gBAAQC,EAAR,EAAEC,KAAF,OAAkB,kBAACC,EAAA,EAAD,CAAaF,KAAMA,EAAMG,IAAKH,EAAKI,U,GAPzDC,IAAMC,WAqBvB,oBACX,kBAAC,IAAD,CACIC,MAAK,aAgCLhB,OAAQ,SAACI,EAAMa,GAAP,OAAiB,kBAAC,EAAD,CAAmBb,KAAMA,EAAMa,MAAOA,Q,YCpDjEC,EAAO,SAAAf,GAAK,OAAI,kBAAC,IAAD,CAClBI,UAAU,gCACVY,MAAOhB,EAAMiB,gBAAgBD,SAOpBE,EAAoB,SAAC,GAAD,IAAED,EAAF,EAAEA,gBAAiBE,EAAnB,EAAmBA,MAAnB,OAC7B,oCACI,kBAAC,EAAD,CAAMF,gBAAiBA,IACvB,kBAACG,EAAA,EAAD,CAAaC,QAASF,EAAOf,UAAU,qDACvC,6BAASA,UAAU,6BACf,yBAAKA,UAAU,aACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,UACX,yBAAKA,UAAU,WACX,kBAAC,EAAD,MACA,yBAAKA,UAAU,kCACX,kBAAC,IAAD,CAAMA,UAAU,MAAMkB,GAAG,SAAzB,yBA8CnBC,GAFEC,UA3BG,SAAC,GAAY,IACpBC,EADmB,EAAVxB,KACWyB,eAApBD,YAEP,OACI,kBAACE,EAAA,EAAD,CACIR,MAAOM,EAAYG,UACnBC,YAAaJ,EAAYI,YACzBC,SAAUL,EAAYK,SACtBC,QAASN,EAAYM,QAAQd,gBAAgBe,MAAMC,KAGnD,kBAAC,EAAD,CACIhB,gBAAiBQ,EAAYS,MAAMjB,gBACnCE,MAAOM,EAAYN,UAgBb","file":"component---src-templates-index-page-js-2d2ded0874b19bbf54f5.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types';\nimport {graphql, StaticQuery} from 'gatsby';\n\nimport ArticleCard from \"./ArticleCard\";\n\nclass ArticlesRollIndex extends React.Component {\n    render() {\n        const {data} = this.props;\n        const {edges: posts} = data.allMarkdownRemark;\n\n        return (\n            <div className=\"columns is-multiline articles-roll-index\">\n                {posts && posts.map(({node: post}) => <ArticleCard post={post} key={post.id}/>)}\n            </div>\n        );\n    }\n}\n\nArticlesRollIndex.propTypes = {\n    data: PropTypes.shape({\n        allMarkdownRemark: PropTypes.shape({\n            edges: PropTypes.array,\n        }),\n    }),\n}\n\nexport default () => (\n    <StaticQuery\n        query={graphql`\n            query ArticlesRollIndexQuery {\n                allMarkdownRemark(\n                  limit: 9\n                  sort: { order: DESC, fields: [frontmatter___date] }\n                  filter: { frontmatter: { templateKey: { eq: \"blog-post\" } } }\n                ) {\n                    edges {\n                        node {\n                            excerpt(pruneLength: 200, truncate: true)\n                            id\n                            fields {\n                                slug\n                            }\n                            frontmatter {\n                                title\n                                templateKey\n                                date(formatString: \"MMMM DD, YYYY\")\n                                featuredpost\n                                featuredimage {\n                                    childImageSharp {\n                                        fluid(maxWidth: 340, maxHeight: 340, fit: COVER) {\n                                          ...GatsbyImageSharpFluid_withWebp\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n    `}\n        render={(data, count) => <ArticlesRollIndex data={data} count={count}/>}\n    />\n);\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport {graphql, Link} from 'gatsby'\nimport Img from \"gatsby-image\"\n\nimport Layout from '../components/Layout'\nimport BlogRoll from '../components/ArticlesRollIndex'\nimport PageHeading from \"../components/PageHeading\";\n\nconst Hero = props => <Img\n    className=\"full-width-image margin-top-0\"\n    fluid={props.childImageSharp.fluid}\n/>;\n\nHero.propTypes = {\n    childImageSharp: PropTypes.any,\n};\n\nexport const IndexPageTemplate = ({childImageSharp, title}) => (\n    <>\n        <Hero childImageSharp={childImageSharp}/>\n        <PageHeading heading={title} className=\"title is-size-3 is-size-4-touch is-size-4-mobile\"/>\n        <section className=\"section section--gradient\">\n            <div className=\"container\">\n                <div className=\"columns\">\n                    <div className=\"column\">\n                        <div className=\"content\">\n                            <BlogRoll/>\n                            <div className=\"column is-12 has-text-centered\">\n                                <Link className=\"btn\" to=\"/blog\">\n                                    Читать дальше\n                                </Link>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n    </>\n)\n\nIndexPageTemplate.propTypes = {\n    childImageSharp: PropTypes.object,\n    title: PropTypes.string,\n}\n\nconst IndexPage = ({data}) => {\n    const {frontmatter} = data.markdownRemark;\n\n    return (\n        <Layout\n            title={frontmatter.pageTitle}\n            description={frontmatter.description}\n            keyWords={frontmatter.keyWords}\n            ogImage={frontmatter.ogImage.childImageSharp.fixed.src}\n        >\n\n            <IndexPageTemplate\n                childImageSharp={frontmatter.image.childImageSharp}\n                title={frontmatter.title}\n            />\n        </Layout>\n    )\n};\n\nIndexPage.propTypes = {\n    data: PropTypes.shape({\n        markdownRemark: PropTypes.shape({\n            frontmatter: PropTypes.object\n        })\n    }),\n}\n\nexport default IndexPage;\n\nexport const pageQuery = graphql`\n    query IndexPageTemplate {\n        markdownRemark(frontmatter: { templateKey: { eq: \"index-page\" } }) {\n            frontmatter {\n                title\n                pageTitle\n                keyWords\n                ogImage {\n                    childImageSharp {\n                        fixed(width: 300, height: 300) {\n                            ...GatsbyImageSharpFixed\n                        }\n                    }\n                }\n                image {\n                    childImageSharp {\n                        fluid(maxWidth: 2048, maxHeight: 500, fit: COVER) {\n                            ...GatsbyImageSharpFluid_withWebp\n                        }\n                    }\n                }\n                description\n            }\n        }\n    }\n`;\n"],"sourceRoot":""}