component---src-pages-projects-js-87a542bc90730b05e984.js.map

{"version":3,"file":"component---src-pages-projects-js-87a542bc90730b05e984.js","mappings":"0LAsEA,UA/DiBA,IAAA,IAAC,KAAEC,GAAMD,EAAA,OACxBE,EAAAA,cAACC,EAAAA,EAAM,KACLD,EAAAA,cAACE,EAAAA,EAAG,CAACC,MAAM,aAEXH,EAAAA,cAAA,UAAI,YAEJA,EAAAA,cAAA,OAAKI,UAAU,qBACZL,EAAKM,kBAAkBC,MAAMC,KAAKC,GACjCR,EAAAA,cAAA,WAASS,IAAKD,EAAQE,KAAKC,GAAIP,UAAU,gBACvCJ,EAAAA,cAACY,EAAAA,KAAI,CAACC,GAAIL,EAAQE,KAAKI,YAAYC,MACjCf,EAAAA,cAACgB,EAAAA,EAAW,CACVZ,UAAU,qBACVa,OAAOC,EAAAA,EAAAA,GAASV,EAAQE,KAAKI,YAAYK,WACzCC,IAAKZ,EAAQE,KAAKI,YAAYX,QAGhCH,EAAAA,cAAA,UAAQI,UAAU,uBAChBJ,EAAAA,cAAA,UAAKQ,EAAQE,KAAKI,YAAYX,MAAMkB,eAEpCrB,EAAAA,cAAA,SACEA,EAAAA,cAAA,UAAKQ,EAAQE,KAAKI,YAAYQ,aAOnC,C","sources":["webpack://personal-portfolio/./src/pages/projects.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"],"names":["_ref","data","React","Layout","SEO","title","className","allMarkdownRemark","edges","map","project","key","node","id","Link","to","frontmatter","path","GatsbyImage","image","getImage","thumbnail","alt","toUpperCase","date"],"sourceRoot":""}