One cultural memory · two independently judged entries

The Home Ratio

Tomato and egg can be the same dish in every home and still taste like a different memory. One entry turns that idea into pure CSS art; the other turns it into a progressive landing-page experience.

CSS Art · Pure HTML + CSS

A serving ritual drawn by the browser.

Choose one of three remembered ratios, watch the same bowl recompose itself, then lift the lid to serve it warm—without JavaScript, images, SVG, canvas, or web fonts.

  • Native radio and checkbox interactions
  • Primary medium is CSS
  • Complete keyboard and reduced-motion paths
Open live entry ↗ Read DEV submission

Perfect Landing · Progressive enhancement

A landing page tuned by memory.

Move a real range control and the bowl, ratio, emotional name, narrative, live-region announcement, and shareable line answer together. With JavaScript off, three complete portraits remain.

  • Keyboard-native signature interaction
  • Full no-JavaScript story
  • WCAG A/AA automated audit: zero detected issues
Open live entry ↗ Read DEV submission

Built to be judged, not merely viewed.

The public repository contains the exact source, reproducible tests, 320 px evidence, cover art, AI-assistance disclosure, and a third-party-rights review. Chromium, Firefox, and WebKit all pass the same interaction, accessibility, reflow, slow-connection, reduced-motion, and resilience checks.

Source and test suite ↗ Acceptance evidence ↗ Official challenge feed ↗