cadance.music website

[davidmw]

https://cadance.music website created with help from Kilo using GPT-5 and hosted on GitHub pages.

[davidmw]

The top hero on the home page has been updated to avoid tech speak like 'Download' and 'beta' for a better audience fit. All images have been created in MidJourney from the basic prompts generated by GPT-5 within Kilo. GPT-5 could not nail creating a tool to achieve compositing my product screen shots on the devices in the images, so I've done that by hand in Pixelmator Pro app on macOS.

[davidmw]

I've instructed GPT-5 to avoid external frameworks, CDNs and fonts and to lazy load the images. The result is a responsive site that is basically just HTML and CSS, with one 231 line JS file that mostly handles this custom widget:

Still there is plenty of room to make the site faster. The webp images compressed at 90% are some 25MB smaller than jpg or png equivalents, but I should not be so wasteful and reduce the image size from 6144 x 6144 to something more useful for the typical web or mobile visitor. Maybe 2k.

The initial Lighthouse report before any tuning has been undertaken. I'll follow up when I can focus on performance.