Gate 0.0.29 en Relay 0.5.5: de gloed uit, als schakelaar

Op verzoek van de gebruiker, in beide apps. De accentgloed uit Gate 0.0.25 en
Relay 0.5.2 gaat uit; de rand, de schaduw, het randlicht en de doorschijnende
kleur van de vlakken blijven staan.

Het is een schakelaar geworden en geen verwijdering: data-glow="on" op het
html-element zet hem terug, en alleen samen met data-depth="deep". Die tweede
eis is van de gebruiker en hij is juist: de gloed is de onderste van de vier
dieptelagen, dus aanzetten op een vlakke pagina legt een verloop achter vlakken
die er dekkend voor staan.

De blur hangt nu aan de gloed en niet aan de diepte, want een backdrop-filter
op een egale ondergrond levert per definitie niets op. Daarmee verviel het
mobiele terugvalblok (Gate 0.0.26, Relay 0.5.3) volledig: dat zette gloed, blur
en vlakkleur om, en de eerste twee staan nu al uit.

Meegevonden en gerepareerd: een selector met twee attributen wint van de :root
in de prefers-reduced-transparency-query, die daardoor de blur niet meer uit
kreeg. Die query noemt de gloedselector nu letterlijk.

Alle zeven tests groen: 22 + 43 + 39 + 54 + 28 + 115 + 65 goed, 0 fout.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Harmen
2026-09-04 09:55:11 +02:00
co-authored by Claude Opus 5
parent dbec428e62
commit cd4c7da0d7
11 changed files with 235 additions and 82 deletions
+31
View File
@@ -8,6 +8,37 @@ 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 Een lijst met geplande features op twee plekken loopt uit elkaar, en dan is geen van beide meer te
vertrouwen. vertrouwen.
## [0.0.29] - 2026-09-04
### Changed
- **De accentgloed achter de pagina staat uit, op verzoek van de gebruiker.** Hij kwam in 0.0.25 met
de opfrisbeurt uit het gedeelde designsysteem en deed wat hij moest doen, maar dit is een pagina
waar je een blik op werpt, en een gekleurde waas over het hele venster is daar veel opsmuk voor.
Wat blijft: de rand, de schaduw, het randlicht en de doorschijnende kleur van de vlakken. Alleen het
licht erachter is uit.
**Het is een schakelaar geworden en geen verwijdering**, ook een verzoek van de gebruiker:
`data-glow="on"` op het html-element zet hem terug. De stand hangt aan de combinatie met
`data-depth="deep"` en niet aan zichzelf; dat is de tweede eis, en hij is juist. De gloed is de
onderste van de vier dieptelagen, dus hem aanzetten op een vlakke pagina legt een verloop achter
vlakken die er dekkend voor staan.
Twee dingen liften mee:
- **de blur gaat met de gloed mee.** Een `backdrop-filter` op een egale ondergrond levert per
definitie niets op, dus zonder gloed is doorzichtigheid rekenwerk zonder resultaat. Dat argument
stond al in de app, in het mobiele blok, en geldt nu voor de hele pagina;
- **dat mobiele blok is weg.** Het viel onder 900 pixels terug op de vlakke stand, en dat was er
om de gloed: die is 58rem breed en dus breder dan een telefoon, waardoor het geen verloop meer
was maar een egale waas. Nu de gloed uit staat zette het blok drie dingen om die al uit stonden.
Het staat in het commentaar beschreven voor wie de gloed terugzet.
Eén reparatie die hierbij aan het licht kwam: de selector met twee attributen heeft een hogere
specificiteit dan de `:root` in de `prefers-reduced-transparency`-query, die daardoor de blur niet
meer uit kreeg. Die query noemt de gloedselector nu letterlijk. Dat is dezelfde klasse fout als in
0.0.25, waar twee toegankelijkheidswensen in één media-query stonden.
## [0.0.28] - 2026-09-04 ## [0.0.28] - 2026-09-04
### Removed ### Removed
+20
View File
@@ -19,6 +19,26 @@ De regel is: **verhoog je `VERSION`, dan verhoog je ook het manifest; andersom n
> geschreven uit de `releaseNotes` in het manifest en uit `PROGRESS.md` van het plan **Umbrelapp**. Ze zijn > geschreven uit de `releaseNotes` in het manifest en uit `PROGRESS.md` van het plan **Umbrelapp**. Ze zijn
> daarom korter dan de rest. > daarom korter dan de rest.
## 0.5.5 - 04-09-2026
**Alleen de pagina, dus geen nieuwe image.** `VERSION` in `tools/evolu-relay/build.sh` blijft op 0.5.0.
**De accentgloed achter de pagina staat uit**, op verzoek van de gebruiker en gelijk aan Electrum Gate
0.0.29. Hij kwam in 0.5.2 en deed wat hij moest doen, maar dit is een pagina waar je een blik op werpt,
en een gekleurde waas over het hele venster is daar veel opsmuk voor. De rand, de schaduw, het randlicht
en de doorschijnende kleur van de vlakken blijven; alleen het licht erachter is uit.
**Het is een schakelaar geworden en geen verwijdering:** `data-glow="on"` op het html-element zet hem
terug, en dat werkt alleen samen met `data-depth="deep"`. Die eis is van de gebruiker en hij is juist: de
gloed is de onderste van de vier dieptelagen, dus hem aanzetten op een vlakke pagina legt een verloop
achter vlakken die er dekkend voor staan.
De blur gaat met de gloed mee, want een `backdrop-filter` op een egale ondergrond levert per definitie
niets op. Daarmee verviel het mobiele blok uit 0.5.3 volledig: dat viel onder 900 pixels terug op de
vlakke stand, en zette nu drie dingen om die al uit stonden. Meegevonden en gerepareerd: de selector met
twee attributen wint van de `:root` in de `prefers-reduced-transparency`-query, die daardoor de blur niet
meer uit kreeg; die query noemt de gloedselector nu letterlijk.
## 0.5.4 - 31-08-2026 ## 0.5.4 - 31-08-2026
**Alleen de pagina, dus geen nieuwe image.** **Alleen de pagina, dus geen nieuwe image.**
+2 -2
View File
@@ -29,9 +29,9 @@
| Plan | App | Volgende stap | Status | | Plan | App | Volgende stap | Status |
|-|-|-|-| |-|-|-|-|
| [Umbrelapp](Plannen/Actief/008-Umbrelapp/TAKEN.md) | Relay | **0.5.4 staat klaar (31-08-2026): de statuswidget staat rechts en heet Status, gelijk aan Electrum Gate.** Daarvóór 0.5.3 (31-08-2026): "Running" weer in de accentkleur en op een telefoon terug naar de vlakke stand.** Daarvóór 0.5.2 (31-08-2026): de opfrisbeurt uit het gedeelde designsysteem** (accentgloed, doorschijnende kaarten met randlicht en schaduw, één hoek voor elk buitenste kader, het volle accentpalet met oranje als stand). Alleen de pagina, dus geen nieuwe image. **Nog nakijken op het apparaat, en dat is een blik.** Daarvóór stond er: **0.5.1 staat klaar en de pagina is af op de lijst van de gebruiker (30-08-2026):** tijdvenster van twee minuten met de teller in het relay-proces, labels op een eigenaar-id, geblokkeerd en geweigerd in één kader, maatvoering gelijk aan Electrum Gate. De image is dezelfde dag op de Umbrel gebouwd, geduwd en gepind. **Volgende stap is van de gebruiker en is een blik, geen sessie:** verversen, updaten, en dan de drie dingen nakijken die alleen het apparaat kan zeggen (teller met de pagina dicht, label na een herstart, het adres achter de app-proxy). Wat daarna nog open is: data per eigenaar wissen, en een `package-lock.json`. **Het pinnen van `python:3-alpine` en `nginx:alpine` is bewust géén werk meer hier** en wacht op Eigenimage; zie [KNOWLEDGE.md](KNOWLEDGE.md) | 🔶 | | [Umbrelapp](Plannen/Actief/008-Umbrelapp/TAKEN.md) | Relay | **0.5.5 (04-09-2026): de accentgloed staat uit, als schakelaar** (`data-glow`, alleen werkzaam bij `data-depth="deep"`). Op verzoek van de gebruiker, gelijk aan Electrum Gate 0.0.29; alleen de pagina, dus geen nieuwe image. Daarvóór 0.5.4 (31-08-2026): de statuswidget staat rechts en heet Status, gelijk aan Electrum Gate.** Daarvóór 0.5.3 (31-08-2026): "Running" weer in de accentkleur en op een telefoon terug naar de vlakke stand.** Daarvóór 0.5.2 (31-08-2026): de opfrisbeurt uit het gedeelde designsysteem** (accentgloed, doorschijnende kaarten met randlicht en schaduw, één hoek voor elk buitenste kader, het volle accentpalet met oranje als stand). Alleen de pagina, dus geen nieuwe image. **Nog nakijken op het apparaat, en dat is een blik.** Daarvóór stond er: **0.5.1 staat klaar en de pagina is af op de lijst van de gebruiker (30-08-2026):** tijdvenster van twee minuten met de teller in het relay-proces, labels op een eigenaar-id, geblokkeerd en geweigerd in één kader, maatvoering gelijk aan Electrum Gate. De image is dezelfde dag op de Umbrel gebouwd, geduwd en gepind. **Volgende stap is van de gebruiker en is een blik, geen sessie:** verversen, updaten, en dan de drie dingen nakijken die alleen het apparaat kan zeggen (teller met de pagina dicht, label na een herstart, het adres achter de app-proxy). Wat daarna nog open is: data per eigenaar wissen, en een `package-lock.json`. **Het pinnen van `python:3-alpine` en `nginx:alpine` is bewust géén werk meer hier** en wacht op Eigenimage; zie [KNOWLEDGE.md](KNOWLEDGE.md) | 🔶 |
| [Proefopstelling](Plannen/Actief/007-Proefopstelling/TAKEN.md) | Relay | **Volledig ingehaald op 28-08-2026 en klaar voor het archief.** Beide vragen die het nog bezat zijn beantwoord door **Umbrelapp**: Trezor Suite accepteert een eigen relay, en een eigenaar registreren is niet meer nodig sinds de quota-manager eruit is. Wat er in fase 2 en 3 stond gaat over een pakket dat niet meer bestaat. **Eén beslissing van de gebruiker: opheffen of laten staan** | 🔶 | | [Proefopstelling](Plannen/Actief/007-Proefopstelling/TAKEN.md) | Relay | **Volledig ingehaald op 28-08-2026 en klaar voor het archief.** Beide vragen die het nog bezat zijn beantwoord door **Umbrelapp**: Trezor Suite accepteert een eigen relay, en een eigenaar registreren is niet meer nodig sinds de quota-manager eruit is. Wat er in fase 2 en 3 stond gaat over een pakket dat niet meer bestaat. **Eén beslissing van de gebruiker: opheffen of laten staan** | 🔶 |
| [Webinterface](Plannen/Actief/005-Webinterface/TAKEN.md) | Gate | **0.0.28 (04-09-2026): de widget met de blokhoogte is eruit,** op verzoek van de gebruiker: het is niet aan deze app om die informatie te tonen. Vier widgets over, alle vier over deze gateway. De leeftijd van de meting verhuisde mee naar de reactietijd. **Nog nakijken op het apparaat, en dat is een blik.** Daarvóór 0.0.27 (31-08-2026): de statuskaart loog vijf minuten na elke herstart.** De agent mat vóórdat nginx luisterde (die start ná de agent) en herhaalde pas na vijf minuten; nu slaat de eerste ronde over en wordt een mislukking binnen een minuut herhaald. Daarvóór 0.0.26 (31-08-2026): "Running" weer in de accentkleur en op een telefoon terug naar de vlakke stand.** Daarvóór 0.0.25 (31-08-2026): dezelfde opfrisbeurt als de Relay**, uit het gedeelde designsysteem, plus een reparatie die daarbij aan het licht kwam: `prefers-reduced-motion` zette per ongeluk de hele opmaak plat, omdat die wens met `prefers-reduced-transparency` in één media-query stond. **Nog nakijken op het apparaat.** Daarvóór: **De pagina is af en goedgekeurd, op een breed scherm én op een telefoon (27-08-2026).** Op 28-08-2026 kapotgegaan door de tweede app en gerepareerd in 0.0.23. In 0.0.24 (30-08-2026) is de statuswidget van "Answering" naar "Running" gegaan en is er een menu-item "About this app" bij gekomen; dat kwam uit het werk aan Evolu Relay, waar de gebruiker de twee pagina's naast elkaar zag. **Nog nakijken op het apparaat, en dat is een blik en geen sessie.** Wat er verder staat wacht op tijd (het activiteitenlog een etmaal laten lopen) of is een beslissing van de gebruiker (waar Nginx Proxy Manager zijn certificaten neerzet, en of Zoraxy een harde afhankelijkheid wordt) | 🔶 | | [Webinterface](Plannen/Actief/005-Webinterface/TAKEN.md) | Gate | **0.0.29 (04-09-2026): de accentgloed staat uit, als schakelaar** (`data-glow`, alleen werkzaam bij `data-depth="deep"`). Dezelfde wijziging zit in Evolu Relay 0.5.5, en het gedeelde designsysteem in `HomeGit/Docs` heeft er nu een eigen schuif voor. Daarvóór 0.0.28 dezelfde dag: **de widget met de blokhoogte is eruit,** op verzoek van de gebruiker: het is niet aan deze app om die informatie te tonen. Vier widgets over, alle vier over deze gateway. De leeftijd van de meting verhuisde mee naar de reactietijd. **Beide nog nakijken op het apparaat, en dat is één blik.** Daarvóór 0.0.27 (31-08-2026): de statuskaart loog vijf minuten na elke herstart.** De agent mat vóórdat nginx luisterde (die start ná de agent) en herhaalde pas na vijf minuten; nu slaat de eerste ronde over en wordt een mislukking binnen een minuut herhaald. Daarvóór 0.0.26 (31-08-2026): "Running" weer in de accentkleur en op een telefoon terug naar de vlakke stand.** Daarvóór 0.0.25 (31-08-2026): dezelfde opfrisbeurt als de Relay**, uit het gedeelde designsysteem, plus een reparatie die daarbij aan het licht kwam: `prefers-reduced-motion` zette per ongeluk de hele opmaak plat, omdat die wens met `prefers-reduced-transparency` in één media-query stond. **Nog nakijken op het apparaat.** Daarvóór: **De pagina is af en goedgekeurd, op een breed scherm én op een telefoon (27-08-2026).** Op 28-08-2026 kapotgegaan door de tweede app en gerepareerd in 0.0.23. In 0.0.24 (30-08-2026) is de statuswidget van "Answering" naar "Running" gegaan en is er een menu-item "About this app" bij gekomen; dat kwam uit het werk aan Evolu Relay, waar de gebruiker de twee pagina's naast elkaar zag. **Nog nakijken op het apparaat, en dat is een blik en geen sessie.** Wat er verder staat wacht op tijd (het activiteitenlog een etmaal laten lopen) of is een beslissing van de gebruiker (waar Nginx Proxy Manager zijn certificaten neerzet, en of Zoraxy een harde afhankelijkheid wordt) | 🔶 |
| [Appstore](Plannen/Actief/010-Appstore/TAKEN.md) | Gate | De repo `ElectrumTLS` weghalen op de Git-server; daar staat het domein nog in de historie. **De omschakeling naar Fulcrum is op 27-08-2026 gelukt zonder aanpassing**, dus daarvan is alleen de herstartcontrole nog over, en die komt vanzelf bij de eerstvolgende herstart | 🔶 | | [Appstore](Plannen/Actief/010-Appstore/TAKEN.md) | Gate | De repo `ElectrumTLS` weghalen op de Git-server; daar staat het domein nog in de historie. **De omschakeling naar Fulcrum is op 27-08-2026 gelukt zonder aanpassing**, dus daarvan is alleen de herstartcontrole nog over, en die komt vanzelf bij de eerstvolgende herstart | 🔶 |
## C - Wacht op afhankelijkheid ## C - Wacht op afhankelijkheid
@@ -1,5 +1,25 @@
# Voortgang - Webinterface # Voortgang - Webinterface
## 04-09-2026 - de gloed uit, maar als schakelaar
Tweede opdracht van dezelfde dag, en hij raakt beide apps: de accentgloed achter de pagina mag eruit, en
wel zo dat hij optioneel aan of uit te zetten is. Dat laatste is de reden dat dit meer werk was dan een
regel weghalen. De gloed zat vast aan `data-depth="deep"`, samen met de drie andere dieptelagen, en dat is
precies waarom hij niet los uit te zetten was.
Nu is het `data-glow`, en op verzoek van de gebruiker eist de selector beide attributen. Dat is de juiste
eis: de gloed is de onderste laag, dus aanzetten op een vlakke pagina legt een verloop achter vlakken die
er dekkend voor staan. Vlak blijft vlak.
De blur hangt aan de gloed en niet aan de diepte, en daarmee verviel het mobiele terugvalblok uit 0.0.26
volledig: dat zette gloed, blur en vlakkleur om, en de eerste twee staan nu al uit. Meegevonden en
gerepareerd: twee attributen in de selector winnen van de `:root` in de
`prefers-reduced-transparency`-query, die daardoor de blur niet meer uit kreeg. Dezelfde klasse fout als
in 0.0.25.
Gate 0.0.29, Relay 0.5.5, en het gedeelde designsysteem in `HomeGit/Docs` heeft de gloed nu als eigen
schuif naast Diepte, met de combinatie-eis erin beschreven.
## 04-09-2026 - de blokhoogte was niet van deze app ## 04-09-2026 - de blokhoogte was niet van deze app
Opdracht van de gebruiker: de widget met de blokhoogte helemaal weg, want het is niet aan deze app om die Opdracht van de gebruiker: de widget met de blokhoogte helemaal weg, want het is niet aan deze app om die
@@ -28,6 +28,12 @@
## Volgende stap ## Volgende stap
- [x] **De accentgloed uitgezet, als schakelaar (04-09-2026, 0.0.29).** Op verzoek van de gebruiker, en
in dezelfde stap in Evolu Relay (0.5.5). `data-glow="on"` op het html-element zet hem terug, en
alleen samen met `data-depth="deep"`: de gloed is de onderste dieptelaag en heeft geen betekenis
achter dekkende vlakken. De blur gaat met de gloed mee, waardoor het mobiele terugvalblok uit
0.0.26 verviel. Ook aangepast: het gedeelde designsysteem in `HomeGit/Docs`, waar de gloed nu een
eigen schuif heeft naast Diepte.
- [x] **De widget met de blokhoogte weggehaald (04-09-2026, 0.0.28).** Op verzoek van de gebruiker: het - [x] **De widget met de blokhoogte weggehaald (04-09-2026, 0.0.28).** Op verzoek van de gebruiker: het
is niet aan deze app om die informatie te tonen. Vier widgets over, alle vier over deze gateway. is niet aan deze app om die informatie te tonen. Vier widgets over, alle vier over deze gateway.
De leeftijd van de meting is meeverhuisd naar de reactietijd, want die stond onder de blokhoogte De leeftijd van de meting is meeverhuisd naar de reactietijd, want die stond onder de blokhoogte
@@ -3,6 +3,17 @@
> Chronologisch sessielog, nieuwste bovenaan. Kort: 3 tot 6 regels per entry. Wat er is gebeurd en waarom, > Chronologisch sessielog, nieuwste bovenaan. Kort: 3 tot 6 regels per entry. Wat er is gebeurd en waarom,
> niet wat er nog moet: dat staat in [TAKEN.md](TAKEN.md). > niet wat er nog moet: dat staat in [TAKEN.md](TAKEN.md).
## 04-09-2026 - de gloed uit in beide apps, als schakelaar
Geen gepland werk aan dit plan; de opdracht kwam bij Electrum Gate binnen en geldt voor beide pagina's. De
accentgloed uit 0.5.2 gaat uit, en wel zo dat hij optioneel blijft: `data-glow="on"` op het html-element
zet hem terug, en alleen samen met `data-depth="deep"`. Die combinatie-eis is van de gebruiker en hij is
juist: een gloed achter dekkende vlakken is geen stand die iemand bedoelt.
De blur hangt nu aan de gloed en niet aan de diepte, waardoor het mobiele terugvalblok uit 0.5.3 verviel:
dat zette drie dingen om die al uit stonden. Versie 0.5.5, alleen de pagina, dus geen nieuwe image. Voor de
onderbouwing en de meegevonden specificiteitsfout: **Webinterface**, `PROGRESS.md` van dezelfde dag.
## 30-08-2026 - de pagina op de lijst van de gebruiker, plus twee onderzoeksvragen ## 30-08-2026 - de pagina op de lijst van de gebruiker, plus twee onderzoeksvragen
De lijst waar taak "statuspagina verbeteren" op wachtte, kwam er: negen punten uit echt gebruik. Alle negen De lijst waar taak "statuspagina verbeteren" op wachtte, kwam er: negen punten uit echt gebruik. Alle negen
@@ -16,6 +16,10 @@
## Volgende stap ## Volgende stap
- [x] **De accentgloed uitgezet, als schakelaar (04-09-2026, 0.5.5).** Op verzoek van de gebruiker, en in
dezelfde stap in Electrum Gate (0.0.29). `data-glow="on"` op het html-element zet hem terug, en
alleen samen met `data-depth="deep"`. De blur gaat met de gloed mee, waardoor het mobiele
terugvalblok uit 0.5.3 verviel. Alleen de pagina, dus geen nieuwe image.
- [x] **De image 0.5.0 gebouwd en geduwd op de Umbrel (30-08-2026), en gepind.** Digest - [x] **De image 0.5.0 gebouwd en geduwd op de Umbrel (30-08-2026), en gepind.** Digest
`sha256:1e4dafdc…acea49a`, en de suite meldt hem nu als `gepind`. Bouwen kan alleen daar: umbreld kan `sha256:1e4dafdc…acea49a`, en de suite meldt hem nu als `gepind`. Bouwen kan alleen daar: umbreld kan
niet bij een image die alleen lokaal bestaat, en `docker` vraagt op dat apparaat `sudo`. niet bij een image die alleen lokaal bestaat, en `docker` vraagt op dat apparaat `sudo`.
+60 -34
View File
@@ -17,7 +17,16 @@
niet, dan zegt hij dat. Hij verzint niets, want hij wordt juist geraadpleegd niet, dan zegt hij dat. Hij verzint niets, want hij wordt juist geraadpleegd
op het moment dat er iets mis lijkt te zijn. op het moment dat er iets mis lijkt te zijn.
--> -->
<html lang="en" data-theme="dark" data-accent="orange" data-depth="deep"> <!-- data-glow schakelt de accentgloed achter de pagina. "off" is de stand sinds
0.0.29 (verzoek van de gebruiker, 04-09-2026); "on" zet hem terug, en dat is
het enige wat er voor nodig is: alles staat in de tokenlaag onder "Diepte" en
geen enkele regel hieronder kent de stand.
De gloed hangt aan de combinatie met data-depth="deep" en niet aan zichzelf.
Dat is een eis van de gebruiker en het is ook de enige zinnige lezing: de
gloed is de onderste van de vier dieptelagen, dus hij aanzetten terwijl de
pagina vlak staat zou een verloop achter dekkende vlakken leggen. -->
<html lang="en" data-theme="dark" data-accent="orange" data-depth="deep" data-glow="off">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -128,18 +137,34 @@
/* -- Diepte ------------------------------------------------------------------ /* -- Diepte ------------------------------------------------------------------
Overgenomen uit HomeGit/Docs/website-design-system.html (31-08-2026). In Overgenomen uit HomeGit/Docs/website-design-system.html (31-08-2026). In
AssetApp is dit een instelling; hier staat hij vast aan, want dit is een AssetApp is dit een instelling; hier is er geen schuif, want dit is een
statuspagina met dark/light en verder geen knoppen, en een schuif erbij zou statuspagina met dark/light en verder geen knoppen. De stand staat dus in het
meer bediening zijn dan de pagina zelf. html-element en niet in een menu.
Het werkt omdat er iets ACHTER de vlakken komt te staan: een accentgloed uit **De gloed staat sinds 0.0.29 uit** (verzoek van de gebruiker, 04-09-2026).
de linkerbovenhoek. Een backdrop-filter op een egale ondergrond levert per Aanzetten is `data-glow="on"` op het html-element en verder niets: het blok
definitie niets op, dus de gloed is het eerste deel en het glas het tweede. */ verderop zet
dan de twee verlopen én de blur. Dat blok eist ook `data-depth="deep"`, want
een gloed achter dekkende vlakken is geen stand die iemand bedoelt.
Let op wat in deze app níet aan de diepte hangt: de doorschijnende kleur van de
vlakken en het randlicht staan onder [data-theme] en dus altijd aan. Dat is zo
sinds 0.0.25 en het blijft zo; in het designsysteem hangen die wél aan de
diepte, omdat daar een schuif zit die ze allemaal tegelijk omzet.
Dat die twee aan hetzelfde attribuut hangen is geen gemak maar de kern van hoe
dit werkt. Een backdrop-filter op een egale ondergrond levert per definitie
niets op, dus zonder gloed is de blur rekenwerk zonder resultaat: de gloed is
het eerste deel en het glas het tweede, in die volgorde.
Wat de gloed NIET meeneemt, en dus ook zonder hem gewoon staat: de rand, de
schaduw, het randlicht en de kleur van de vlakken. Dat zijn geen glaseffecten;
ze werken op een egale ondergrond even goed. */
:root { :root {
--surface: var(--bg-elevated); --surface: var(--bg-elevated);
--surface-inset: var(--bg-raised); --surface-inset: var(--bg-raised);
--surface-blur: 16px; --surface-blur: 0px;
--surface-sat: 135%; --surface-sat: 100%;
--edge: none; --edge: none;
--ambient: none; --ambient: none;
--shadow-1: 0 1px 2px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.05); --shadow-1: 0 1px 2px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.05);
@@ -155,7 +180,18 @@
--surface-inset: color-mix(in srgb, #f2f2f2 74%, transparent); --surface-inset: color-mix(in srgb, #f2f2f2 74%, transparent);
--edge: linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0) 46%); --edge: linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0) 46%);
} }
[data-depth="deep"] { /* De gloed: twee verlopen, één uit de linkerbovenhoek en een tegenlichtje
rechtsboven, zodat het geheel niet als één vlek leest. De blur hoort erbij en
staat daarom in ditzelfde blok; zie de uitleg bovenaan.
De selector heeft twee attributen en dus een specificiteit die `:root` niet
haalt. Dat is de reden dat de media-query hieronder deze selector letterlijk
herhaalt: met alleen `:root` erin zou de wens "minder doorzichtigheid" de blur
niet meer uit krijgen, en dat is een stille regressie in precies de stand waar
iemand om vroeg. */
[data-depth="deep"][data-glow="on"] {
--surface-blur: 16px;
--surface-sat: 135%;
--ambient: radial-gradient(58rem 34rem at 8% -8%, var(--accent-glow), transparent 62%), --ambient: radial-gradient(58rem 34rem at 8% -8%, var(--accent-glow), transparent 62%),
radial-gradient(46rem 30rem at 102% 4%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 66%); radial-gradient(46rem 30rem at 102% 4%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 66%);
} }
@@ -167,7 +203,10 @@
iets anders: de ene gaat over doorschijnende vlakken, de andere over iets anders: de ene gaat over doorschijnende vlakken, de andere over
beweging. */ beweging. */
@media (prefers-reduced-transparency: reduce) { @media (prefers-reduced-transparency: reduce) {
:root { /* Twee selectors, want de gloedstand hierboven heeft twee attributen en wint
anders van `:root`. Gelijke specificiteit plus later in het bestand is wat
hem hier laat winnen. */
:root, [data-depth="deep"][data-glow="on"] {
--surface: var(--bg-elevated); --surface-inset: var(--bg-raised); --surface: var(--bg-elevated); --surface-inset: var(--bg-raised);
--surface-blur: 0px; --surface-sat: 100%; --surface-blur: 0px; --surface-sat: 100%;
} }
@@ -176,30 +215,17 @@
body::before, .card { transition: none; } body::before, .card { transition: none; }
} }
/* -- Mobiel: terug naar de vlakke stand (keuze gebruiker, 31-08-2026) --------- /* Hier stond een media-query die op een scherm smaller dan 900 pixels terugviel
De gloed is 58rem breed, ongeveer 928 pixels. Op een telefoon is het scherm dus op de vlakke stand (keuze gebruiker, 31-08-2026): de gloed is 58rem breed en
smaller dan de gloed zelf, en dan is het geen verloop meer maar een egale waas op een telefoon dus breder dan het scherm, waardoor het geen verloop meer was
over de hele pagina: alle nuance die hem op een breed scherm mooi maakt valt maar een egale waas.
buiten beeld.
De blur gaat in dezelfde stap eruit, en dat is geen extraatje. Doorzichtigheid Weggehaald op 04-09-2026, toen de gloed er in het geheel uit ging: hij zette
met niets erachter is gewoon grijs, dus zonder de gloed voegt het niets meer de gloed uit (die nu al uit staat), de blur uit (die met de gloed meegaat) en
toe; ondertussen kost een backdrop-filter op een telefoon wel per frame de vlakken op dekkend (het enige dat overbleef, en dat is zonder blur alleen
rekenwerk. Wat blijft staan is de rand, de schaduw en het randlicht. nog een iets andere grijstoon). Een breekpunt dat in beide standen hetzelfde
oplevert, houdt alleen de suggestie over dat er iets gebeurt. Zet je de gloed
De selector is html[data-depth] en niet :root, want :root heeft dezelfde met `data-glow="on"` terug, dan hoort dit blok er ook weer bij. */
specificiteit als de [data-theme]-blokken hierboven en zou dan alleen winnen
zolang hij er in het bestand ONDER staat. Dat is een afhankelijkheid van
volgorde die je bij de eerstvolgende verplaatsing stil kwijtraakt. */
@media (max-width: 900px) {
html[data-depth] {
--surface: var(--bg-elevated);
--surface-inset: var(--bg-raised);
--surface-blur: 0px;
--surface-sat: 100%;
--ambient: none;
}
}
/* De gloed ligt achter alles en vangt geen klikken. z-index 0 hier en 1 op .wrap: /* De gloed ligt achter alles en vangt geen klikken. z-index 0 hier en 1 op .wrap:
zonder stapelcontext kan een fixed pseudo-element van body over de inhoud heen zonder stapelcontext kan een fixed pseudo-element van body over de inhoud heen
+15 -11
View File
@@ -9,7 +9,7 @@ manifestVersion: 1
id: whatsnext-electrum-gate id: whatsnext-electrum-gate
category: bitcoin category: bitcoin
name: Electrum Gate name: Electrum Gate
version: "0.0.28" version: "0.0.29"
tagline: Your own node from anywhere, without waiting for Tor tagline: Your own node from anywhere, without waiting for Tor
description: >- description: >-
The privacy win is already yours: you run the Electrum server. A public one gets asked for The privacy win is already yours: you run the Electrum server. A public one gets asked for
@@ -56,6 +56,15 @@ description: >-
# staan. In 0.0.9 stond er daardoor drie keer "Earlier releases" en twee keer # staan. In 0.0.9 stond er daardoor drie keer "Earlier releases" en twee keer
# dezelfde 0.0.4-regel. De toets let er nu op. # dezelfde 0.0.4-regel. De toets let er nu op.
releaseNotes: >- releaseNotes: >-
The glow behind the page is gone. It arrived in 0.0.25 and it did what it was meant to do, but a status
page is something you glance at, and a coloured wash over the whole window is a lot of decoration for a
glance. The panels keep their edge, their shadow and their top light, so they still read as panels; only
the light behind them is off. The switch is still in the page for anyone who wants it back.
Everything in 0.0.28:
The block height tile is gone. This app is a front door for your Electrum server; what the chain is The block height tile is gone. This app is a front door for your Electrum server; what the chain is
doing is not its news to report, and every wallet and block explorer you own already tells you. Four doing is not its news to report, and every wallet and block explorer you own already tells you. Four
tiles are left, all of them about this gateway: which server your traffic goes to, whether it answers tiles are left, all of them about this gateway: which server your traffic goes to, whether it answers
@@ -82,19 +91,14 @@ releaseNotes: >-
so it stopped being a gradient and became a haze over everything. so it stopped being a gradient and became a haze over everything.
Everything in 0.0.25:
A visual refresh, shared with the other apps in this store. The page now has a soft glow behind it in
the accent colour, and the cards are translucent with a light edge and a shadow, so they read as
panels sitting on the page instead of flat blocks painted on it. Card corners are a little tighter,
and every framed element now uses the same corner radius. Nothing about what the page reports has
changed.
Earlier releases: Earlier releases:
0.0.25 was a visual refresh shared with the other app in this store: translucent cards with a light edge
and a shadow, one corner radius for every framed element, and a glow behind the page. That glow is the
one this release switches off; the rest of it is still there.
0.0.24 added an "About this app" item to the menu, and changed the Status card from "Answering" with 0.0.24 added an "About this app" item to the menu, and changed the Status card from "Answering" with
"answered in 7 ms, from inside the app" underneath to "Running" with the measurement below it. The "answered in 7 ms, from inside the app" underneath to "Running" with the measurement below it. The
caveat moved into that dialog, where there is room to state it: the check runs inside the app, so a caveat moved into that dialog, where there is room to state it: the check runs inside the app, so a
+56 -34
View File
@@ -35,7 +35,16 @@
is. is.
═══════════════════════════════════════════════════════════════════════════════ ═══════════════════════════════════════════════════════════════════════════════
--> -->
<html lang="en" data-theme="dark" data-accent="orange" data-depth="deep"> <!-- data-glow schakelt de accentgloed achter de pagina. "off" is de stand sinds
0.5.5 (verzoek van de gebruiker, 04-09-2026); "on" zet hem terug, en dat is
het enige wat er voor nodig is: alles staat in de tokenlaag onder "Diepte" en
geen enkele regel hieronder kent de stand.
De gloed hangt aan de combinatie met data-depth="deep" en niet aan zichzelf.
Dat is een eis van de gebruiker en het is ook de enige zinnige lezing: de
gloed is de onderste van de vier dieptelagen, dus hij aanzetten terwijl de
pagina vlak staat zou een verloop achter dekkende vlakken leggen. -->
<html lang="en" data-theme="dark" data-accent="orange" data-depth="deep" data-glow="off">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -146,18 +155,30 @@
/* -- Diepte ------------------------------------------------------------------ /* -- Diepte ------------------------------------------------------------------
Overgenomen uit HomeGit/Docs/website-design-system.html (31-08-2026). In Overgenomen uit HomeGit/Docs/website-design-system.html (31-08-2026). In
AssetApp is dit een instelling; hier staat hij vast aan, want dit is een AssetApp is dit een instelling; hier is er geen schuif, want dit is een
statuspagina met dark/light en verder geen knoppen, en een schuif erbij zou statuspagina met dark/light en verder geen knoppen. De stand staat dus in het
meer bediening zijn dan de pagina zelf. html-element en niet in een menu.
Het werkt omdat er iets ACHTER de vlakken komt te staan: een accentgloed uit **De gloed staat sinds 0.5.5 uit** (verzoek van de gebruiker, 04-09-2026).
de linkerbovenhoek. Een backdrop-filter op een egale ondergrond levert per Aanzetten is `data-glow="on"` op het html-element en verder niets: het blok
definitie niets op, dus de gloed is het eerste deel en het glas het tweede. */ verderop zet
dan de twee verlopen én de blur. Dat blok eist ook `data-depth="deep"`, want
een gloed achter dekkende vlakken is geen stand die iemand bedoelt.
Dat de blur aan de gloed hangt is geen gemak maar de kern van hoe dit werkt.
Een backdrop-filter op een egale ondergrond levert per definitie niets op, dus
zonder gloed is de blur rekenwerk zonder resultaat: de gloed is het eerste
deel en het glas het tweede, in die volgorde.
Wat in deze app níet aan de diepte hangt: de doorschijnende kleur van de
vlakken en het randlicht staan onder [data-theme] en dus altijd aan. Dat is zo
sinds 0.5.2 en het blijft zo; in het designsysteem hangen die wél aan de
diepte, omdat daar een schuif zit die ze allemaal tegelijk omzet. */
:root { :root {
--surface: var(--bg-elevated); --surface: var(--bg-elevated);
--surface-inset: var(--bg-raised); --surface-inset: var(--bg-raised);
--surface-blur: 16px; --surface-blur: 0px;
--surface-sat: 135%; --surface-sat: 100%;
--edge: none; --edge: none;
--ambient: none; --ambient: none;
--shadow-1: 0 1px 2px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.05); --shadow-1: 0 1px 2px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.05);
@@ -173,7 +194,18 @@
--surface-inset: color-mix(in srgb, #f2f2f2 74%, transparent); --surface-inset: color-mix(in srgb, #f2f2f2 74%, transparent);
--edge: linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0) 46%); --edge: linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0) 46%);
} }
[data-depth="deep"] { /* De gloed: twee verlopen, één uit de linkerbovenhoek en een tegenlichtje
rechtsboven, zodat het geheel niet als één vlek leest. De blur hoort erbij en
staat daarom in ditzelfde blok; zie de uitleg bovenaan.
De selector heeft twee attributen en dus een specificiteit die `:root` niet
haalt. Dat is de reden dat de media-query hieronder deze selector letterlijk
herhaalt: met alleen `:root` erin zou de wens "minder doorzichtigheid" de blur
niet meer uit krijgen, en dat is een stille regressie in precies de stand waar
iemand om vroeg. */
[data-depth="deep"][data-glow="on"] {
--surface-blur: 16px;
--surface-sat: 135%;
--ambient: radial-gradient(58rem 34rem at 8% -8%, var(--accent-glow), transparent 62%), --ambient: radial-gradient(58rem 34rem at 8% -8%, var(--accent-glow), transparent 62%),
radial-gradient(46rem 30rem at 102% 4%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 66%); radial-gradient(46rem 30rem at 102% 4%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 66%);
} }
@@ -185,7 +217,10 @@
iets anders: de ene gaat over doorschijnende vlakken, de andere over iets anders: de ene gaat over doorschijnende vlakken, de andere over
beweging. */ beweging. */
@media (prefers-reduced-transparency: reduce) { @media (prefers-reduced-transparency: reduce) {
:root { /* Twee selectors, want de gloedstand hierboven heeft twee attributen en wint
anders van `:root`. Gelijke specificiteit plus later in het bestand is wat
hem hier laat winnen. */
:root, [data-depth="deep"][data-glow="on"] {
--surface: var(--bg-elevated); --surface-inset: var(--bg-raised); --surface: var(--bg-elevated); --surface-inset: var(--bg-raised);
--surface-blur: 0px; --surface-sat: 100%; --surface-blur: 0px; --surface-sat: 100%;
} }
@@ -194,30 +229,17 @@
body::before, .card { transition: none; } body::before, .card { transition: none; }
} }
/* -- Mobiel: terug naar de vlakke stand (keuze gebruiker, 31-08-2026) --------- /* Hier stond een media-query die op een scherm smaller dan 900 pixels terugviel
De gloed is 58rem breed, ongeveer 928 pixels. Op een telefoon is het scherm dus op de vlakke stand (keuze gebruiker, 31-08-2026): de gloed is 58rem breed en
smaller dan de gloed zelf, en dan is het geen verloop meer maar een egale waas op een telefoon dus breder dan het scherm, waardoor het geen verloop meer was
over de hele pagina: alle nuance die hem op een breed scherm mooi maakt valt maar een egale waas.
buiten beeld.
De blur gaat in dezelfde stap eruit, en dat is geen extraatje. Doorzichtigheid Weggehaald op 04-09-2026, toen de gloed er in het geheel uit ging: hij zette
met niets erachter is gewoon grijs, dus zonder de gloed voegt het niets meer de gloed uit (die nu al uit staat), de blur uit (die met de gloed meegaat) en
toe; ondertussen kost een backdrop-filter op een telefoon wel per frame de vlakken op dekkend (het enige dat overbleef, en dat is zonder blur alleen
rekenwerk. Wat blijft staan is de rand, de schaduw en het randlicht. nog een iets andere grijstoon). Een breekpunt dat in beide standen hetzelfde
oplevert, houdt alleen de suggestie over dat er iets gebeurt. Zet je de gloed
De selector is html[data-depth] en niet :root, want :root heeft dezelfde met `data-glow="on"` terug, dan hoort dit blok er ook weer bij. */
specificiteit als de [data-theme]-blokken hierboven en zou dan alleen winnen
zolang hij er in het bestand ONDER staat. Dat is een afhankelijkheid van
volgorde die je bij de eerstvolgende verplaatsing stil kwijtraakt. */
@media (max-width: 900px) {
html[data-depth] {
--surface: var(--bg-elevated);
--surface-inset: var(--bg-raised);
--surface-blur: 0px;
--surface-sat: 100%;
--ambient: none;
}
}
/* De gloed ligt achter alles en vangt geen klikken. z-index 0 hier en 1 op .wrap: /* De gloed ligt achter alles en vangt geen klikken. z-index 0 hier en 1 op .wrap:
zonder stapelcontext kan een fixed pseudo-element van body over de inhoud heen zonder stapelcontext kan een fixed pseudo-element van body over de inhoud heen
+10 -1
View File
@@ -11,7 +11,7 @@ manifestVersion: 1
id: whatsnext-evolu-relay id: whatsnext-evolu-relay
category: files category: files
name: Evolu Relay name: Evolu Relay
version: "0.5.4" version: "0.5.5"
tagline: Encrypted sync and backup for your local-first apps tagline: Encrypted sync and backup for your local-first apps
description: >- description: >-
Local-first apps keep your data on your own device and work whether or not you have a Local-first apps keep your data on your own device and work whether or not you have a
@@ -43,6 +43,15 @@ description: >-
your app at the address shown there. Away from home you will need a way in, such as Tailscale your app at the address shown there. Away from home you will need a way in, such as Tailscale
or a reverse proxy with your own domain. or a reverse proxy with your own domain.
releaseNotes: >- releaseNotes: >-
The glow behind the page is gone. It arrived in 0.5.2 and it did what it was meant to do, but a status
page is something you glance at, and a coloured wash over the whole window is a lot of decoration for a
glance. The panels keep their edge, their shadow and their top light, so they still read as panels; only
the light behind them is off. The switch is still in the page for anyone who wants it back.
Everything in 0.5.4:
The status widget has moved to the right of the top row and is now called Status, matching Electrum The status widget has moved to the right of the top row and is now called Status, matching Electrum
Gate. The two pages are one app store and they should read the same way. Gate. The two pages are one app store and they should read the same way.