{"componentChunkName":"component---src-templates-project-js","path":"/projects/this-site/","result":{"data":{"site":{"siteMetadata":{"title":"David Liu"}},"markdownRemark":{"id":"23b21c08-ebcc-5cd4-b2f1-d268f82c37d1","excerpt":"Short blurb The problem The solution My Role Key features Technologies used Lessons learned","html":"<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 720px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/3e9d5403fc4cd8c8975e0fdc51785acb/91606/this.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 46.111111111111114%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAJABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAQCBf/EABcBAAMBAAAAAAAAAAAAAAAAAAABAwT/2gAMAwEAAhADEAAAAe2kzlpckI//xAAYEAACAwAAAAAAAAAAAAAAAAAAEgECEP/aAAgBAQABBQJoGqNXIz//xAAVEQEBAAAAAAAAAAAAAAAAAAAAEv/aAAgBAwEBPwGUP//EABYRAAMAAAAAAAAAAAAAAAAAAAACE//aAAgBAgEBPwGzFmP/xAAWEAEBAQAAAAAAAAAAAAAAAAAxACD/2gAIAQEABj8CZnH/xAAVEAEBAAAAAAAAAAAAAAAAAAAQAf/aAAgBAQABPyFZlX//2gAMAwEAAgADAAAAECA//8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8QlD//xAAWEQADAAAAAAAAAAAAAAAAAAAAAWH/2gAIAQIBAT8QkiSP/8QAHRAAAQMFAQAAAAAAAAAAAAAAAAERMRBBYXGR0f/aAAgBAQABPxBXvIjV5icIE11T/9k='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"pic\"\n        title=\"pic\"\n        src=\"/static/3e9d5403fc4cd8c8975e0fdc51785acb/80e3c/this.jpg\"\n        srcset=\"/static/3e9d5403fc4cd8c8975e0fdc51785acb/4ec73/this.jpg 180w,\n/static/3e9d5403fc4cd8c8975e0fdc51785acb/158ba/this.jpg 360w,\n/static/3e9d5403fc4cd8c8975e0fdc51785acb/80e3c/this.jpg 720w,\n/static/3e9d5403fc4cd8c8975e0fdc51785acb/47311/this.jpg 1080w,\n/static/3e9d5403fc4cd8c8975e0fdc51785acb/644c5/this.jpg 1440w,\n/static/3e9d5403fc4cd8c8975e0fdc51785acb/91606/this.jpg 1736w\"\n        sizes=\"(max-width: 720px) 100vw, 720px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<p>Short blurb</p>\n<h2>The problem</h2>\n<h2>The solution</h2>\n<h2>My Role</h2>\n<h2>Key features</h2>\n<h2>Technologies used</h2>\n<h2>Lessons learned</h2>","frontmatter":{"project":"This Site!","date":"June 11, 2019","description":"Responsive website built with ReactJS. Readible code and modern design. Easily mantainable (and good lookin')"}}},"pageContext":{"slug":"/this-site/","previous":{"fields":{"slug":"/moba-game/"},"frontmatter":{"project":"Node.js Moba Game"}},"next":{"fields":{"slug":"/ubc-course-register/"},"frontmatter":{"project":"UBC Course Registration Helper App"}}}}}