hau5.pro
You're already here. A personal portfolio and blog.
AstroPreactTypeScriptTailwind CSS
This site. Built with Astro for static generation and Preact for interactive components. The goal was a fast, opinionated portfolio with a design that doesn’t look like every other dark-mode dev site.
Features
- Animated landing page — section reveals, smooth scroll via Lenis, scroll-progress indicator
- Blog — markdown-based posts with full-text search powered by
astro-collection-search - Project portfolio — filterable project grid with detail pages
- Custom dark theme — hand-picked color palette with blacks, purples, magentas, cyan, and yellow/red accents
- Self-hosted fonts — Roboto and Roboto Mono served from the same origin
Architecture
Static-first. Astro handles routing and builds everything to flat HTML at build time. Interactive islands (search modal, overlay, scroll store) use Preact with @preact/signals for reactivity. Tailwind CSS v4 via Vite plugin for styling. No runtime framework.