{"componentChunkName":"component---src-templates-blog-post-js","path":"/work/coding-artist","result":{"data":{"graphCmsPost":{"content":{"html":"<p><em>Coding Artist </em>was a platform where I provided visual journeys for web developers.</p><p>\n I hosted a popular email challenge called <a rel=\"noopener noreferrer\" target='_blank' title=\"https://codepen.io/collection/XqqzxZ\" href=\"https://codepen.io/collection/XqqzxZ\"><em>Daily CSS Images</em></a>, wrote visually-stimulating tutorials like <a rel=\"noopener noreferrer\" target='_blank' title=\"https://medium.com/coding-artist/a-beginners-guide-to-pure-css-images-ef9a5d069dd2?source=friends_link&sk=ff4181b825838849dfb2b58c798280e7\" href=\"https://medium.com/coding-artist/a-beginners-guide-to-pure-css-images-ef9a5d069dd2?source=friends_link&sk=ff4181b825838849dfb2b58c798280e7\"><em>A Beginner&#39;s Guide to Pure CSS Images</em></a> and <a rel=\"noopener noreferrer\" target='_blank' title=\"https://medium.com/coding-artist/how-to-create-the-vueconf-load-animation-with-svgs-and-vue-js-f7bbf0e24fb0\" href=\"https://medium.com/coding-artist/how-to-create-the-vueconf-load-animation-with-svgs-and-vue-js-f7bbf0e24fb0\"><em>How to Create the VueConf Load Animation (While Learning About Vue.js and SVGs in the Process)</em></a>, created <a rel=\"noopener noreferrer\" target='_blank' title=\"https://coding-artist.teachable.com/\" href=\"https://coding-artist.teachable.com/\">video courses</a>, and lastly, compiled ebooks including <a rel=\"noopener noreferrer\" target='_blank' title=\"React.js for the Visual Learner\" href=\"React.js for the Visual Learner\"><em>React.js for the Visual Learner</em></a>, <a rel=\"noopener noreferrer\" target='_blank' title=\"https://medium.com/coding-artist/learn-react-vr-chapter-1-hello-virtual-world-202241c0cb63?source=friends_link&sk=eb1cd6fab4b420740a0c6e91372920b0\" href=\"https://medium.com/coding-artist/learn-react-vr-chapter-1-hello-virtual-world-202241c0cb63?source=friends_link&sk=eb1cd6fab4b420740a0c6e91372920b0\"><em>Learn React VR</em></a>, and <a rel=\"noopener noreferrer\" target='_blank' title=\"https://medium.com/coding-artist/full-stack-react-with-phoenix-chapter-7-crud-operations-79d4e5af9a0d\" href=\"https://medium.com/coding-artist/full-stack-react-with-phoenix-chapter-7-crud-operations-79d4e5af9a0d\"><em>Full-Stack React With Phoenix</em></a>.</p><p></p><p>All this content generation came at a point when I was trying to learn web technologies and find a niche for visually-stimulating development myself. Because of this, I was able to sympathize with many developers struggling to navigate through the overwhelming amounts of online resources and explain technical material in an understandable, compassionate, and fun way.\n</p><p></p><img src=\"https://media.graphcms.com/g3C1LVV5SICSDPcCI8Qg\" alt=\"Screen Shot 2021-01-16 at 2.23.15 PM.png\" title=\"Screen Shot 2021-01-16 at 2.23.15 PM.png\" width=\"2770\" height=\"1528\" /><p></p><p></p><p>The platform also helped me make great connections with many developers.</p><p></p><p>It opened an opportunity to give a talk to a Codepen meetup in Dayton, Ohio on how to create pure CSS images. I also was able to come on to the <a rel=\"noopener noreferrer\" target='_blank' title=\"https://blog.codepen.io/2017/06/06/133-mike-mangialardi/\" href=\"https://blog.codepen.io/2017/06/06/133-mike-mangialardi/\">Codepen Radio podcast for an episode about my <em>Daily CSS Images</em> challenge</a>.\n\n\n</p><img src=\"https://media.graphcms.com/dKYSZFf0TqKL2S1hCAzl\" alt=\"Screen Shot 2021-01-16 at 2.07.58 PM.png\" title=\"Screen Shot 2021-01-16 at 2.07.58 PM.png\" width=\"1186\" height=\"946\" /><p>\n\nCreating a journey for other developers led to a journey to my current role at Rackspace Technology.</p>","text":"Coding Artist \\nwas a platform where I provided visual journeys for web developers.\\n\n I hosted a popular email challenge called \\nDaily CSS Images\\n, wrote visually-stimulating tutorials like \\nA Beginner's Guide to Pure CSS Images\\n and \\nHow to Create the VueConf Load Animation (While Learning About Vue.js and SVGs in the Process)\\n, created \\nvideo courses\\n, and lastly, compiled ebooks including \\nReact.js for the Visual Learner\\n, \\nLearn React VR\\n, and \\nFull-Stack React With Phoenix\\n.\\n\\nAll this content generation came at a point when I was trying to learn web technologies and find a niche for visually-stimulating development myself. Because of this, I was able to sympathize with many developers struggling to navigate through the overwhelming amounts of online resources and explain technical material in an understandable, compassionate, and fun way.\n\\n\\n\\n\\n\\nThe platform also helped me make great connections with many developers.\\n\\nIt opened an opportunity to give a talk to a Codepen meetup in Dayton, Ohio on how to create pure CSS images. I also was able to come on to the \\nCodepen Radio podcast for an episode about my \\nDaily CSS Images\\n challenge\\n.\n\n\n\\n\\n\n\nCreating a journey for other developers led to a journey to my current role at Rackspace Technology."},"html":null,"date":"2021-01-16","id":"Post:ckjoe3zeg0gc50a74kijzty1h","updatedAt":"2021-01-21T20:04:37.505159+00:00","slug":"coding-artist","title":"Coding Artist","tags":["side-projects"],"subtitle":"2016 - 2017","seo":{"keywords":[],"description":"Details on my work for the Coding Artist platform","title":"Coding Artist"}},"graphCmsAuthor":{"biography":"is a software developer specializing in UI development with React and fluent in UI/UX design.\n\nAs a survivor of impostor syndrome, he loves to make learning technical skills digestible and practical. Formerly, he published articles, ebooks, and coding challenges under his brand \"Coding Artist.\" Today, he looks forward to using his mature experience to give back to the web development community.\n\nHe lives in beautiful, historic Virginia with his wife.","name":"Michael Mangialardi"},"avatar":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='599'%20viewBox='0%200%20400%20599'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%2089v89l3%201c2%202%205%201%207-1%203-3%204-3%208-1h12l11-2c2%201%2010-4%2010-6s2-2%202-1h2l2-2v-2l1-2c-2%201-5-3-3-4v-2c-2%200-7-3-7-5l2-4%201-2c-3%200-1-3%204-4%207-3%2011-4%2014-2l3%201h1l3%201%204%202%204%201%205%203%204%202%201%201%201%202%201%201c-1%206%204%209%209%207l3-1%201-2c0-3%203-4%208-3%204%201%208%201%209-1%202-1%202-1%206%202l4%203c2%200%204%203%205%205l1%203v3l1%203c2%201%203%205%202%205-2%200-2%203%200%206%202%202%202%202%205%200s3-3%200-7c-1-2-2-3-1-4l1-1%201-3%202-5c-1-2%203-7%205-7l4-2h3l1-1%201-1c3%200%208-5%208-9%200-5%203-11%205-12l4-2h3c1%202%203-6%203-10l1-3%201-2%201-2-1-2c-3-1-3-1-1-3s7-3%207-1h1l4-2%204-3c1-2%203-2%204-2l5-2c3-3%205-3%2021-4%206-1%208-1%2010%201l6%202c2%200%2011%206%2014%209l4%205%201%202c-1%201-1%201%201%203l1%203%201%203%202%203c0%201-4%200-6-3l-4-2-1-2v-1l1-1-1-1c-1%201-3%200-5-2-2-4-12-8-13-6h-4c-4-2-13-3-12-1%201%201-3%202-5%202-1-1-8%202-11%206-2%202-3%202-4%201h-4l-2%201v1l-3%201c-3%206-5%207-5%205-1-1-1-1-3%201l-3%202c-2%201-2%205%200%206l1-2c-1-2%200-3%201-3s2%202%201%203v1l-1%202c-2%200-3%204-2%205v3c-2%204-2%208%201%2010l6%2012c0%205%202%207%202%203-1-5%202-14%205-17l2-3v-3c-2%200-3-2-1-4v-1c-3%200-1-4%204-9%203-3%204-3%2010-3%2013%200%2017-1%2023-2s12-1%2013%201l3%201c2%200%205%201%208%205%205%206%207%206%207%200%200-4%202-3%202%201l2%202%201%201c-2%201-2%201-2%208%200%205-1%206-3%203%200-2-1-3-2-3v10l1%205c3%201%202%207%200%2011l-2%208-1%205%203-1c4%200%205-1%206-5l1-4c2-1%2011%201%2015%203s5%203%203%207-2%207%200%208c5%201%209%200%209-1-1-1%206-4%2013-5l6-3%201-1%201%201%206%204%206%203%203%201%204%201%204%201%203%201c0%202%2023%201%2030-1l10-3h5v-8l1-93V0H0v89m243-65l-1%202c-2-1-6%201-6%202l-2%202c-3%201-2%203%202%205%206%201%208%205%207%209-2%207-1%208%204%208s6-1%206-3a293%20293%200%2001-3-16l-1-3-4-8-2%202m-42%203c-4%203-6%205-8%209-1%203-3%204-6%202-3-3-8%200-9%204l-4%204c-4%200-3%202%201%204%205%203%206%202%2013-5l8-4c3%200%209-4%209-7%200-2%204-6%206-6l-2-2c-4-3-4-3-8%201m-37%2019l-3%201c-4-1-10%201-9%203l-1%202c-2%200-3%204-1%206%201%201%202%202%203%201l3-1c3%200%207-3%206-5l3%201c3%202%204%201%202-2v-6h-3m76%2020l-1%205-3%204c-2%200-2%201%200%204%204%206%2012%2010%2016%208%203-1%204-5%202-7l-2-4c0-8-9-16-12-10m34%204l-2%201c-3%200-7%202-7%204-1%202%202%207%204%208%201%200%205%202%207%205%204%205%205%205%207%204s2-6%200-5l-1-1-2-4c-3-2-2-7%201-7%201%200%202-5%200-5l-4-1-3%201m-98%2088l-4%202c-5%202-11%208-10%2010l2%201%204%203c8%205%2013%203%2015-6%202-6%202-6%200-8-3-2-7-3-7-2m-51%201h-3l-1%202h-1c-1-1-3-1-4%201l2%201c2-1%202-1%202%201l-1%202h-2l-1%201h-1c0%202%201%202%203%201l3%201-1%201v1l1%203%202%202%201%201c0%202%202%203%205%203%202%200%201-4-1-8s-3-8-1-8v-3c0-3%200-3-2-2m57%2025c-8%207-8%2015%200%2015%205%200%2013-14%2010-16s-7-1-10%201m137%2018c-4%203-4%205%200%208l3%202c2%203%2016%203%2019%200%204-3%203-4-4-7l-6-4c-6-2-8-2-12%201m-112-1c0%202%207%2012%209%2013v1l2%202%203%202c1%202%2011%205%2015%205%205%200%2011-2%2013-4v-2c-8%203-24%200-27-5-1-2-2-2-3-1-2%200-2%200-1-1%202-3%201-6-2-4-1%201-2%200-5-3l-4-3m-24%205c-1%204-7%208-8%207l-3%202-3%202c0-1-1-1-3%201l-3%202v1c0%202-16%2011-17%2011l-3%201-2%202-13%204-1%201h-17c-1-2-2-1-1%201v3l-3-2-3-2-2-1c-4%200-4%200-7-2-2-1-2-1-5%202-3%204-5%209-5%2013l-2%204c-2%203-1%2017%202%2016l2%202%201%202c2%200-2%204-4%205-4%201-8%207-4%207l1%201%202%202c4%201%203%202-5%204-4%202-4%202-4%200%201-1%200-2-1-3s-1-1-1%203c1%202%200%204-1%206a346%20346%200%2000-19%2045c-1%207-6%2020-8%2023-4%206%202%2024%2011%2034l14%2016%208%2010-2%204-5%2022c-7%2025-9%2030-8%2022%200-2%200-2-1-1l-2%201c-1-1-1%200-1%201l-1%201h-1l1%202%203%201%201%202-1%202-2-1-1-1-3-1c0-2-5-5-7-5l-1%203c1%202%200%202-1%202l-3-1-1-3c-1-2-1-3-5-3-9%200-12%200-15%202-6%202-6%202-6-4%201-5%201-6-6-6-3%200-3-1-3-3%200-3%200-3-3-2-2%201-2%203-2%2069v67h38a251%20251%200%200039-1l16%201h15v-4c-2-7-3-9-6-10l-4-1-2-1-5-1c-1-2-1-2%202-2l3%201%206%202c4%202%204%202%204%200l1-2h2c1-1%202-1%205%201l5%203-8-7c-3-2-2-4%203-4%202%200%203%200%202-1-2-1-3-5-2-6v-3c-1-2-1-2%201-2%203%200%203-1%200-3-4-4-2-9%204-6h11l14%202c7%201%202-1-7-2-3%200-10-2-13-4l-7-3v-5c0-5%201-10%204-14l2-3%204%202%209%207c6%205%2012%209%2013%208s-1-3-4-5c-4-1-16-10-20-14l-2-2%202-5%204-6v-3l1-4%202-3%205%203c6%202%2011%203%207%201-2-2%200-2%208%200l5-1c2-1%202-1-2-2-5-1-8-3-5-3l1-1c-1-1%200-1%201-2%203%200%203-1%202-2-1-2%200-3%208-11%2010-11%2013-15%2013-18%200-4%201-3%207%202%203%203%2014%206%2016%205l4-10-30-6c-4%200-7-3-5-6%203-5%2016-16%2020-17l5-3%202-6c3-4%205-13%2010-45a234%20234%200%2000-2-100l-16-74-3%203m89%208l-4%203-1%201-1%201c0%202%203%204%207%204l10%203c7%204%208%204%207%200l-2-4-1-3-2-3-4-3c-2-1-5-1-9%201m16%2036c1%202%202%2019%201%2021-1%201-1%201-1-1%200-5-3-13-6-16s-3-3-2-1l-1%205c-1%202%200%204%203%2015l4%2014h-1l-1-1v10l-1-5c-1-5-5-9-6-8s1%204%202%204c1-1%202%201%204%2015s2%2016%200%2012l-2-1-1-1-1-2-1%202c1%201%200%202-1%203v4c-1%205-5-3-6-15a1229%201229%200%2000-12-46v15l1%205%204%2017c3%2013%203%2018%204%2039l1%2025-3%203c-5%204-5%205%200%205l3-1v8c0%207%200%208-1%207h-2l-1%204c-2%202-2%204-1%208v7c-3%202-7%2028-5%2033%201%204%200%207-6%2010l-4%204c1%202-3%204-12%206-5%201-8%202-10%204l-5%202c-3%201-5%205-3%207l-1%201c-2%200-2%200-1-3s0-4-8-4h-4%202l-2%206-2%205h4c3%200%204%200%205%203l1%203%201-5c1-5%203-6%202-1l1%203c1-1%206%201%207%203%200%201%201%202%202%201l1%201-1%201c-1%200%201%205%204%207%201%201%201%201%201-1v-4c1-2-1-5-3-5-4-1-4-2%201-4%208-3%209-4%209-5h1l3-1h2l1%202%201-1c-1-1%200-2%201-2h1l3-1c2-2%202-2%204-1v3l-3%205-3%203v-3l-4%207-9%2015c-5%205-3%206%202%202%207-5%208-4%205%204%200%202%201%203%203%201l2-2v1c-2%202-1%203%201%202%203-3%201%201-4%207-3%203-4%206-3%206l-1%203-1%202c2%200-1%203-4%205-3%201-3%201-3-1l-1-1-1%202c0%202-2%203-6%203l-3%201-2%201-7%203-9%205c-6%203-7%206-8%2017l-1%2012-4%2024v8h16c14%200%2016%200%2014-1l-4-2c-2%201-5-3-4-5v-9l-1-1v-2l-1-2h-1l3-1h3l-3-2c-3-1-3-1-2-3%202-1%202-2%201-4s-1-2%201-2c1%200%201-1-1-3l-3-2h2c4%200%205-3%202-5l-2-2h3c5%200%204-2-1-3-2%200-3%200-2-1l1-1c0-2%204-4%207-4l1-1%202-2%202-2c-1-1%205-3%2011-3s8%201%204%204l-1%202c2%200%201%201-1%207l-2%206-1%202c-2%202-1%206%201%206l1%202h1l2-2-7%2019-4%2011-3%206h10c8%200%209%200%209-2%200-3%205-5%207-3%203%201%203%201%203-1l1-3%201%201c-1%201%200%202%201%202l1%201-1%201v1h-8c0-1-1-1-1%201-1%202%200%202%208%202s9%200%209-2l2-1%204%201h3l-3%201c-2%201-1%201%204%201l7-1h31l-1-2%202%201c2%202%205%202%2044%202h42v-11c0-10%200-11-2-11l-2-1%202-1c2-1%203-4%201-4l-2-1%201-1c2%200%202-4%202-32v-32h-3c-3%200-3%200-4-5l-3-6-3-1c-1-1-3%200-4%201-2%201-2%201-3-1h-4l-6-1c-4-3-8-2-6%202%200%202-5%206-6%205l-1-3%201-4c0-3%200-4-4-4-3%200-4%200-4%202%200%203-3%203-5%200-2-2-2-2-4-1-3%202-9%202-9%200h-1l-3-1c0-2-2-2-3-2-2%201-3%201-2-1%200-1%200-2-1-1-2%200-2%200-2-2s-5-6-6-4l-1%201-1%201c-1%203-4%203-5%201h-1v-4l-1-5-4-18-2-11-1-12c0-9%200-9-5-13-3-3-3-4%201-2%202%201%202%201%202-5l-1-17c-1-9-1-11-3-13v-1c3%200%203-5%200-5v-2c3-5%200-39-3-38-1%201-1-3-1-11l-1-11v-1l1-4%201-5%202-11%201-14c2-10-1-27-4-30v2M36%20409l-5%204-2%202%203%202c2%203%204%204%206%202l4-1c3%200%203%200%203-3%200-5-5-7-9-6m314%2032c-4%200-6%203-5%206v1l-1%203c0%203%201%204%203%202%201-2%206-3%207-2%200%202%206-1%206-4%202-5-2-7-10-6m44%205l-2%201-2%201h-3c-6-1-8%200-11%203l-4%203c-1-1-5%208-5%2011l-3%204c-2%201-3%202-2%203v4c0%203%204%206%204%203h2c2%200%202%200%202-2-1-4%201-6%206-8%203-1%204%200%207%203%204%203%206%209%203%208h-1l1%203%201-2h1c1%202%204%203%204%201l3-1%203%201%201%201%201-20c0-10%200-18-1-17%200%202%200%202-3%201l-2-1m-374%209v7c2%203%204%202%204%200s1-3%202-3l1%201%202%201%202%202%202%201%202%201h7c2%202%203%200%203-3l-2-3-2-1c-1-1-1-1%201-1s1-1-1-1l-3-1-1%201c-1%203-5%203-5%201s-1-2-2-2l-1%202c0%201-4%201-5-1l-4-1m16%2030v4l-1%201-2-1c0-1-1-2-3-2s-3%201-3%202l-3%203-1%203v2c0%202%202%201%205-1l3-3%201-2%201%202h2l3%201%202-1c-2-4%200-5%203-3h3l-2-2-3-3c0-2-4-2-5%200m253%208l-11%201-1%208%201%2010v2l-1%209c0%206-1%208-2%208l-1%204c0%202%200%203%202%203l-1%203c-3%202-2%203%203%202%202%200%202%200%202%202-1%202-1%202%201%201%205-2%206-1%202%201-3%202-3%202-2%203%203%203%203%203%205-1%201-4%203-5%203-3s2%202%208%200h4l1-1%203-1c3%200%204-3%202-5s-2-5%200-8l1-4c0-3%204-7%205-6l2-3c1-4%201-4-1-6l-2-4c0-2-1-3-2-3-2%200-2%201-2%203l-1%203%201%203c2%203%202%203%200%205v2l-1%201c-3%202-5%209-4%2012%200%201-5%207-7%207l-2-2h2c2%200%202%200%201-2-1-3%200-6%205-15l1-9v-7l1-3c-1-1-1-2%201-2%203-1%203-4%201-6l-1-2-2-1-14%201m-3%2024l-2%208-1%204-1%202-2%203c-2%202-2%204%200%202h9l-1-4%201-4c1%200%202-1%201-4%200-3%200-4%202-4%201-1%201-1-1-1s-4-2-2-2l1-2c-1-4-2-4-4%202m40%204c-1%201-2%202-1%204%200%203%200%203-2%202l-3-2c0-1-1-2-5-1-5%201-5%202-5%205%200%205%201%206%203%206%203%200%203-3%200-4s-3-3%201-2l4%201%206%201c6%201%208-1%204-4v-6h-2m-76%2012c-4%206-3%2015%202%2014l1%202c0%202%201%203%202%203%202%200%202%200%201-2l-1-10c-2-9-2-10-5-7m88%2027l-2%203-1%202c-2%201-2%201-3-1l-1-2-2%202c-3%203-2%206%203%205h4l-4%203c-3%203-3%203-1%203%203%201%205%200%205-2%201-3%206-4%206-2l2%202%201-2v-2c3-1%202-3%200-3l-3-1%201-1c2%200%201-3-1-5s-3-2-4%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.6666666666666666,"src":"/static/0ea1e9031de8479f22118a6fd0538804/5d2c5/avatar.png","srcSet":"/static/0ea1e9031de8479f22118a6fd0538804/002c1/avatar.png 250w,\n/static/0ea1e9031de8479f22118a6fd0538804/53f65/avatar.png 500w,\n/static/0ea1e9031de8479f22118a6fd0538804/5d2c5/avatar.png 1000w,\n/static/0ea1e9031de8479f22118a6fd0538804/b0160/avatar.png 1387w","sizes":"(max-width: 1000px) 100vw, 1000px"}}},"ebookCover":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='400'%20viewBox='0%200%20400%20400'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20200v200h401V0H0v200M255%2041v14l1%2014h3c2%200%203-1%203-5v-4h6c11%200%2016-9%209-17-2-2-3-3-12-3l-10%201m-86%207l-61%205v83l1%20137v54l78%2011%2079%2011%201-112%201-111v106c0%20106%200%20106%201%2041l1-65v133l2-1%208-1%205-1V194l1-118-4%202c-12%208-26%207-36-2-7-7-9-13-9-23l1-9c2-3%200-3-69%204m-6%2038c-3%200-5%204-5%207%200%204%204%208%207%208l3-1%201-4c0-4%200-4-2-4-3%200-4%202-2%203l1%201c-2%202-4%200-4-3s1-4%203-4l3-1c1-2-1-3-5-2m10%207c0%206%200%207%202%207l1-5v-4l2%204c4%207%206%206%207-3l-1-7c-1%200-2%201-2%204v5l-3-5c-1-3-3-4-4-4-2%200-2%201-2%208m-55-4l-1%207v6h3c5%200%207-3%207-8%200-3-1-4-2-5h-7m104%2025c-3%203-3%208%200%2011%205%204%2011%201%2011-6%201-7-7-11-11-5m15%205c0%206%200%207%202%207l2-2%201-3%202%203%203%202c2%200%202%200%200-4v-4c2-4%200-7-6-7h-4v8m-64%202c0%206%200%207%202%207l1-4v-4l1%204c2%204%204%205%206%200l1-3v3c0%202%200%203%202%203s2-1%202-7v-7h-3c-2%200-3%201-4%205-1%205-1%205-3-1%200-3-1-4-3-4s-2%200-2%208m6%2020c-6%202-5%2015%202%2015s8-14%202-15h-4m25%200l-1%207v7h5c4%200%206-2%201-3-3%200-3-2%200-3l2-2-2-1c-3%200-3-2%200-2%204-1%203-3-1-4l-4%201m11%207c0%206%200%207%202%207s2-1%202-3v-2l2%202c0%202%202%203%203%203%202%200%202%200%200-4v-3c3-4%200-8-6-8h-3v8m-97%201v7h3c4-1%206-3%207-7%200-4-3-8-7-8-3%200-3%200-3%208m54%2084c-4%209-4%2013-4%2038v28c2%202%206%203%208%202%202-3%202-53-1-62-2-7-3-8-3-6m19%202l-1%205c0%202%200%203-1%202-1-3-2%200-2%208%200%206%200%209%202%2010l1%2022c0%2021%200%2022%202%2024%205%204%206%203%206-34v-37c-2-2-6-3-7%200m18%204l-1%2029v27l5%205c5%205%207%206%209%204%203-2%2030-41%2030-43a2740%202740%200%2001-20-18c-3%200-5-2-7-3-3-2-14-3-16-1m-76%201c-15%207-16%2028-3%2041%203%202%206%207%207%2010%203%206%205%207%207%205%201-2%201-2-1-5-2-5-2-5%200-5%207%200%2015-7%2017-15%205-18-12-37-27-31m77%205v5h5c9%201%209%202%209-3%200-6%200-6-8-7h-6v5m-79-2c-4%203-7%209-8%2014-1%204-1%204%202%203%202%200%203-1%203-2%200-3%204-8%208-10%206-2%2013%202%2016%209%201%202%202%203%204%203%203%200%203%200%202-3-4-13-18-20-27-14m4%207c-10%206-6%2025%206%2025%2010%200%2014-13%206-22-3-4-8-5-12-3m-1%204c-8%208%200%2023%2010%2019%205-2%208-10%205-16-4-7-10-8-15-3m18%2016c-2%206-11%209-16%206-3-1-3-1%201%204%204%206%2012%205%2018-2%202-4%204-10%202-10l-2-1-3%203m58%2015c-1%2010%200%2011%208%2012h6v-19h-3l-7-1h-4v8'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1,"src":"/static/c6ea390634b6fb75ecb7d12225ceb914/5d2c5/ebook-cover.png","srcSet":"/static/c6ea390634b6fb75ecb7d12225ceb914/002c1/ebook-cover.png 250w,\n/static/c6ea390634b6fb75ecb7d12225ceb914/53f65/ebook-cover.png 500w,\n/static/c6ea390634b6fb75ecb7d12225ceb914/5d2c5/ebook-cover.png 1000w,\n/static/c6ea390634b6fb75ecb7d12225ceb914/a45dc/ebook-cover.png 1080w","sizes":"(max-width: 1000px) 100vw, 1000px"}}},"site":{"siteMetadata":{"url":"https://michaelmang.dev"}}},"pageContext":{"slug":"coding-artist"}},"staticQueryHashes":["4202924991"]}