component---src-pages-projects-index-js-98d41cc03c4e7a61ac18.js.map

{"version":3,"file":"component---src-pages-projects-index-js-98d41cc03c4e7a61ac18.js","mappings":"sPAIe,SAASA,EAAcC,GACpC,IAAMC,EAAOD,EAAME,OACnB,2BAASC,UCDS,iCDEhB,qDACA,6CAGA,2BAASA,UCRQ,kCDSf,gBAAC,EAAAC,EAAD,CACED,UCXkB,sCDYlBE,MAAOL,EAAMM,QAAQC,IAAIC,gBAAgBC,gBACzCC,IAAKV,EAAMM,QAAQI,MAErB,uBAAKP,UChBU,kCDiBb,0BAAMH,EAAMM,QAAQK,OACpB,yBAAKX,EAAMM,QAAQM,eAIzB,OACE,uBACET,UCrBwB,0CDsBxBU,MAAOb,EAAMc,MAAQ,CAACC,gBAAiB,WAAa,MAElDd,EAGP,C,cEzBc,SAASe,EAAShB,GAC/B,IAAMiB,EAAWjB,EAAMkB,KAAKC,eAAeC,MAC3C,OACE,gBAACC,EAAA,EAAD,CAAQV,MAAM,YACZ,gBAACZ,EAAD,CAAeG,QAAM,EAACY,OAAK,IAEzBG,EAASK,KAAI,SAAChB,EAASiB,GAAV,OAAoB,gBAACxB,EAAD,CAAeO,QAASA,EAAQkB,KAAMV,MAAOS,EAAQ,EAAEE,IAAKnB,EAAQkB,KAAKE,IAA7F,IAIpB,CAsBM,SAASC,IACd,OACE,gBAAC,IAAD,CAAKhB,MAAM,YAEd,C","sources":["webpack://gatsby-starter-hello-world/./src/components/Project-Detail.js","webpack://gatsby-starter-hello-world/./src/styles/project.module.css","webpack://gatsby-starter-hello-world/./src/pages/projects/index.js"],"sourcesContent":["import { GatsbyImage } from \"gatsby-plugin-image\";\r\nimport React from \"react\";\r\nimport * as styles from \"../styles/project.module.css\";\r\n\r\nexport default function ProjectDetail(props) {\r\n  const body = props.secret ? (\r\n  <article className={styles.Secret}>\r\n    <p>Work in progress project</p>\r\n    <p>Check back soon</p>\r\n  </article>\r\n  ) : (\r\n    <article className={styles.Project}>\r\n      <GatsbyImage\r\n        className={styles.ImgContainer}\r\n        image={props.project.img.childImageSharp.gatsbyImageData}\r\n        alt={props.project.alt}\r\n      />\r\n      <div className={styles.Details}>\r\n        <h1>{ props.project.title }</h1>\r\n        <p>{ props.project.description }</p>\r\n      </div>\r\n    </article>\r\n  )\r\n  return (\r\n    <div \r\n      className={styles.ProjectContainer}\r\n      style={props.color ? {backgroundColor: \"#DFDFDF\"} : null}\r\n    >\r\n      { body }\r\n    </div>\r\n  )\r\n}","// extracted by mini-css-extract-plugin\nexport var Details = \"project-module--Details--vqnc2\";\nexport var ImgContainer = \"project-module--ImgContainer--fQC88\";\nexport var Project = \"project-module--Project--slEwI\";\nexport var ProjectContainer = \"project-module--ProjectContainer--XOlEK\";\nexport var Secret = \"project-module--Secret--1Wliu\";","import { graphql } from \"gatsby\";\r\nimport React from \"react\";\r\nimport Layout from \"../../components/Layout\";\r\nimport ProjectDetail from \"../../components/Project-Detail\";\r\nimport { SEO } from \"../../components/Seo\";\r\n\r\nexport default function Projects(props) {\r\n  const projects = props.data.allProjectJson.edges;\r\n  return (\r\n    <Layout title=\"Projects\">\r\n      <ProjectDetail secret color/>\r\n      {\r\n        projects.map((project, index) => <ProjectDetail project={project.node} color={index % 2}key={project.node.id}/>)\r\n      }\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport const query = graphql`\r\n  query Projects {\r\n    allProjectJson {\r\n      edges {\r\n        node {\r\n          description\r\n          id\r\n          title\r\n          img {\r\n            childImageSharp {\r\n              gatsbyImageData(placeholder: BLURRED, layout: CONSTRAINED)\r\n            }\r\n          }\r\n          alt\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n\r\nexport function Head() {\r\n  return (\r\n    <SEO title=\"Projects\" />\r\n  )\r\n}"],"names":["ProjectDetail","props","body","secret","className","G","image","project","img","childImageSharp","gatsbyImageData","alt","title","description","style","color","backgroundColor","Projects","projects","data","allProjectJson","edges","Layout","map","index","node","key","id","Head"],"sourceRoot":""}