{"id":3451,"date":"2018-08-06T12:09:25","date_gmt":"2018-08-06T19:09:25","guid":{"rendered":"http:\/\/alanklughammer.com\/info\/?p=3451"},"modified":"2018-08-06T12:09:25","modified_gmt":"2018-08-06T19:09:25","slug":"lup-with-flame","status":"publish","type":"post","link":"https:\/\/alanklughammer.com\/info\/lup-with-flame\/","title":{"rendered":"Lup with flame"},"content":{"rendered":"<p>A couple of months ago I took some photos of my friend <a href=\"http:\/\/alanklughammer.com\/info\/potm-june\/\">Nevada<\/a> dressed as Lup. One of the images needed a flame. I tried creating one in <a rel=\"noopener noreferrer\" href=\"http:\/\/alanklughammer.com\/photography\/albums\/people\/content\/alanklughammeralanklughammercom-20180610-ak53490\/lightbox\/\" target=\"_blank\">Photoshop<\/a>, but I was not really happy.<\/p>\n<p>As I am trying to learn javascript, I thought a dynamic flame might be interesting. This is what I came up with. If you move your mouse up and down in the image, the flame changes size&#8230;<\/p>\n<p>PS it may be a bit slow to load due to the large image file&#8230;<\/p>\n<p>pps this doesn&#8217;t seem to work on mobile devices yet.. that will be in version 2&#8230;<\/p>\n<iframe loading=\"lazy\" src=\"\" width=\"533\" height=\"800\"><\/iframe>\n","protected":false},"excerpt":{"rendered":"<p>A couple of months ago I took some photos of my friend Nevada dressed as Lup. One of the images needed a flame. I tried creating one in Photoshop, but I was not really happy. As I am trying to learn javascript, I thought a dynamic flame might be interesting. This is what I came [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3451","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"_links":{"self":[{"href":"https:\/\/alanklughammer.com\/info\/wp-json\/wp\/v2\/posts\/3451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alanklughammer.com\/info\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alanklughammer.com\/info\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alanklughammer.com\/info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alanklughammer.com\/info\/wp-json\/wp\/v2\/comments?post=3451"}],"version-history":[{"count":0,"href":"https:\/\/alanklughammer.com\/info\/wp-json\/wp\/v2\/posts\/3451\/revisions"}],"wp:attachment":[{"href":"https:\/\/alanklughammer.com\/info\/wp-json\/wp\/v2\/media?parent=3451"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alanklughammer.com\/info\/wp-json\/wp\/v2\/categories?post=3451"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alanklughammer.com\/info\/wp-json\/wp\/v2\/tags?post=3451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}