De opfrisbeurt uit het designsysteem: Gate 0.0.25, Relay 0.5.2

Beide pagina's volgen nu HomeGit/Docs/website-design-system.html, in dezelfde ronde als AssetApp.
Drie dingen, en de volgorde is niet willekeurig:

- een accentgloed achter de pagina, uit de linkerbovenhoek. Dit is de VOORWAARDE voor de rest en
  niet de finishing touch: een backdrop-filter op een egale ondergrond levert per definitie niets
  op, dus er moet eerst iets achter de vlakken staan;
- kaarten doorschijnend, met een randlicht bovenlangs en een schaduw uit een token;
- één hoek voor elk buitenste kader. De kaart van --radius-xl naar --radius-lg, gelijk aan het
  logkader, dat zijn geneste hoek daarvan afleidt.

Het volle accentpalet van AssetApp (vijf kleuren, licht en donker) staat erin; beide apps blijven
op oranje en krijgen bewust geen knop. Om dezelfde reden staat de diepte hier vast aan, terwijl het
in AssetApp een instelling is: dit zijn statuspagina's met licht/donker en verder geen bediening.

--pos is groen geworden in plaats van oranje. Hij volgde het accent, en dat las als merkkleur in
plaats van als betekenis; zichtbaar gevolg is dat de badge "Running" nu groen is.

Meegevonden en meteen gerepareerd: prefers-reduced-motion en prefers-reduced-transparency mogen
niet in één media-query. Windows heeft een schakelaar "Animatie-effecten" die bij veel mensen uit
staat en die zet reduced-motion op reduce; samen in één query bleef er van de hele opmaak niets
over. Ze staan apart, en reduced-motion haalt alleen de overgang weg.

Alleen de pagina's, dus geen nieuwe images: VERSION in tools/evolu-relay/build.sh blijft staan en
alleen de manifesten gaan omhoog.

Suite groen: 22 + 43 + 54 + 22 + 65 + 39 + 115.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Harmen
2026-08-31 11:28:11 +02:00
co-authored by Claude Opus 5
parent 627c8306b1
commit 45dd50fb0b
9 changed files with 425 additions and 95 deletions
+34
View File
@@ -8,6 +8,40 @@ Wat er nog moet gebeuren staat **niet** hier maar in de plannen; zie [CONTINUE_H
Een lijst met geplande features op twee plekken loopt uit elkaar, en dan is geen van beide meer te
vertrouwen.
## [0.0.25] - 2026-08-31
### Changed
- **De opfrisbeurt uit het gedeelde designsysteem** (`HomeGit/Docs/website-design-system.html`), in
dezelfde ronde doorgevoerd in Evolu Relay en in AssetApp. Drie dingen:
- **een accentgloed achter de pagina**, uit de linkerbovenhoek, met een zwakker tegenlichtje
rechtsboven. Dit is het deel dat het meeste doet, en het is ook de vóórwaarde voor de rest: een
`backdrop-filter` op een egale ondergrond levert per definitie niets op, dus er moet eerst iets
áchter de vlakken staan;
- **kaarten zijn doorschijnend met een randlicht en een schaduw.** Ze lezen daardoor als panelen
die op de pagina liggen in plaats van als vlakken die erop geschilderd zijn;
- **één hoek voor élk buitenste kader.** De kaart ging van 28 naar 20 pixels, gelijk aan het
logkader en aan AssetApp; twee radii naast elkaar lezen als een fout in plaats van als een
keuze. De geneste hoek van het logkader rekent mee.
De vijf accentkleuren van AssetApp (oranje, blauw, lila, teal, magenta) staan nu in het palet;
deze app blijft op oranje. Wisselen kan door `data-accent` op `<html>` te zetten, er is bewust
geen knop voor: dit is een statuspagina met licht/donker en verder geen bediening. Om dezelfde
reden staat de diepte hier vást aan, terwijl het in AssetApp een instelling is.
- **`--pos` is groen geworden in plaats van oranje.** Hij volgde het accent, en dat las als
merkkleur in plaats van als betekenis. Zichtbaar gevolg: de badge "Running" is groen.
### Fixed
- **`prefers-reduced-motion` zette per ongeluk de hele opmaak plat.** Die wens stond samen met
`prefers-reduced-transparency` in één media-query. Windows heeft een schakelaar "Animatie-
effecten" die bij veel mensen uit staat, en die zet `reduced-motion` op `reduce`; op zo'n machine
bleef er van de nieuwe opmaak niets over. De twee zeggen ook echt iets anders: de ene gaat over
doorschijnende vlakken, de andere over beweging. Ze staan nu apart, en `reduced-motion` haalt
alleen de overgang weg.
## [0.0.24] - 2026-08-30
### Added