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
@@ -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
|
||||
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
|
||||
|
||||
### Removed
|
||||
|
||||
@@ -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
|
||||
> 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
|
||||
|
||||
**Alleen de pagina, dus geen nieuwe image.**
|
||||
|
||||
@@ -29,9 +29,9 @@
|
||||
|
||||
| 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** | 🔶 |
|
||||
| [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 | 🔶 |
|
||||
|
||||
## C - Wacht op afhankelijkheid
|
||||
|
||||
@@ -1,5 +1,25 @@
|
||||
# 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
|
||||
|
||||
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
|
||||
|
||||
- [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
|
||||
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
|
||||
|
||||
@@ -3,6 +3,17 @@
|
||||
> 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).
|
||||
|
||||
## 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
|
||||
|
||||
De lijst waar taak "statuspagina verbeteren" op wachtte, kwam er: negen punten uit echt gebruik. Alle negen
|
||||
|
||||
@@ -16,6 +16,10 @@
|
||||
|
||||
## 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
|
||||
`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`.
|
||||
|
||||
@@ -17,7 +17,16 @@
|
||||
niet, dan zegt hij dat. Hij verzint niets, want hij wordt juist geraadpleegd
|
||||
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>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
@@ -128,18 +137,34 @@
|
||||
|
||||
/* -- Diepte ------------------------------------------------------------------
|
||||
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
|
||||
statuspagina met dark/light en verder geen knoppen, en een schuif erbij zou
|
||||
meer bediening zijn dan de pagina zelf.
|
||||
AssetApp is dit een instelling; hier is er geen schuif, want dit is een
|
||||
statuspagina met dark/light en verder geen knoppen. De stand staat dus in het
|
||||
html-element en niet in een menu.
|
||||
|
||||
Het werkt omdat er iets ACHTER de vlakken komt te staan: een accentgloed uit
|
||||
de linkerbovenhoek. Een backdrop-filter op een egale ondergrond levert per
|
||||
definitie niets op, dus de gloed is het eerste deel en het glas het tweede. */
|
||||
**De gloed staat sinds 0.0.29 uit** (verzoek van de gebruiker, 04-09-2026).
|
||||
Aanzetten is `data-glow="on"` op het html-element en verder niets: het blok
|
||||
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 {
|
||||
--surface: var(--bg-elevated);
|
||||
--surface-inset: var(--bg-raised);
|
||||
--surface-blur: 16px;
|
||||
--surface-sat: 135%;
|
||||
--surface-blur: 0px;
|
||||
--surface-sat: 100%;
|
||||
--edge: none;
|
||||
--ambient: none;
|
||||
--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);
|
||||
--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%),
|
||||
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
|
||||
beweging. */
|
||||
@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-blur: 0px; --surface-sat: 100%;
|
||||
}
|
||||
@@ -176,30 +215,17 @@
|
||||
body::before, .card { transition: none; }
|
||||
}
|
||||
|
||||
/* -- Mobiel: terug naar de vlakke stand (keuze gebruiker, 31-08-2026) ---------
|
||||
De gloed is 58rem breed, ongeveer 928 pixels. Op een telefoon is het scherm dus
|
||||
smaller dan de gloed zelf, en dan is het geen verloop meer maar een egale waas
|
||||
over de hele pagina: alle nuance die hem op een breed scherm mooi maakt valt
|
||||
buiten beeld.
|
||||
/* Hier stond een media-query die op een scherm smaller dan 900 pixels terugviel
|
||||
op de vlakke stand (keuze gebruiker, 31-08-2026): de gloed is 58rem breed en
|
||||
op een telefoon dus breder dan het scherm, waardoor het geen verloop meer was
|
||||
maar een egale waas.
|
||||
|
||||
De blur gaat in dezelfde stap eruit, en dat is geen extraatje. Doorzichtigheid
|
||||
met niets erachter is gewoon grijs, dus zonder de gloed voegt het niets meer
|
||||
toe; ondertussen kost een backdrop-filter op een telefoon wel per frame
|
||||
rekenwerk. Wat blijft staan is de rand, de schaduw en het randlicht.
|
||||
|
||||
De selector is html[data-depth] en niet :root, want :root heeft dezelfde
|
||||
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;
|
||||
}
|
||||
}
|
||||
Weggehaald op 04-09-2026, toen de gloed er in het geheel uit ging: hij zette
|
||||
de gloed uit (die nu al uit staat), de blur uit (die met de gloed meegaat) en
|
||||
de vlakken op dekkend (het enige dat overbleef, en dat is zonder blur alleen
|
||||
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
|
||||
met `data-glow="on"` terug, dan hoort dit blok er ook weer bij. */
|
||||
|
||||
/* 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
|
||||
|
||||
@@ -9,7 +9,7 @@ manifestVersion: 1
|
||||
id: whatsnext-electrum-gate
|
||||
category: bitcoin
|
||||
name: Electrum Gate
|
||||
version: "0.0.28"
|
||||
version: "0.0.29"
|
||||
tagline: Your own node from anywhere, without waiting for Tor
|
||||
description: >-
|
||||
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
|
||||
# dezelfde 0.0.4-regel. De toets let er nu op.
|
||||
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
|
||||
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
|
||||
@@ -82,19 +91,14 @@ releaseNotes: >-
|
||||
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:
|
||||
|
||||
|
||||
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
|
||||
"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
|
||||
|
||||
@@ -35,7 +35,16 @@
|
||||
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>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
@@ -146,18 +155,30 @@
|
||||
|
||||
/* -- Diepte ------------------------------------------------------------------
|
||||
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
|
||||
statuspagina met dark/light en verder geen knoppen, en een schuif erbij zou
|
||||
meer bediening zijn dan de pagina zelf.
|
||||
AssetApp is dit een instelling; hier is er geen schuif, want dit is een
|
||||
statuspagina met dark/light en verder geen knoppen. De stand staat dus in het
|
||||
html-element en niet in een menu.
|
||||
|
||||
Het werkt omdat er iets ACHTER de vlakken komt te staan: een accentgloed uit
|
||||
de linkerbovenhoek. Een backdrop-filter op een egale ondergrond levert per
|
||||
definitie niets op, dus de gloed is het eerste deel en het glas het tweede. */
|
||||
**De gloed staat sinds 0.5.5 uit** (verzoek van de gebruiker, 04-09-2026).
|
||||
Aanzetten is `data-glow="on"` op het html-element en verder niets: het blok
|
||||
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 {
|
||||
--surface: var(--bg-elevated);
|
||||
--surface-inset: var(--bg-raised);
|
||||
--surface-blur: 16px;
|
||||
--surface-sat: 135%;
|
||||
--surface-blur: 0px;
|
||||
--surface-sat: 100%;
|
||||
--edge: none;
|
||||
--ambient: none;
|
||||
--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);
|
||||
--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%),
|
||||
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
|
||||
beweging. */
|
||||
@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-blur: 0px; --surface-sat: 100%;
|
||||
}
|
||||
@@ -194,30 +229,17 @@
|
||||
body::before, .card { transition: none; }
|
||||
}
|
||||
|
||||
/* -- Mobiel: terug naar de vlakke stand (keuze gebruiker, 31-08-2026) ---------
|
||||
De gloed is 58rem breed, ongeveer 928 pixels. Op een telefoon is het scherm dus
|
||||
smaller dan de gloed zelf, en dan is het geen verloop meer maar een egale waas
|
||||
over de hele pagina: alle nuance die hem op een breed scherm mooi maakt valt
|
||||
buiten beeld.
|
||||
/* Hier stond een media-query die op een scherm smaller dan 900 pixels terugviel
|
||||
op de vlakke stand (keuze gebruiker, 31-08-2026): de gloed is 58rem breed en
|
||||
op een telefoon dus breder dan het scherm, waardoor het geen verloop meer was
|
||||
maar een egale waas.
|
||||
|
||||
De blur gaat in dezelfde stap eruit, en dat is geen extraatje. Doorzichtigheid
|
||||
met niets erachter is gewoon grijs, dus zonder de gloed voegt het niets meer
|
||||
toe; ondertussen kost een backdrop-filter op een telefoon wel per frame
|
||||
rekenwerk. Wat blijft staan is de rand, de schaduw en het randlicht.
|
||||
|
||||
De selector is html[data-depth] en niet :root, want :root heeft dezelfde
|
||||
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;
|
||||
}
|
||||
}
|
||||
Weggehaald op 04-09-2026, toen de gloed er in het geheel uit ging: hij zette
|
||||
de gloed uit (die nu al uit staat), de blur uit (die met de gloed meegaat) en
|
||||
de vlakken op dekkend (het enige dat overbleef, en dat is zonder blur alleen
|
||||
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
|
||||
met `data-glow="on"` terug, dan hoort dit blok er ook weer bij. */
|
||||
|
||||
/* 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
|
||||
|
||||
@@ -11,7 +11,7 @@ manifestVersion: 1
|
||||
id: whatsnext-evolu-relay
|
||||
category: files
|
||||
name: Evolu Relay
|
||||
version: "0.5.4"
|
||||
version: "0.5.5"
|
||||
tagline: Encrypted sync and backup for your local-first apps
|
||||
description: >-
|
||||
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
|
||||
or a reverse proxy with your own domain.
|
||||
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
|
||||
Gate. The two pages are one app store and they should read the same way.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user