Menu
Elsewhere
Back to all workProject

Coda

A digital dog tag for my Welsh Corgi Pembroke — built to bring him home.

Cover image for Coda

Overview

Coda is my Welsh Corgi Pembroke, and coda.dk is his digital dog tag — a single page whose entire job is to reunite him with us if he ever gets lost. Anyone who finds him can scan or type the address and immediately reach a human.

The page leads with a one-tap call primary / call backup action so a finder never has to hunt for a number, backed by the essentials at a glance: breed, a live-computed age badge, microchip status, and temperament.

Built for the worst-case moment

A lost-dog page is only useful if it loads instantly on a stranger’s phone, on any connection, in either of the languages spoken around København. So it’s intentionally tiny and dependency-free:

  • Vanilla HTML, CSS, and JavaScript — no framework, no build step, near-zero payload.
  • Bilingual by default with a Danish/English toggle, so the page works for locals and tourists alike.
  • Responsive webp artwork served from a 200w1400w srcset, with the hero image preloaded for an instant first paint.
  • Automatic light & dark theming via prefers-color-scheme, including matching theme-color browser chrome.
  • A self-updating age badge computed in the browser from his birth date, so the details never go stale.

The result is a calm, fast little site that stays out of the way until the one moment it really matters.

Want to see it live?

Take a closer look at the finished site in your browser.