#filter');filter:saturate(200%)}.src-components-Posts-PostItem----PostItem-module---Content---2iM57{padding:10px;color:#555;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.src-components-Posts-PostItem----PostItem-module---Title---OE_Fj{font-weight:600;margin:0;font-size:110%}.src-components-Posts-PostItem----PostItem-module---Date---1Dorj{font-size:80%}.src-components-Card----Card-module---Card---VK6eT{background:#fff;padding:10px;box-sizing:border-box;box-shadow:-1px 2px 2px rgba(0,0,0,.3);border-radius:3px}.src-components-Posts-PostLoop----PostLoop-module---PostLoop---192AW{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.src-components-Posts-PostLoop----PostLoop-module---SearchBar---3k6No{margin-bottom:30px;width:100%}.src-components-Posts-PostLoop----PostLoop-module---Filters---3ljlw{margin-top:10px}.src-components-Section----Section-module---Section---2F_FA{margin:10px 0}.src-components-Section----Section-module---Header---3YKNJ{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center}.src-components-Section----Section-module---canCollapse---2H7tc:hover{opacity:.8;cursor:pointer}.src-components-Section----Section-module---Arrow---19jpk{color:#6078e4;transition:all .12s ease-out;margin:auto;margin-left:15px;display:inline-block}.src-components-Project----Project-module---Project---2miAy{margin:15px 0;position:relative}.src-components-Project----Project-module---Head---23TP7{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center}.src-components-Project----Project-module---Skills---Umb25{margin-left:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.src-components-Project----Project-module---Title---2WGHd{color:#eb147f}.src-components-Project----Project-module---Link---12_7r{margin-top:10px;color:rgba(83,83,83,.8)}.src-components-Project----Project-module---Link---12_7r:hover{color:#eb147f}.src-components-Project----Project-module---date---HjpJn{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:80%;color:rgba(0,0,0,.22353);margin-left:auto;position:relative;font-style:italic}.src-components-Tag----Tag-module---Tag---nFUgo{padding:2px 8px;border-radius:3px;background:#6078e4;color:#fff;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:200;margin-right:6px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;font-size:85%}.src-components-Misc-Github----Github-module---Github---3IQiU{background:#222;z-index:5;border-radius:5px;box-shadow:0 2px 2px rgba(0,0,0,.26);box-sizing:border-box}@media screen and (min-width:1300px){.src-components-Misc-Github----Github-module---Github---3IQiU{width:350px;position:absolute;top:52vh;right:20vw}}@media screen and (max-width:850px){.src-components-Misc-Github----Github-module---Github---3IQiU{max-width:100%}}@media screen and (max-width:450px){.src-components-Misc-Github----Github-module---Github---3IQiU{height:420px}}.src-components-Misc-Github----Github-module---Head---pK-D_{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;padding:10px}.src-components-Misc-Github----Github-module---Loading---23uDv{color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.src-components-Misc-Github-Item----Item-module---Item---3e9_8{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(235,20,128,.20392);box-sizing:border-box;padding:3px 15px;padding-right:25px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.src-components-Misc-Github-Item----Item-module---Item---3e9_8:hover{background:rgba(235,20,128,.20392)}.src-components-Misc-Github-Item----Item-module---Data---3oGg-{margin-left:10px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.src-components-Misc-Github-Item----Item-module---Type---3D1bF{font-weight:500;font-size:1rem;margin-bottom:3px}.src-components-Misc-Github-Item----Item-module---Name---C-mpJ{font-size:.9rem;display:block;color:#eb147f;font-weight:200;line-height:1.1}.src-components-Misc-Github-Item----Item-module---Time---3nvO6{font-size:.7rem;letter-spacing:.1ch;font-weight:100;opacity:.6}.src-components-Misc-Skills----Skills-module---Skills---SDrYH{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex}.src-components-Misc-Skills-Skill----Skill-module---Skill---8HsNq{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:10px 10px 10px 0;-ms-flex-preferred-size:150px;flex-basis:150px}.src-components-Misc-Skills-Skill----Skill-module---Skill---8HsNq img{margin-right:3px}
React
NodeJS
Recently I rebuilt my portfolio with React and static site generator GatsbyJS. I initially built a server side rendered Vue application which pulled in blog posts from a headless CMS called Tipe but I decided that was kind of insane for what I was doing. I picked up Gatsby - which is just like writing a server-side rendered React app but you render it at build time and deploy statically.
I'm not looking for work at the moment but if
you have any questions feel free to get in touch...