mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2026-10-03 18:23:47 +10:00
Amruth Pillai
b399e289d6
"Everything you've done, on one page." A single resume page is assembled, written, restyled, checked, tailored and shared as the visitor scrolls, followed by live community numbers, languages, a support receipt, a closing call to action and the footer. It replaces the previous homepage and its playgrounds. Motion: a small scroll engine (features/homepage/scroll.ts) writes each section's progress as --p on every animation frame, and the scenes derive their motion from it with CSS calc(). React only re-renders on coarse steps held in a zustand store. Reduced motion collapses every pinned scene to one screen at its end state and stops all ambient motion. Server-rendered copy: the web build now prerenders the homepage once per locale (Vite app builder, features/homepage/prerender.tsx) into apps/web/dist-prerender, which the server sends for "/" by `?locale=`, then the saved locale cookie. main.tsx waits for the route to load before React replaces the prerendered page, so it never flashes a loading screen. dist-prerender is added to turbo outputs, the Docker image and the Vercel function files. SEO: localized title and description, a canonical per locale, hreflang alternates for every locale over `/?locale=` addresses (the app now reads that parameter), and SoftwareApplication JSON-LD. The FAQ structured data is dropped because the page shows no FAQ. Also: self-hosted Anybody and Martian Mono (landing only) and Newsreader italic, graphite doodles as WebP, new Material Symbols in the icon subset, the pull-cord theme switch on the app's theme cookie, and new catalog strings extracted for translation.