{"componentChunkName":"component---src-components-project-layout-js","path":"/dev-projects/portfolio","result":{"data":{"markdownRemark":{"html":"<p>The portfolio site you're currently viewing was developed with React and Gatsby. Gatsby is an open-source framework and static site generator that combines functionality from React, GraphQL and Webpack into a single tool for building static websites and apps. </p>\n<p>Each project page starts as a markdown file within the project filesystem. Inside of that file a slug, title, subtitle, featured image and link are provided with frontmatter. The content for the project is taken from the rest of the mark down file. I then use graphQL and Gatsby's other internal plugins to query each of those files and dynamically create pages for each one.</p>\n<p>The projects you see listed on the Project Listing page are populated by using GraohQL. I query each markdown file within the projects folder and use that information to create a list of each project. Each project contains a title, subtitle, slig and featured image like its respective page. </p>","frontmatter":{"title":"Portfolio","subtitle":"Portfolio site made with React & Gatsby","slug":"/dev-projects/portfolio","link":"https://github.com/ericwhited/gatsby-react-portfolio","buttonText":"GitHub","noimage":null,"secondImage":null,"featuredImage":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAADzklEQVQ4y3VVV2wUVxQdQPI3n0GASCI6IQnYdBBCFCWKEJFxEhBg00y1KEZC9PBBSCFgjNdl3bLGjSZAFOGl2PLaoiNYy3QhmigiRphmYs/svTnn7YyJZGeku/PmvXfPu/ec++5aC2L9lmsd5gzM8sbdFg3NXQ8LYfxi/tfZEZi9MM7/BHNBWEryoJzOyYNzjF/UzNiy3EHH+YNyrGVjCi04rVk4JPfN7C8ydUavXcr30pH5umR4nib185m5uQOzdNGQ3KfwS8Jea95X2R6wZQYES+zniwHYMZyqs/pk6M8/7Gup2lvvPLv/Sl6/bJLXDe/l8Z2GyPH8K/bqb0ts7oGvLojzZy4ZkW/N/TKanYXTvMiOIS0FYPOp0rqI4vmnqUWuVt2XisBVOVkclvqzjwTTNN23/ayT1N9nIxiFbzqM2XaMcoY0GRnBwqEHxuFIziVJGVUgM3qmq2cze+/S1AlFEjp4w+ypPnBd4O/QFxhTvZS7kTOm4EWWsfyETPtspzJiCEC+Wg2p6XSsHUg/Ly+fvdXU8UUOOCTgLQDHWFSTxG+M39NCsKP+yzL98526eFgeU1FzeuzHtzfHVFNGFwgPaI0y1p9AwNBMKFdz6KYTiYgsHZEvPBFRt4J41gqKNXdd8BZEZ7trAQsTL6Cwlv5aYwg/VRJWfrsKtomQkc1BRsZQPshOIKzj7rlg4SdCbn7qkSZlv9cassGlJvbNaAsKMJSIrptcpmtd2/B9uaz+pljcPU0sSnv52L+0eEs1uZOSrSFtD5QpMvJtyUfMuoioYxsNpa72obDosaeR9fcE9aSPbjdEwKPEd/lTS3+raQNKQHK7auJuLdxUqQUbzmjhxkpt/mDLxYq7DksKetRQlCA/DmddtHlaRdE1Sei6vX1QREpQBvBj9x26fkq54T1v3Wlzc1AZ2QRM4d1c812p/eFds0kBt0L/D9Qrp9kDMvVe3XNzLTHnUCxoMYmidOZF5wn70845Gn3aBwVPNPJVubfeCOhbWWHzMAR2HrfIstwWlMTTUQr26bI68UCDSD/+k21a8ktUqODua2waci/83Owp/6M2Mgtgbk2OIZbpNmxB7BqUHqk4UNpp/Pu9Aa09fFNQ+F5JGcOa+FacsA1YnCn6VLePdjKA7GfoeQRNZ6RMf8W4gBPYXGWHqx84WauCMu3TNIGyZg4BOIluZAQznSbuYz80oOxn0Rbknwo+blFNArMCWNBeHXLOCADOmKbbrTp4nd/6z1+A6dzkAWAxcEiAegG8L/AGYL4R4oVYGlQTXcbjvxN9kwdHMf4FM9WYJ9JzWs8AAAAASUVORK5CYII=","aspectRatio":1,"src":"/static/a8c2b1f94376a0ee09ef45d2c266da8c/bc59e/icon-512x512.png","srcSet":"/static/a8c2b1f94376a0ee09ef45d2c266da8c/69585/icon-512x512.png 200w,\n/static/a8c2b1f94376a0ee09ef45d2c266da8c/497c6/icon-512x512.png 400w,\n/static/a8c2b1f94376a0ee09ef45d2c266da8c/bc59e/icon-512x512.png 512w","sizes":"(max-width: 512px) 100vw, 512px"}}}}}},"pageContext":{"slug":"/dev-projects/portfolio"}},"staticQueryHashes":["3649515864"]}