{"version":3,"sources":["webpack:///./src/pages/portfolio.js"],"names":["PortfolioIndex","_ref","data","location","siteTitle","site","siteMetadata","title","gridOrder","name","displayName","forEach","value","index","image","allFile","edges","findIndex","_ref2","node","toLowerCase","includes","React","createElement","Layout","SEO","style","margin","maxWidth","rhythm","marginBottom","textAlign","className","map","key","Link","to","Img","fluid","childImageSharp"],"mappings":"4FAAA,qGAwEeA,UAhEQC,IAAyB,IAAxB,KAAEC,EAAI,SAAEC,GAAUF,EACxC,MAAMG,EAAYF,EAAKG,KAAKC,aAAaC,MACnCC,EAAY,CAChB,CAAEC,KAAM,SACR,CAAEA,KAAM,SAAUC,YAAa,sBAC/B,CAAED,KAAM,aACR,CAAEA,KAAM,QACR,CAAEA,KAAM,SACR,CAAEA,KAAM,WACR,CAAEA,KAAM,UACR,CAAEA,KAAM,QACR,CAAEA,KAAM,cASV,OANAD,EAAUG,QAAQ,CAACC,EAAOC,KACxBL,EAAUK,GAAOC,MAAQZ,EAAKa,QAAQC,MAAMC,UAAUC,IAAA,IAAC,KAAEC,GAAMD,EAAA,OAC7DC,EAAKV,KAAKW,cAAcC,SAAST,EAAMH,KAAKW,mBAK9CE,IAAAC,cAACC,IAAM,CAACrB,SAAUA,EAAUI,MAAOH,GACjCkB,IAAAC,cAACE,IAAG,CAAClB,MAAM,cACXe,IAAAC,cAAA,OAAKG,MAAO,CAAEC,OAAQ,OAAQC,SAAUC,YAAO,MAC7CP,IAAAC,cAAA,eACED,IAAAC,cAAA,cACED,IAAAC,cAAA,OACEG,MAAO,CACLI,aAAcD,YAAO,EAAI,GACzBE,UAAW,UAEbC,UAAU,kBAETxB,EAAUyB,IAAI,CAACrB,EAAOC,IAEnBS,IAAAC,cAAA,OAAKS,UAAU,wBAAwBE,IAAKrB,GAC1CS,IAAAC,cAACY,OAAI,CACHC,GAAIxB,EAAMH,KAAKW,cACfY,UAAU,wBAEVV,IAAAC,cAAA,OAAKS,UAAU,wBACZpB,EAAMF,aAAeE,EAAMH,OAEZ,IAAjBG,EAAME,OACLQ,IAAAC,cAACc,IAAG,CACFH,IAAKrB,EACLyB,MACEpC,EAAKa,QAAQC,MAAMJ,EAAME,OAAOK,KAAKoB,gBAClCD","file":"component---src-pages-portfolio-js-2b0570deecdb4f4de69e.js","sourcesContent":["import React from \"react\"\nimport { Link, graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport { rhythm } from \"../utils/typography\"\n\nconst PortfolioIndex = ({ data, location }) => {\n  const siteTitle = data.site.siteMetadata.title\n  const gridOrder = [\n    { name: \"Craft\" },\n    { name: \"Design\", displayName: \"Design & Interiors\" },\n    { name: \"Gardening\" },\n    { name: \"Food\" },\n    { name: \"Drink\" },\n    { name: \"History\" },\n    { name: \"Events\" },\n    { name: \"Tech\" },\n    { name: \"Editorial\" },\n  ]\n\n  gridOrder.forEach((value, index) => {\n    gridOrder[index].image = data.allFile.edges.findIndex(({ node }) =>\n      node.name.toLowerCase().includes(value.name.toLowerCase())\n    )\n  })\n\n  return (\n    <Layout location={location} title={siteTitle}>\n      <SEO title=\"Portfolio\" />\n      <div style={{ margin: `auto`, maxWidth: rhythm(44) }}>\n        <article>\n          <header>\n            <div\n              style={{\n                marginBottom: rhythm(1 / 4),\n                textAlign: `center`,\n              }}\n              className=\"portfolio-grid\"\n            >\n              {gridOrder.map((value, index) => {\n                return (\n                  <div className=\"portfolio-grid__block\" key={index}>\n                    <Link\n                      to={value.name.toLowerCase()}\n                      className=\"portfolio-grid__link\"\n                    >\n                      <div className=\"portfolio-grid__name\">\n                        {value.displayName || value.name}\n                      </div>\n                      {value.image !== -1 && (\n                        <Img\n                          key={index}\n                          fluid={\n                            data.allFile.edges[value.image].node.childImageSharp\n                              .fluid\n                          }\n                        />\n                      )}\n                    </Link>\n                  </div>\n                )\n              })}\n            </div>\n          </header>\n        </article>\n      </div>\n    </Layout>\n  )\n}\n\nexport default PortfolioIndex\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    allFile(\n      filter: {\n        extension: { regex: \"/(jpg)|(png)|(tif)|(tiff)|(webp)|(jpeg)/\" }\n        absolutePath: { regex: \"/portfolio/\" }\n      }\n    ) {\n      totalCount\n      edges {\n        node {\n          name\n          childImageSharp {\n            fluid(maxWidth: 460, quality: 100) {\n              ...GatsbyImageSharpFluid_noBase64\n            }\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}