I've recently rolled out a major set of upgrades to this blog. The highlight is a custom-coded WebGL interactive particle and grid background, complete with real-time blur/bloom shaders, mouse interaction, and a battery-saving play/pause switch integrated into the navbar. Along the way, I refactored the backend AI summarising pipeline to be more robust, added GitHub links using Lottie animations, and ironed out a few deployment bugs. Here's a look at how it all works.

I've finally updated my blog to use SvelteKit, making it more flexible. I can now create simple markdown files for basic posts or add custom pages for more complex designs. The server automatically builds and deploys a static version to Cloudflare Workers upon GitHub check-ins.

I've added some interactive features like star movement and parallax effects for desktop users. The color scheme is defined using CSS variables and the oklch color space. Icons animate on hover, and summaries are generated using Mistral. Images are automatically resized and cropped, and RSS feeds are available in various formats. The design features a translucent glass and space theme.