component---src-pages-projects-index-js-656c8d38e63477d47680.js.map

{"version":3,"sources":["webpack:///./src/pages/projects/index.js"],"names":["Projects","projectsJson","data","projectGroups","map","projectGroup","projectGroupIndex","key","name","className","links","child","childIndex","to","url","style","backgroundImage","description","date"],"mappings":"4FAAA,oEAoEeA,UA7DE,SAAC,GAAc,IACtBC,EADqB,EAAXC,KACVD,aAER,OACE,oCACE,kBAAC,IAAD,MACA,kBAAC,IAAD,KACE,wCACA,2EAICA,EAAaE,cAAcC,KAAI,SAACC,EAAcC,GAAf,OAC9B,6BAASC,IAAKD,GACZ,4BAAKD,EAAaG,MAClB,yBAAKC,UAAU,kBACZJ,EAAaK,MAAMN,KAAI,SAACO,EAAOC,GAAR,OACtB,kBAAC,OAAD,CAAMC,GAAIF,EAAMG,IAAKP,IAAKK,EAAYH,UAAU,gBAC9C,yBAAKA,UAAU,qBAAqBM,MAAO,CAAEC,gBAAiBL,EAAMK,gBAAkBL,EAAMK,gBAAkB,8BAC1GL,EAAMM,YACN,yBAAKR,UAAU,4BACb,0BAAMA,UAAU,sBAAsBE,EAAMM,cAF1B,MAMxB,6BACGN,EAAMH,KADT,IAEIG,EAAMO,KAAc,0BAAMT,UAAU,qBAAoB,2BAAIE,EAAMO,OAArD","file":"component---src-pages-projects-index-js-656c8d38e63477d47680.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql, Link } from 'gatsby'\n\nimport SEO from '../../components/seo'\nimport Layout from '../../components/layout'\n\nconst Projects = ({ data }) => {\n  const { projectsJson } = data\n  // console.log(projectsJson)\n  return (\n    <>\n      <SEO />\n      <Layout>\n        <h1>Projects</h1>\n        <p>\n          A list of past, current and future projects.\n        </p>\n        {/* <br /> */}\n        {projectsJson.projectGroups.map((projectGroup, projectGroupIndex) => (\n          <section key={projectGroupIndex}>\n            <h2>{projectGroup.name}</h2>\n            <div className=\"projects-group\">\n              {projectGroup.links.map((child, childIndex) => (\n                <Link to={child.url} key={childIndex} className=\"project-card\">\n                  <div className=\"project-card-image\" style={{ backgroundImage: child.backgroundImage ? child.backgroundImage : \"url('/images/bcd4e6.jpg')\" }}>\n                    {!child.description ? null : (\n                      <div className=\"project-card-description\">\n                        <span className=\"smaller text-black\">{child.description}</span>\n                      </div>\n                    )}\n                  </div>\n                  <div>\n                    {child.name}&nbsp;\n                    {!child.date ? null : <span className=\"smaller text-grey\"><i>{child.date}</i></span>}\n                  </div>\n                </Link>\n              ))}\n            </div>\n          </section>\n        ))}\n      </Layout>\n    </>\n  )\n}\n\nProjects.propTypes = {\n  data: PropTypes.object.isRequired,\n}\n\nexport const query = graphql`\n  query {\n    projectsJson {\n      updated_at(formatString: \"DD MMMM YYYY\")\n      projectGroups {\n        name\n        links {\n          name\n          url\n          date\n          description\n          backgroundImage\n        }\n      }\n    }\n  }\n`\n\nexport default Projects"],"sourceRoot":""}