Comment by twister727
2 months ago
Dude! As an experienced drummer, I love this! I just want to ask - what stack did you use to build the webpage? I looked at the source and it looks like handwritten HTML / CSS / JS. Is that true or did you use some framework? I'm new to web dev. I'm asking because I have some ideas like this too that I wanna build.
Hey! Haha, that's great to hear!
Stack is super simple, for the blog in general I'm using caddy to serve my markdown files, using the built in templating functionality to turn them into html.
For the sequencer page, it's basically a self-contained html page. The js/css is written in separate files to make it a bit easier to edit, but they are then just included in the main file without any kind of minification or obfuscation so it should be quite easy to look at the source. Feel free to read and remix it for your own purposes!
There will be some limit to this approach, but for this use case I really like the idea of dependency less HTML files. As long as the main browser APIs I'm using remain, it should keep on working.
I put together the core, but also often pasted the whole thing into Claude web, asking it to make an artifact and then playing with it on my phone while commuting, if it was good I'd use it as inspiration later.