{"version":3,"file":"component---src-pages-index-tsx-e15913c7e89f0a2c8da1.js","mappings":"mNAaMA,EAAc,CAClBC,OAAQ,mBACRC,SAAU,QACVC,UAAW,UAGE,SAASC,EAAT,GAA6D,IAAvCC,EAAuC,EAAvCA,MAAOC,EAAgC,EAAhCA,MAAOC,EAAyB,EAAzBA,KAC3CC,GAAMC,EAAAA,EAAAA,GAASJ,GAErB,OAAO,2BACL,uBAAKK,UAAU,YACb,uBAAKA,UAAU,aACb,gBAAC,EAAAC,KAAD,CAAMC,GAAE,MAAQL,GACd,gBAAC,EAAAM,EAAD,CAAaR,MAAOG,EAAKM,IAAK,WAAYJ,UAAU,mBAIzDJ,GAAU,uBAAKS,MAAOf,GAAcM,I,cCoCzC,EAzDkB,SAAC,GAAmC,IAC9CU,EAD8C,EAAjCC,KACCC,UAAUC,MAAMC,KAAI,SAAAC,GACtC,OAAO,gBAAC,KAAAC,OAAD,CAAgBC,KAAK,aAC1B,gBAACnB,EAAD,CAAYC,MACVgB,EAAIG,cAAcC,KAAKC,UAAUC,gBAAgBC,gBACjDtB,MAAOe,EAAIf,MAAOC,KAAMc,EAAId,WAIlC,OAAO,gBAAC,IAAD,CAAQD,MAAM,UACnB,gBAAC,KAAD,KACGU","sources":["webpack://will-s-photo-blog/./src/components/imageCover.tsx","webpack://will-s-photo-blog/./src/pages/index.tsx"],"sourcesContent":["import { ImageDataLike } from \"gatsby-plugin-image\"\nimport React from \"react\"\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\";\nimport { Link } from \"gatsby\";\nimport \"./imageCover.scss\"\n\n\nexport type ImageCoverProps = {\n  image: ImageDataLike,\n  title?: string\n  slug: string\n}\n\nconst titleStyles = {\n  margin: \".5em 0em 1em 0em\",\n  fontSize: \"1.3em\",\n  textAlign: \"center\" as const,\n}\n\nexport default function ImageCover({ image, title, slug }: ImageCoverProps) {\n  const res = getImage(image)!\n\n  return <div>\n    <div className=\"clip-box\">\n      <div className=\"hover-box\">\n        <Link to={`/p/${slug}`}>\n          <GatsbyImage image={res} alt={\"test.jpg\"} className=\"image-cover\" />\n        </Link>\n      </div>\n    </div>\n    {title && (<div style={titleStyles}>{title}</div>)}\n  </div>\n}\n","import * as React from \"react\"\nimport 'bulma/css/bulma.min.css';\nimport \"@fontsource/bebas-neue\";\nimport { graphql, PageProps } from \"gatsby\";\nimport Layout from \"../components/layout\";\nimport ImageCover from \"../components/imageCover\";\nimport { Columns } from \"react-bulma-components\";\nimport { ImageDataLike } from \"gatsby-plugin-image\";\n\nconst IndexPage = ({ data }: PageProps<DataProps>) => {\n  const titles = data.allWpPost.nodes.map(elt => {\n    return <Columns.Column size=\"one-third\">\n      <ImageCover image={\n        elt.featuredImage.node.localFile.childImageSharp.gatsbyImageData\n      } title={elt.title} slug={elt.slug} />\n    </Columns.Column>\n  })\n\n  return <Layout title=\"Albums\">\n    <Columns>\n      {titles}\n    </Columns>\n\n  </Layout>\n}\n\ntype DataProps = {\n  allWpPost: {\n    nodes: {\n      title: string,\n      slug: string,\n      featuredImage: {\n        node: {\n          localFile: {\n            childImageSharp: {\n              gatsbyImageData: ImageDataLike\n            }\n          }\n        }\n      }\n    }[]\n  }\n}\n\n\nexport const query = graphql`\nquery {\n  allWpPost(sort: {fields: date, order: DESC}) {\n    nodes {\n      featuredImage {\n        node {\n          localFile {\n            childImageSharp {\n              gatsbyImageData(width: 1280, height: 1920, placeholder: BLURRED, transformOptions: {cropFocus: ENTROPY})\n            }\n          }\n        }\n      }\n      slug\n      title\n    }\n  }\n}\n\n`\n\nexport default IndexPage\n"],"names":["titleStyles","margin","fontSize","textAlign","ImageCover","image","title","slug","res","getImage","className","Link","to","G","alt","style","titles","data","allWpPost","nodes","map","elt","Column","size","featuredImage","node","localFile","childImageSharp","gatsbyImageData"],"sourceRoot":""}