component---src-pages-projects-js-91a62f193fcf06fe3a90.js.map

{"version":3,"sources":["webpack://personal-portfolio/./src/pages/projects.js"],"names":["data","title","className","allMarkdownRemark","edges","map","project","key","node","id","Link","to","frontmatter","path","G","image","getImage","thumbnail","alt","toUpperCase","date"],"mappings":"yLAsEA,UA/DiB,SAAC,GAAD,IAAGA,EAAH,EAAGA,KAAH,OACf,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAKC,MAAM,aAEX,sCAEA,uBAAKC,UAAU,qBACZF,EAAKG,kBAAkBC,MAAMC,KAAI,SAACC,GAAD,OAChC,2BAASC,IAAKD,EAAQE,KAAKC,GAAIP,UAAU,gBACvC,gBAAC,EAAAQ,KAAD,CAAMC,GAAIL,EAAQE,KAAKI,YAAYC,MACjC,gBAAC,EAAAC,EAAD,CACEZ,UAAU,qBACVa,OAAOC,OAASV,EAAQE,KAAKI,YAAYK,WACzCC,IAAKZ,EAAQE,KAAKI,YAAYX,QAGhC,0BAAQC,UAAU,uBAChB,0BAAKI,EAAQE,KAAKI,YAAYX,MAAMkB,eAEpC,yBACE,0BAAKb,EAAQE,KAAKI,YAAYQ","file":"component---src-pages-projects-js-91a62f193fcf06fe3a90.js","sourcesContent":["import React from 'react';\nimport { Link, graphql } from 'gatsby';\nimport { GatsbyImage, getImage } from 'gatsby-plugin-image';\n\nimport Layout from '../components/layout';\nimport SEO from '../components/seo';\n\nconst Projects = ({ data }) => (\n  <Layout>\n    <SEO title=\"Projects\" />\n\n    <h1>PROJECTS</h1>\n\n    <div className=\"project-card-grid\">\n      {data.allMarkdownRemark.edges.map((project) => (\n        <article key={project.node.id} className=\"project-card\">\n          <Link to={project.node.frontmatter.path}>\n            <GatsbyImage\n              className=\"project-card-image\"\n              image={getImage(project.node.frontmatter.thumbnail)}\n              alt={project.node.frontmatter.title}\n            />\n\n            <header className=\"project-card-header\">\n              <h2>{project.node.frontmatter.title.toUpperCase()}</h2>\n\n              <p>\n                <em>{project.node.frontmatter.date}</em>\n              </p>\n            </header>\n          </Link>\n        </article>\n      ))}\n    </div>\n  </Layout>\n);\n\nexport const projectQuery = graphql`\n  query ProjectIndexQuery {\n    allMarkdownRemark(\n      sort: {\n        order: [DESC, ASC]\n        fields: [frontmatter___date, frontmatter___title]\n      }\n      limit: 50\n      filter: { frontmatter: { path: { regex: \"/projects/\" } } }\n    ) {\n      edges {\n        node {\n          id\n          frontmatter {\n            date\n            title\n            path\n            thumbnail {\n              childImageSharp {\n                gatsbyImageData(\n                  height: 400\n                  placeholder: BLURRED\n                  formats: AUTO\n                )\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default Projects;\n"],"sourceRoot":""}