This website
The site you're on: frosted glass on graph paper, and a mochi with a jetpack.
2026
What it is
A personal site that tries to read clearly in 20 seconds and still be fun to poke at. Everything you see is data-driven, so it stays current without me touching it.
The home page, with mochi parked on the card.
How it works
- Next.js 16 with the App Router. Every page is prerendered; the home page revalidates daily.
- Codeforces and GitHub stats are fetched at build time with rate limiting, cached for a day, and fall back to committed snapshots if an API is down.
- Charts are drawn as server-rendered SVG strings, so React never has to hydrate hundreds of nodes.
- Mochi is hand-drawn SVG with spring physics: it follows your scroll, tilts with velocity, and can be dragged, thrown, and poked.
- The scroll-linked effects are pure CSS scroll timelines; everything respects reduced motion.
- The display face is a 62 KB self-hosted subset of Shantell Sans that keeps its informality axis.
Stack
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- SVG
- Canvas
Results
- Lighthouse 100 for accessibility, best practices, and SEO.
