2026-7-12

Animated the clock.

Since I didn’t have any resolution for the am text, I actually tripled the resolution of the image. But it still fits in surprisingly well.

And I animated the cat too!

I learned a lot about how to use Krita’s animation features.

The animation is just a linear fade-in-out animation for each of the three z’s, where there is one for each layer and offset for each layer.

And the clock is even simpler, it’s just two frames, one with dots, one without.

One caveat was that GIF images don’t support partial transparency. I was too lazy to figure out how to do a color transition instead of an opacity transition (I’d have to transition the color of the Z to the background color of the website). So instead I converted all my animated images to APNG.

Then I got GitHub Pages deployment working.

I found out that instead of using the base img HTML tag, I had to use Astro’s Image component, otherwise all the assets in /src/assets would not be included in the built output.

Instead of fixing it properly, I just dumped all my assets into public/, changed the paths, and called it a day.

Total time: 4 hours