{"id":864,"date":"2025-04-11T19:41:01","date_gmt":"2025-04-11T23:41:01","guid":{"rendered":"https:\/\/willkolb.com\/?p=864"},"modified":"2025-04-11T19:41:01","modified_gmt":"2025-04-11T23:41:01","slug":"touch-ups","status":"publish","type":"post","link":"https:\/\/willkolb.com\/?p=864","title":{"rendered":"Touch ups"},"content":{"rendered":"\n<p>I spent the day listening to old gorillaz youtube videos while working. Once I hopped on abelton I tried re-creating &#8220;welcome to the world of the plastic beach&#8221; by memory:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-soundcloud wp-block-embed-soundcloud\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"PlasticBeachCover by Will Kolb\" width=\"500\" height=\"400\" scrolling=\"no\" frameborder=\"no\" src=\"https:\/\/w.soundcloud.com\/player\/?visual=true&#038;url=https%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F2076666680&#038;show_artwork=true&#038;maxheight=750&#038;maxwidth=500\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>It turned out better than I thought after I compared it to the original. (You may notice the beeps from rhinestone Eyes I somehow got mixed up in my head and added to this song).<\/p>\n\n\n\n<p>The hardest part here was the voccoder which I rarley play with and is kinda annoying to get right. So for my future self here&#8217;s the voccoder settings:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"851\" height=\"207\" src=\"https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-21.png\" alt=\"\" class=\"wp-image-865\" srcset=\"https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-21.png 851w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-21-300x73.png 300w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-21-768x187.png 768w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-21-500x122.png 500w\" sizes=\"auto, (max-width: 851px) 100vw, 851px\" \/><\/figure>\n\n\n\n<p>Here&#8217;s the operator that&#8217;s driving it<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"190\" src=\"https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-24.png\" alt=\"\" class=\"wp-image-868\" srcset=\"https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-24.png 750w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-24-300x76.png 300w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-24-500x127.png 500w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>And here&#8217;s what&#8217;s being played:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"211\" src=\"https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-23-1024x211.png\" alt=\"\" class=\"wp-image-867\" srcset=\"https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-23-1024x211.png 1024w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-23-300x62.png 300w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-23-768x158.png 768w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-23-1536x317.png 1536w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-23-500x103.png 500w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-23.png 1774w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Sounds pretty good, I think I could touch up the input noises more and if I got a better brass sound I think it would work better.<\/p>\n\n\n\n<p>Otherwise I spent some time &#8220;vibe coding&#8221; to touch up the site. Vibe coding is just asking chatgpt to do stuff  for you. I can still see why you would need an engineer to do this so I wont say its totally a replacement but damn did it take a 5 hour task and make it like 20 minutes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"315\" height=\"703\" src=\"https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-25.png\" alt=\"\" class=\"wp-image-869\" srcset=\"https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-25.png 315w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-25-134x300.png 134w\" sizes=\"auto, (max-width: 315px) 100vw, 315px\" \/><\/figure>\n\n\n\n<p>(You can only see the above if you&#8217;re using a PC on the website) Both the top section and the bottom are custom shortcodes added into the site using by asking chatgpt a bunch of stuff. Here&#8217;s the PHP for the category stuff: This also requires a plugin, chatgpt suggested one but I found an older plugin that was open source and asked chatgpt to change the initial code that it gave me to that. It&#8217;s pretty crazy how simply that quick reconfiguration was.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\/\/\/\/\n\/\/Category Icon List\n\/\/\/\/\/\nfunction shortcode_category_icons() {\n    if ( ! function_exists('get_term_icon_url') ) {\n        return '&lt;p>&lt;em>Icon Categories plugin not active or function missing.&lt;\/em>&lt;\/p>';\n    }\n\n    $output = '&lt;ul class=\"category-icons\">';\n    $categories = get_categories(&#91;\n        'hide_empty' => false, \/\/ Show all categories, including empty ones\n    ]);\n\n    foreach ( $categories as $category ) {\n        $icon_url = get_term_icon_url( $category->term_id, 'category' ); \/\/ get the icon URL\n\n        if ( $icon_url ) {\n            $output .= '&lt;li>\n                &lt;a href=\"' . esc_url( get_category_link( $category->term_id ) ) . '\" title=\"' . esc_attr( $category->name ) . '\">\n                    &lt;img src=\"' . esc_url( $icon_url ) . '\" alt=\"' . esc_attr( $category->name ) . '\" class=\"category-icon-img\"\/>\n                &lt;\/a>\n            &lt;\/li>';\n        }\n    }\n\n    $output .= '&lt;\/ul>';\n    return $output;\n}\nadd_shortcode( 'category_icons', 'shortcode_category_icons' );\n<\/code><\/pre>\n\n\n\n<p>Also under the title page<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"418\" height=\"118\" src=\"https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-26.png\" alt=\"\" class=\"wp-image-870\" srcset=\"https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-26.png 418w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-26-300x85.png 300w\" sizes=\"auto, (max-width: 418px) 100vw, 418px\" \/><\/figure>\n\n\n\n<p>That little line above I spent atleast 3 hours trying to get working before I started embracing AI. Chatgpt understood the problem and gave me a solution in seconds. Essentially it was adding a &lt;div> to the &#8220;header.php&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"423\" src=\"https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-27-1024x423.png\" alt=\"\" class=\"wp-image-871\" srcset=\"https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-27-1024x423.png 1024w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-27-300x124.png 300w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-27-768x317.png 768w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-27-1536x635.png 1536w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-27-500x207.png 500w, https:\/\/willkolb.com\/wp-content\/uploads\/2025\/04\/image-27.png 1755w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Then some java script using another plugin that chatgpt suggested using &#8220;<strong>WP Headers And Footers<\/strong>&#8221; It was so easy that I imagine that it probably isn&#8217;t worth blogging too much about. But I see myself getting more into the ai dev side as I go along.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I spent the day listening to old gorillaz youtube videos while working. Once I hopped on abelton I tried re-creating &#8220;welcome to the world of the plastic beach&#8221; by memory: It turned out better than I thought after I compared it to the original. (You may notice the beeps from rhinestone Eyes I somehow got [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":868,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,27],"tags":[],"class_list":["post-864","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-music","category-softwaredev"],"_links":{"self":[{"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/posts\/864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/willkolb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=864"}],"version-history":[{"count":1,"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/posts\/864\/revisions"}],"predecessor-version":[{"id":872,"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/posts\/864\/revisions\/872"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/willkolb.com\/index.php?rest_route=\/wp\/v2\/media\/868"}],"wp:attachment":[{"href":"https:\/\/willkolb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/willkolb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/willkolb.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}