{"version":3,"sources":["webpack:///./src/pages/blog.js"],"names":["pageQuery","BlogPage","data","currentPage","title","className","style","marginTop","allMarkdownRemark","edges","map","post","paddingLeft","paddingRight","key","node","id","height","fluid","frontmatter","featuredImage","childImageSharp","date","author","category","href","path"],"mappings":"2FAAA,uHAiEaA,EAAS,YA2BPC,UArFE,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAH,OACb,kBAAC,IAAD,CAAQC,YAAY,YAChB,kBAAC,IAAD,CAAKC,MAAM,kBACX,yBAAKC,UAAU,aACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,OACX,wBAAIA,UAAU,aAAaC,MAAO,CAAEC,UAAW,QAA/C,mBAKR,yBAAKF,UAAU,2BACVH,EAAKM,kBAAkBC,MAAMC,KAAI,SAACC,GAAD,OAC9B,yBACIN,UAAU,kBACVC,MAAO,CAAEM,YAAa,MAAOC,aAAc,OAC3CC,IAAKH,EAAKI,KAAKC,IAEf,yBAAKX,UAAU,wBACX,yBAAKA,UAAU,cACX,kBAAC,IAAD,CACIA,UAAU,YACVC,MAAO,CAAEW,OAAQ,SACjBC,MACIP,EAAKI,KAAKI,YAAYC,cACjBC,gBAAgBH,OAGxBP,EAAKI,KAAKI,YAAYf,OAE3B,0BAAMC,UAAU,cACXM,EAAKI,KAAKI,YAAYf,QAG/B,yBAAKC,UAAU,gBACX,2BACKM,EAAKI,KAAKI,YAAYG,KAAM,IAC5BX,EAAKI,KAAKI,YAAYI,OAF3B,KAEqC,IAChCZ,EAAKI,KAAKI,YAAYK,WAI/B,yBAAKnB,UAAU,2BACX,uBACIA,UAAU,YACVoB,KAAMd,EAAKI,KAAKI,YAAYO,MAFhC","file":"component---src-pages-blog-js-d43201c8767b809191f6.js","sourcesContent":["import React from \"react\";\r\nimport { graphql } from \"gatsby\";\r\nimport Img from \"gatsby-image\";\r\n\r\nimport Layout from \"../components/layout\";\r\nimport SEO from \"../components/seo\";\r\n\r\nconst BlogPage = ({ data }) => (\r\n    <Layout currentPage=\"bloglist\">\r\n        <SEO title=\"Atamagai Blog\" />\r\n        <div className=\"container\">\r\n            <div className=\"row\">\r\n                <div className=\"col\">\r\n                    <h1 className=\"white-text\" style={{ marginTop: \"0px\" }}>\r\n                        Atamagai blog\r\n                    </h1>\r\n                </div>\r\n            </div>\r\n            <div className=\"row align-items-stretch\">\r\n                {data.allMarkdownRemark.edges.map((post) => (\r\n                    <div\r\n                        className=\"col-12 col-md-4\"\r\n                        style={{ paddingLeft: \"5px\", paddingRight: \"5px\" }}\r\n                        key={post.node.id}\r\n                    >\r\n                        <div className=\"card small hoverable\">\r\n                            <div className=\"card-image\">\r\n                                <Img\r\n                                    className=\"z-depth-1\"\r\n                                    style={{ height: \"200px\" }}\r\n                                    fluid={\r\n                                        post.node.frontmatter.featuredImage\r\n                                            .childImageSharp.fluid\r\n                                    }\r\n                                >\r\n                                    {post.node.frontmatter.title}\r\n                                </Img>\r\n                                <span className=\"card-title\">\r\n                                    {post.node.frontmatter.title}\r\n                                </span>\r\n                            </div>\r\n                            <div className=\"card-content\">\r\n                                <p>\r\n                                    {post.node.frontmatter.date}{\" \"}\r\n                                    {post.node.frontmatter.author} |{\" \"}\r\n                                    {post.node.frontmatter.category}\r\n                                    {/* {post.node.excerpt} */}\r\n                                </p>\r\n                            </div>\r\n                            <div className=\"card-action align-right\">\r\n                                <a\r\n                                    className=\"atab-text\"\r\n                                    href={post.node.frontmatter.path}\r\n                                >\r\n                                    Pročitaj više\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                ))}\r\n            </div>\r\n        </div>\r\n    </Layout>\r\n);\r\n\r\nexport const pageQuery = graphql`\r\n    query BlogIndexQuery {\r\n        allMarkdownRemark {\r\n            edges {\r\n                node {\r\n                    id\r\n                    frontmatter {\r\n                        title\r\n                        path\r\n                        date\r\n                        author\r\n                        category\r\n                        featuredImage {\r\n                            childImageSharp {\r\n                                fluid(maxWidth: 800) {\r\n                                    ...GatsbyImageSharpFluid\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                    excerpt\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nexport default BlogPage;\r\n"],"sourceRoot":""}