xram.net

The site you’re looking at right now, where I post things I want to. Somethinf of a personal portfolio built with SvelteKit, featuring an interactive homepage where content floats around as physics-enabled blobs.

Projects and musings drift through a Matter.js simulation, connected by spring constraints to their shared tags. Click a filter button and matching items glow while others fade. Drag things around. Watch them bounce off the walls.

Built with SvelteKit 2 and Svelte 5, using mdsvex for markdown content. The physics playground auto-sizes each blob to fit its title text, with balanced line breaks for longer names. Statically generated and deployed to GitHub Pages.

The whole thing is a love letter to the tactile web. I wanted a personal site that felt like mine, not another template. Sometimes that means making things float for no reason other than it’s fun to watch. (Note: I did some similarly silly with RipThis.Meme with the fireflies and moon)