Skip to content

Giv 404-siden en dansk stack med humor - #163

Merged
BoMoellerDK merged 1 commit into
mainfrom
BoMoellerDK/dansktechstack.dk-sjov-404-side
Nov 4, 2026
Merged

BoMoellerDK merged 1 commit into
mainfrom
BoMoellerDK/dansktechstack.dk-sjov-404-side

Conversation

@BoMoellerDK

Copy link
Copy Markdown
Contributor

Ukendte adresser får en selvstændig, centreret 404-side med overskriften “404: Der mangler noget i stacken.” og en illustration baseret på sitets logo med Dannebrog og en manglende brik. Besøgende kan finde produktlisten, gå til forsiden via dansktechstack.dk eller afspille en lille genstart-animation.

Siden har ingen header, footer eller citater. Layoutet tilpasser sig mobil og desktop samt sitets mørke tema. HTTP 404 og noindex, follow bevares. Indhold og navigation virker uden JavaScript, hvor genstart-knappen er skjult.

Under review blev to tilgængelighedsproblemer rettet: Tastaturfokus bevares efter en genstart, og den automatiske svæveanimation stopper efter fem sekunder. prefers-reduced-motion slår animationerne fra.

Validering:

  • php tools/check-alternative-pages.php: alle 431 alternativsider samt 404-tjek består.
  • PHP-syntakstjek, node --check assets/404.js og git diff --check består.
  • Tailwind-build er reproducerbart, og den genererede CSS er opdateret.
  • Chromium og Firefox: ni skærmstørrelser fra 320 til 2560 px, centrering, ingen vandret overflow, 404-status, metadata, tastaturbetjening med Enter/Space, gentagne genstarter, bevaret fokus, reduceret bevægelse og fallback uden JavaScript.
  • Axe i lyst og mørkt tema: ingen fund.
  • Beregnede CSS-styles er uændrede på forsiden, alternativoversigten, Stripe-siden og badge-siden sammenlignet med CSS fra origin/main.

Begrænsning: WebKit kunne ikke testes, fordi den installerede lokale macOS-browser hænger ved oprettelse af en ny fane, også i et separat minimalt forsøg.

@BoMoellerDK
BoMoellerDK merged commit ab3cc8a into main Nov 4, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant