Personal Portfolio

Mobile-first portfolio built with Astro and View Transitions. Hand-crafted design system, bilingual content, and zero JavaScript libraries on the critical path.

Highlights

Aurora Violet design tokens in pure CSS custom properties — no Tailwind, no runtime CSS-in-JS.
Content Collections with bilingual schemas for projects, experience, and awards.
Smooth morphing transitions between project cards and detail pages.
Locale-aware sitemap with hreflang and JSON-LD Person schema.
Mobile-first layouts, 44px touch targets, and prefers-reduced-motion honored globally.

Tech stack

Astro
TypeScript
CSS