raminrez.dev

Colophon

How this site is built, and how it is checked.

Stack

Framework
Astro 7, with React 19 islands
Language
TypeScript, strict
Styling
Tailwind CSS v4
Interaction
react-aria-components for every interactive element
Motion
GSAP, only inside the avatar island
Hosting
Cloudflare Workers, deployed with Alchemy
Contact form
Resend
Fonts
Geist and Geist Mono, self-hosted
Left out
No analytics, no three.js

Built with Claude Code

I built this site with Claude Code in the loop: I orchestrated and reviewed, and agents wrote the code. It is a port of Gordon Tu's site structure (gordontu.com) from SvelteKit to Astro with React islands.

Accessibility

The latest axe report (2026-10-25) checked 6 pages in light and dark: /, /ask, /projects, /contact, /all, /design-systems/morphkit/case-study. It found 0 violations. The home page footer carries the accessibility stamp with this report and a keyboard tour that focuses every focusable element in order.

Performance

Lighthouse, mobile preset, 2026-10-26
PagePerformanceAccessibilityBest practicesSEO
/100100100100
/about100100100100
/all100100100100

For agents

Every page also carries a JSON-LD Person record.

/llms.txt
Who Ramin is and every Project, as Markdown for AI assistants
/tokens
The living style guide: colours, type, spacing, motion
/all
Postcards: each one with an agent surface has a For agents facet on its back