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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user