{"id":1128,"date":"2020-03-01T11:01:02","date_gmt":"2020-03-01T11:01:02","guid":{"rendered":"http:\/\/imaginarycartography.com\/artblog\/?p=1128"},"modified":"2020-05-11T03:23:20","modified_gmt":"2020-05-11T03:23:20","slug":"personal-website-v5-0","status":"publish","type":"post","link":"https:\/\/imaginarycartography.com\/artblog\/personal-website-v5-0\/","title":{"rendered":"Personal Website v5.0"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">After a couple years of dithering and dead ends, I finally redeveloped my personal website. This is the fifth site I&#8217;ve had <a href=\"https:\/\/imaginarycartography.com\">at the index page of imaginarycartography.com<\/a>, and this version is based around a slow but noticeable gradient animation effect. The gradient boundary &#8220;breathes&#8221; as the colors cycle through one of 7 possible palettes. The site is vanilla JavaScript, CSS and html, and I designed and wrote basically 100% percent of it, including the gallery. I used flex and grid, and I punish the shit out of your processor making the gradient.  It needs some polish and editing, but I&#8217;m happy to have it as the representation of my internet home.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><a href=\"https:\/\/imaginarycartography.com\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/imaginarycartography.com\/artblog\/wp-content\/uploads\/2020\/05\/site-timelapse.gif\" alt=\"\" class=\"wp-image-1178\" width=\"640\" height=\"360\"\/><\/a><figcaption>A gif demo of the core animation, super sped up.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>After a couple years of dithering and dead ends, I finally redeveloped my personal website. This is the fifth site I&#8217;ve had at the index page of imaginarycartography.com, and this version is based around a slow but noticeable gradient animation effect. The gradient boundary &#8220;breathes&#8221; as the colors cycle through one of 7 possible palettes. &hellip; <a href=\"https:\/\/imaginarycartography.com\/artblog\/personal-website-v5-0\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Personal Website v5.0<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1128","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/imaginarycartography.com\/artblog\/wp-json\/wp\/v2\/posts\/1128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imaginarycartography.com\/artblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/imaginarycartography.com\/artblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/imaginarycartography.com\/artblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imaginarycartography.com\/artblog\/wp-json\/wp\/v2\/comments?post=1128"}],"version-history":[{"count":7,"href":"https:\/\/imaginarycartography.com\/artblog\/wp-json\/wp\/v2\/posts\/1128\/revisions"}],"predecessor-version":[{"id":1214,"href":"https:\/\/imaginarycartography.com\/artblog\/wp-json\/wp\/v2\/posts\/1128\/revisions\/1214"}],"wp:attachment":[{"href":"https:\/\/imaginarycartography.com\/artblog\/wp-json\/wp\/v2\/media?parent=1128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imaginarycartography.com\/artblog\/wp-json\/wp\/v2\/categories?post=1128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imaginarycartography.com\/artblog\/wp-json\/wp\/v2\/tags?post=1128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}