{"data":{"markdownRemark":{"html":"<p>My previous portfolio was powered by Vue.js, but the whole website wasn't very optimized and content management was chaotic because all projects were in a single file.\nI had Gatsby in my line of sight since months and wanted to try it by rewriting my portfolio.</p>","frontmatter":{"title":"Portfolio 2018","date":"August 2018","headline":"My portfolio for 2018, powered by Gatsby","tags":["HTML","CSS","Gatsby","JavaScript","Node.js","React"],"links":null,"medias":[{"publicURL":"/static/01-0d87ce66560b9445fd82d019dfce5e68.png","internal":{"mediaType":"image/png"},"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAA50lEQVQoz62R2w6EMAhE/Vr/W33QxHiJ2nqX9RDdVFeND0tCWigMw9STP5u3LIvcede2EgSBhGGoZxRF0nWdPPXcAk7TJNZaKYpCvSxLdXK8Ya8A39orhhgM8jxXNtM86xnHsVRVpTVN0+jaLqh799yJWLvqRpM1RnMApmmqehIDTI66cRwPvYdP2R8o6vtedcJhY1ZwmA/DsA00mqf2kqELWte1JEnynZ5lmcZ8DCD1ypDY/W2X5Q8ghbCA5bxqyACzrU8MUySBLRvcAu7nvuruMEU3nPv5/RLwLKwbw873fXXuT7XYB/EwXr5E2LweAAAAAElFTkSuQmCC","aspectRatio":1.7777777777777777,"src":"/static/0d87ce66560b9445fd82d019dfce5e68/89224/01.png","srcSet":"/static/0d87ce66560b9445fd82d019dfce5e68/acb2b/01.png 100w,\n/static/0d87ce66560b9445fd82d019dfce5e68/9d27c/01.png 200w,\n/static/0d87ce66560b9445fd82d019dfce5e68/89224/01.png 400w,\n/static/0d87ce66560b9445fd82d019dfce5e68/1807f/01.png 600w,\n/static/0d87ce66560b9445fd82d019dfce5e68/6d601/01.png 800w,\n/static/0d87ce66560b9445fd82d019dfce5e68/a14b9/01.png 1200w,\n/static/0d87ce66560b9445fd82d019dfce5e68/a8021/01.png 1920w","srcWebp":"/static/0d87ce66560b9445fd82d019dfce5e68/adff7/01.webp","srcSetWebp":"/static/0d87ce66560b9445fd82d019dfce5e68/30a90/01.webp 100w,\n/static/0d87ce66560b9445fd82d019dfce5e68/9ea98/01.webp 200w,\n/static/0d87ce66560b9445fd82d019dfce5e68/adff7/01.webp 400w,\n/static/0d87ce66560b9445fd82d019dfce5e68/f4360/01.webp 600w,\n/static/0d87ce66560b9445fd82d019dfce5e68/a2b84/01.webp 800w,\n/static/0d87ce66560b9445fd82d019dfce5e68/58906/01.webp 1200w,\n/static/0d87ce66560b9445fd82d019dfce5e68/92507/01.webp 1920w","sizes":"(max-width: 400px) 100vw, 400px"}}},{"publicURL":"/static/02-6eb0f7ad5ba28f332690bde2fc1b86d0.png","internal":{"mediaType":"image/png"},"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAA+0lEQVQoz62SC4uDMBCE/f+/0T5oxVZto4nP+JpmFnIEPSwHtyDJTuLn7K4R/jmidV1x9EzThNvtjjRNZf/t/iFwWRb0fY+qqmCMlj21PwHD2Oa/xSGQ0bUtXkWBYRgkr+saTdP8ALhXSkFrLS3YQqNQEGDXQbsSrbWSG2ME0LoPzfMs59RaB94Cd0NhEDSOo/SKAPaNMGoE0DlXnvshhdCdQw6gcCX7y3ST57kAGGVZSrnhcMJ+74DWDuKKjrwrOvUrHfLcO/0K5BBYomgupxtq/g4dZ1kmq3d5CFSqxPl0wt39zIvT1PuNOI6RJIk45IAu1yuej6fk2/c/ieVhZxC9rHMAAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"/static/6eb0f7ad5ba28f332690bde2fc1b86d0/89224/02.png","srcSet":"/static/6eb0f7ad5ba28f332690bde2fc1b86d0/acb2b/02.png 100w,\n/static/6eb0f7ad5ba28f332690bde2fc1b86d0/9d27c/02.png 200w,\n/static/6eb0f7ad5ba28f332690bde2fc1b86d0/89224/02.png 400w,\n/static/6eb0f7ad5ba28f332690bde2fc1b86d0/1807f/02.png 600w,\n/static/6eb0f7ad5ba28f332690bde2fc1b86d0/6d601/02.png 800w,\n/static/6eb0f7ad5ba28f332690bde2fc1b86d0/a14b9/02.png 1200w,\n/static/6eb0f7ad5ba28f332690bde2fc1b86d0/a8021/02.png 1920w","srcWebp":"/static/6eb0f7ad5ba28f332690bde2fc1b86d0/adff7/02.webp","srcSetWebp":"/static/6eb0f7ad5ba28f332690bde2fc1b86d0/30a90/02.webp 100w,\n/static/6eb0f7ad5ba28f332690bde2fc1b86d0/9ea98/02.webp 200w,\n/static/6eb0f7ad5ba28f332690bde2fc1b86d0/adff7/02.webp 400w,\n/static/6eb0f7ad5ba28f332690bde2fc1b86d0/f4360/02.webp 600w,\n/static/6eb0f7ad5ba28f332690bde2fc1b86d0/a2b84/02.webp 800w,\n/static/6eb0f7ad5ba28f332690bde2fc1b86d0/58906/02.webp 1200w,\n/static/6eb0f7ad5ba28f332690bde2fc1b86d0/92507/02.webp 1920w","sizes":"(max-width: 400px) 100vw, 400px"}}},{"publicURL":"/static/03-f0251f946eed4e004a68779d20af71ca.png","internal":{"mediaType":"image/png"},"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAB4klEQVQoz2VSyYoTURStX3HTmLRovsGWrm5XNkgaocGdmyAuIgFtbATFXTe6V/ySbEKIi3aRQAghQ2eek0oNGchQdaxzY5UVfHC47w7nDu9dpVgsotVqYTKZoN/vo1aroVQqoVwui6xUKqhWqwLG0kZZKBTQbDZRr9fR7XblTo5CQ6fTwXQ6lYTUG42GBFDmcjlkMhmk02nk83kp6BWgn1zyer2e+JTRaARC13WMx2NxDgYDCWDnrJrNZiUxu2232+JjV4zXNM2XtCmmacKyLB+GYUjy4XAoiQneCa8YG+BEs9kM8/lc5HK5lMTKarXCer0WbDYbkUGbpwdtQZ0cYrvdgs0p+HscT9o2HMdxYUuQTdDmYnf/p/tcZ8deLBZQduSdwbYdDMeavJGMZZjQpgY0dwM0d0TdsKDppmwE9fXWZjafz/H3Ei4Xc1x9+gj15BRPT1Vcf71G4sMlHh8diX7z7QaJy/c4Plahqk/w/ecPmWyvw72W5xZeXpzhUSSCw9AB4m9e4eLFM4RCYUQeHuJd4jWen50gHH6A+wf38OXzlTezCD7RXkK+jbd/3Klmq41UKoVf7h4mk0nc3v72fdW7O/TcXw/y/YRBY/DwF8+j54jFYohGo3gbj/8XE3wy/vYfwIAS5RTwsRkAAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"/static/f0251f946eed4e004a68779d20af71ca/89224/03.png","srcSet":"/static/f0251f946eed4e004a68779d20af71ca/acb2b/03.png 100w,\n/static/f0251f946eed4e004a68779d20af71ca/9d27c/03.png 200w,\n/static/f0251f946eed4e004a68779d20af71ca/89224/03.png 400w,\n/static/f0251f946eed4e004a68779d20af71ca/1807f/03.png 600w,\n/static/f0251f946eed4e004a68779d20af71ca/6d601/03.png 800w,\n/static/f0251f946eed4e004a68779d20af71ca/a14b9/03.png 1200w,\n/static/f0251f946eed4e004a68779d20af71ca/a8021/03.png 1920w","srcWebp":"/static/f0251f946eed4e004a68779d20af71ca/adff7/03.webp","srcSetWebp":"/static/f0251f946eed4e004a68779d20af71ca/30a90/03.webp 100w,\n/static/f0251f946eed4e004a68779d20af71ca/9ea98/03.webp 200w,\n/static/f0251f946eed4e004a68779d20af71ca/adff7/03.webp 400w,\n/static/f0251f946eed4e004a68779d20af71ca/f4360/03.webp 600w,\n/static/f0251f946eed4e004a68779d20af71ca/a2b84/03.webp 800w,\n/static/f0251f946eed4e004a68779d20af71ca/58906/03.webp 1200w,\n/static/f0251f946eed4e004a68779d20af71ca/92507/03.webp 1920w","sizes":"(max-width: 400px) 100vw, 400px"}}}]},"fields":{"slug":"/projects/portfolio-2018","sourceInstanceName":"projects","cover":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAA20lEQVQoz62RxwqFQAxF/Vr/W1yoiAV7z+MERmLFxQuETNqdm8STP4u3bZs86TAMEgSBhGG4W2JvPY+Ay7JI13VSlqUURaEWJUYO+QT4VT4xRGCQ57myWddVbRRFUlWV1jRNo2NbUPv27I8IxTQBTAzANE333dV1rbG+72We50Pv4SguQdE4jronFKC2bfWDaZoUCJ84tbcMLSgMkiTZF59lmcRxrIcBhDy+vbZleQGkEBawZIeMDyPy+I4hbPn0EdBZN6pTxuIgKO9z/hbwvFjrw8b3fVXeb7XIDy8eXuTVMy7yAAAAAElFTkSuQmCC","aspectRatio":1.7777777777777777,"src":"/static/0d87ce66560b9445fd82d019dfce5e68/eeb68/01.png","srcSet":"/static/0d87ce66560b9445fd82d019dfce5e68/9e20e/01.png 480w,\n/static/0d87ce66560b9445fd82d019dfce5e68/2cc71/01.png 960w,\n/static/0d87ce66560b9445fd82d019dfce5e68/eeb68/01.png 1920w","srcWebp":"/static/0d87ce66560b9445fd82d019dfce5e68/3cbe0/01.webp","srcSetWebp":"/static/0d87ce66560b9445fd82d019dfce5e68/4e722/01.webp 480w,\n/static/0d87ce66560b9445fd82d019dfce5e68/427e9/01.webp 960w,\n/static/0d87ce66560b9445fd82d019dfce5e68/3cbe0/01.webp 1920w","sizes":"(max-width: 1920px) 100vw, 1920px"},"resize":{"src":"/static/0d87ce66560b9445fd82d019dfce5e68/4f3c3/01.png"}}}}}},"pageContext":{"slug":"/projects/portfolio-2018"}}