I've had this one for a couple years now. I've had more polished-looking sites in the past, but this time I wanted to emphasize having fun with it and not being too precious - this allows me to update it without worrying about everything being perfect.
It's a static site built by Eleventy. I edit/build it locally, and then when I push up to Github it's rebuilt there by a Github action. Details here: https://www.justus.ws/how/
Edit: An interesting tidbit: my avatar in the upper-left corner blinks on a random timer thanks to a very simple bit of JS[0]. However, it exhibits a strange and unexpected behaviour: if you don't interact with the webpage for a while, my avatar "goes to sleep"; e.g. the eyes close until you interact with it again.
I love this, but I don't know why it happens! I get that the browser probably pauses scripts after a time, but why would it always end up with its eyes closed, especially when the eyes are only supposed to close for 150ms at a time?
[0]:
async function blinktimer() {
async function blink() {
var src = $(" .avatar ").attr('src');
console.log("BLINK!");
$(" .avatar ").attr('src','/images/dadi-avatar_blink.png');
await sleep(150);
$(" .avatar ").attr('src',src);
}
while (true) {
var delay = Math.floor((Math.random() * 11000) + 0);
await sleep(delay);
blink();
}
};