{"version":3,"sources":["webpack:///./src/images/slider/innerSlider.jpg","webpack:///./src/pages/gallery.js"],"names":["module","exports","GalleryWrapper","styled","div","IndexPage","node","useStaticQuery","allStrapiGallerySection","nodes","className","src","sliderInner","title","images","map","item","image","childImageSharp","fluid"],"mappings":"8EAAAA,EAAOC,QAAU,IAA0B,2D,kCCA3C,gKAaaC,EAAiBC,IAAOC,IAAV,8EAAGD,CAAH,oVAwEZE,UA3CG,WAChB,IAmBIC,EAnBSC,yBAAe,cAmBZC,wBAAwBC,MAAM,GAC9C,OACE,kBAACP,EAAD,KACE,kBAAC,IAAD,MACA,yBAAKQ,UAAU,gBACb,yBAAKC,IAAKC,IAAaF,UAAU,oBAEnC,4BAAKJ,EAAKO,OACV,yBAAKH,UAAU,mBACb,yBAAKA,UAAU,WAEXJ,EAAKQ,OAAOC,KAAI,SAAAC,GACd,OAAO,yBAAKN,UAAU,SAAQ,yBAAKC,IAAKK,EAAKC,MAAMC,gBAAgBC,MAAMR,YAKjF,kBAAC,IAAD,MACA,kBAAC,IAAD","file":"component---src-pages-gallery-js-6f2178999ef7583a56fa.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/innerSlider-9db64de4983fdbf03c40b99744608475.jpg\";","import React from \"react\"\r\nimport ClientLogo from \"../components/clientsLogo/clientsLogo\";\r\nimport Header from \"../components/header/header\";\r\nimport Footer from \"../components/footer/footer\";\r\nimport styled from \"styled-components\";\r\nimport sliderInner  from \"../images/slider/innerSlider.jpg\";\r\nimport { useStaticQuery, graphql } from \"gatsby\";\r\n\r\n\r\n\r\n\r\n\r\n\r\nexport const GalleryWrapper = styled.div`\r\nmax-width: 960px;\r\n    padding-right: 15px;\r\n    padding-left: 15px;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    background-color: #fff;\r\n    box-shadow: 0px 5px 10px #ccc;\r\n    min-height: 550px;\r\n    padding: 15px;\r\n    .gallery {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n    }\r\n    h2{\r\n      color: #2e308f;\r\n        margin-bottom: 20px;\r\n    }\r\n    .img-responsive{\r\n      display: block;\r\n      max-width: 100%;\r\n      height: auto;\r\n    }\r\n    .image {\r\n      flex: 1 0 21%; /* explanation below */\r\n      margin: 5px;\r\n    }\r\n    \r\n`;\r\nconst IndexPage = () => {\r\n  const data = useStaticQuery(graphql`\r\n    {\r\n      allStrapiGallerySection {\r\n        nodes {\r\n          title\r\n          images {\r\n            image {\r\n              childImageSharp {\r\n                fluid {\r\n                  src\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  `)\r\n\r\nconst node = data.allStrapiGallerySection.nodes[0];\r\n  return (\r\n    <GalleryWrapper>\r\n      <Header />\r\n      <div className=\"inner-slider\">\r\n        <img src={sliderInner} className=\"img-responsive\"></img>\r\n      </div>\r\n      <h2>{node.title}</h2>\r\n      <div className=\"gallery-wrapper\"> \r\n        <div className=\"gallery\">\r\n          {\r\n            node.images.map(item =>{\r\n              return <div className=\"image\"><img src={item.image.childImageSharp.fluid.src}></img></div>\r\n            })\r\n          }\r\n        </div>\r\n      </div>\r\n      <ClientLogo />\r\n      <Footer />\r\n    </GalleryWrapper>\r\n  )\r\n}\r\n\r\nexport default IndexPage\r\n"],"sourceRoot":""}