portfolio
All projects
This portfolio. Astro 5, layered illustrated landscape with parallax, ES/EN bilingual.
The problem
I needed a portfolio people remember that still gives a recruiter or a client the essentials in one screen: who I am, what I build and how to reach me.
The solution
An illustrated sunset landscape, hand-built in layered SVG. Each layer drifts at its own depth on scroll and the headline lives between them. Sections descend through the scene: sky, sand, forest and night. ES/EN bilingual, contact form via Web3Forms.
Impact
- Fully vector landscape generated at build time, no heavy images
- GPU transform parallax that respects prefers-reduced-motion
- ES/EN bilingual with separate routes, sitemap and custom domain
sky ░░░░░░░░░░░░░░░░░░ depth 0.00 sun ◯ depth 0.35 peaks ▲ ▲▲ depth 0.25 ridge ▲▲▲▲▲▲▲▲▲▲▲▲▲ depth 0.18 title FULL-STACK DEVELOPER forest ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ depth 0.08 ground ████████████████ depth 0.00
Stack
- Astro 5
- Static site; JS exists only for the parallax and the form
- SVG generado
- Treelines are generated at build time from a fixed seed: the same forest on every visit
- Web3Forms
- Contact form without an own backend
- Astro 5
- TypeScript
- SVG
- Web3Forms