{"id":89,"date":"2024-12-12T18:41:46","date_gmt":"2024-12-12T18:41:46","guid":{"rendered":"https:\/\/dgst101.owenwheeler.net\/blog\/?p=89"},"modified":"2024-12-12T18:41:46","modified_gmt":"2024-12-12T18:41:46","slug":"digital-identity-image-project-final","status":"publish","type":"post","link":"https:\/\/dgst101.owenwheeler.net\/blog\/uncategorized\/digital-identity-image-project-final\/","title":{"rendered":"Digital Identity Image Project (FINAL)"},"content":{"rendered":"\n<p>Continuing from my <a href=\"https:\/\/dgst101.owenwheeler.net\/blog\/uncategorized\/digital-identity-image-project\/\">initial image project<\/a>, I have developed quite a few more images to go with my website. Most of what I said in the original project post still stands&#8211; think of this as an &#8220;update&#8221;, rather than a replacement post.<\/p>\n\n\n\n<p>I wanted to keep the theme cohesive when constructing my <a href=\"https:\/\/owenwheeler.net\/\">main website<\/a>, as I was mostly happy with it, and think it reflects my personality and how I approach the digital world. I kept the favicon and background images the same, as I thought they looked cool, and were in line with the quality I wanted from my site. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"59\" src=\"https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/banner202-1024x59.png\" alt=\"\" class=\"wp-image-90\" srcset=\"https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/banner202-1024x59.png 1024w, https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/banner202-300x17.png 300w, https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/banner202-768x44.png 768w, https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/banner202-1536x88.png 1536w, https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/banner202.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>First, a new banner! The original banner looked pretty scuffed, and wasn&#8217;t in line with the quality I wanted from my site visually. This new one keeps the same color scheme, while being more high-quality and visually appealing. I wanted it to resemble the &#8220;web&#8221;, in a way, with the lines crossing over and intersecting. They also sort of give it a polygonal texture, which I think looks cool.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"191\" height=\"188\" data-id=\"92\" src=\"https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/webicon_contact.png\" alt=\"\" class=\"wp-image-92\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"191\" height=\"188\" data-id=\"94\" src=\"https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/webicon_blog.png\" alt=\"\" class=\"wp-image-94\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"191\" height=\"188\" data-id=\"93\" src=\"https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/webicon_portfolio-1.png\" alt=\"\" class=\"wp-image-93\"\/><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"286\" height=\"267\" src=\"https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/webicon_phone.png\" alt=\"\" class=\"wp-image-96\" style=\"width:238px;height:auto\"\/><\/figure>\n\n\n\n<p>Next, these button navigation icons! I made the square shape and background in paint.net, and sourced the actual icons from <a href=\"http:\/\/iconmonstr.com\">iconmonstr.com<\/a>, a free icon website, with minor edits. These also fit the green technological theme I have going on, and are immediately clear on their function.<\/p>\n\n\n\n<p>I wanted the website to look unique and home-brewed, and I think I succeeded in making these icons visually and thematically cohesive. They also resemble the grid texture on the background, so there&#8217;s synergy if you consider &#8220;rounded blocks&#8221; an aesthetic theme.<\/p>\n\n\n\n<p>The phone is just an extra icon I included on the contact sheet&#8211; I edited the color scheme to fit the rest of the website as well.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"335\" src=\"https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/simtom2.png\" alt=\"\" class=\"wp-image-95\" srcset=\"https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/simtom2.png 940w, https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/simtom2-300x107.png 300w, https:\/\/dgst101.owenwheeler.net\/blog\/wp-content\/uploads\/2024\/12\/simtom2-768x274.png 768w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<p>For my portfolio page, I wanted to make a visual button for my E-Lit project, since I wanted to feature that on my page. I basically made a basic font logo, but for the background texture,<a href=\"https:\/\/www.reddit.com\/r\/TransitDiagrams\/comments\/1f47s0m\/washington_dc_metro_map_blank_request_for_help\/lkoegm3\/\"> I used a Metro Map edit that I found on Reddit.<\/a> The Metro is an important location in SIM-TOM, and also resembles wiring, so I think it was thematically relevant and also looks really cool. It doesn&#8217;t fit the site&#8217;s color palette, but red\/black is the color scheme of the game, and I think the contrast in color looks cool juxtaposed with the rest of the site.<\/p>\n\n\n\n<p>I&#8217;m really happy with how all of these turned out. The biggest missing aspect for me is that there&#8217;s no image of myself, which is somewhat out of my hands, as I will have to wait until I have a professional-ish image taken of me. I think that these images all contribute to a cohesive and easy-to-understand website layout.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Continuing from my initial image project, I have developed quite a few more images to go with my website. Most of what I said in&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-89","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/dgst101.owenwheeler.net\/blog\/wp-json\/wp\/v2\/posts\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dgst101.owenwheeler.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dgst101.owenwheeler.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dgst101.owenwheeler.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dgst101.owenwheeler.net\/blog\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":1,"href":"https:\/\/dgst101.owenwheeler.net\/blog\/wp-json\/wp\/v2\/posts\/89\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/dgst101.owenwheeler.net\/blog\/wp-json\/wp\/v2\/posts\/89\/revisions\/98"}],"wp:attachment":[{"href":"https:\/\/dgst101.owenwheeler.net\/blog\/wp-json\/wp\/v2\/media?parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dgst101.owenwheeler.net\/blog\/wp-json\/wp\/v2\/categories?post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dgst101.owenwheeler.net\/blog\/wp-json\/wp\/v2\/tags?post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}