{"id":229,"date":"2023-11-29T12:51:18","date_gmt":"2023-11-29T17:51:18","guid":{"rendered":"https:\/\/sophiecknox.wordpress.com\/?p=229"},"modified":"2024-11-08T15:03:27","modified_gmt":"2024-11-08T20:03:27","slug":"interactive-name","status":"publish","type":"post","link":"https:\/\/www.sophieknox.com\/portfolio\/interactive-name\/","title":{"rendered":"Interactive Name"},"content":{"rendered":"\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"wp-image-230\" src=\"https:\/\/www.sophieknox.com\/portfolio\/wp-content\/uploads\/2023\/11\/web-capture_29-11-2023_12440_-1.jpeg?w=1024\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<div class=\"wp-block-media-text is-stacked-on-mobile\">\r\n<figure class=\"wp-block-media-text__media\"><img decoding=\"async\" class=\"wp-image-232 size-full\" src=\"https:\/\/www.sophieknox.com\/portfolio\/wp-content\/uploads\/2023\/11\/names-code-screenshot.jpg?w=738\" alt=\"\" \/><\/figure>\r\n<div class=\"wp-block-media-text__content\">\r\n<p class=\"wp-block-paragraph\">To the left you can see a snippet of code I used to create this interactive site.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">This site uses if and else statements to make the letters change colors when the mouse is located on the letters.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">P5.js was used to create the canvas, JavaScript was used to create the button and interaction, HTML was used to create the site, and CSS was used for the layout and background.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><a href=\"http:\/\/sophieknox.infinityfreeapp.com\/assignment_names_p5\">http:\/\/sophieknox.infinityfreeapp.com\/assignment_names_p5<\/a><\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>A site using shapes to create a name that is interactive when the mouse is put over the letters. <\/p>\n","protected":false},"author":1,"featured_media":271,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,60],"tags":[55],"class_list":["post-229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code","category-nmd-211","tag-nmd-211"],"_links":{"self":[{"href":"https:\/\/www.sophieknox.com\/portfolio\/wp-json\/wp\/v2\/posts\/229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sophieknox.com\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sophieknox.com\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sophieknox.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sophieknox.com\/portfolio\/wp-json\/wp\/v2\/comments?post=229"}],"version-history":[{"count":3,"href":"https:\/\/www.sophieknox.com\/portfolio\/wp-json\/wp\/v2\/posts\/229\/revisions"}],"predecessor-version":[{"id":898,"href":"https:\/\/www.sophieknox.com\/portfolio\/wp-json\/wp\/v2\/posts\/229\/revisions\/898"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sophieknox.com\/portfolio\/wp-json\/wp\/v2\/media\/271"}],"wp:attachment":[{"href":"https:\/\/www.sophieknox.com\/portfolio\/wp-json\/wp\/v2\/media?parent=229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sophieknox.com\/portfolio\/wp-json\/wp\/v2\/categories?post=229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sophieknox.com\/portfolio\/wp-json\/wp\/v2\/tags?post=229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}