Developer Builds Accessible Landing Page That Turns Recipes Into Personal Memories

A developer has created 'The Home Ratio', an interactive landing page submitted to the Frontend Challenge Comfort Food Edition, centered on the Chinese dish 番茄炒蛋 (tomato and egg). The page features a ratio dial that lets users shift between ingredient balances, dynamically updating descriptions, emotional labels, and shareable memory lines in response. Built with a native HTML range input, the experience supports full keyboard access, touch, and assistive technologies, while a polite live region announces ratio changes. With JavaScript disabled, the page gracefully falls back to three static ratio portraits, keeping all narrative content intact. OpenAI Codex assisted with development and prototyping, while the human creator directed the concept, reviewed the final output, and ensured all visuals and copy are original with no external assets or APIs used.