screen18, zweite Haelfte: Die Tagesfelder werden Tasten in einer Platte

Filipe: "...und die kacheln vom kalender selber sollen viel krasser und
geiler aussehen bitte."

Die dunklen Fugen zwischen den Tagen waren die eine Haelfte des
Wunsches und stehen seit dem 08.09. Die andere Haelfte sind die Felder
SELBST: flache Rechtecke in drei Grautoenen. Eine gefraeste Platte mit
Fugen, in der flache Flaechen liegen, ist halb fertig -- die Fuge sagt
"Werkstueck", die Flaeche sagt "Tabelle".

ZWEI PIXEL MACHEN DEN UNTERSCHIED: eine Lichtkante oben, eine
Schattenkante unten. Dieselbe Rechnung wie ueberall im Haus -- Licht
faellt von oben, also ist die obere Kante hell und die untere dunkel.
Aus einer Flaeche wird ein Koerper, der in der Platte SITZT. Kein
zusaetzliches Element, keine Groessenaenderung, kein Umbruch.

DER WOCHENENDUNTERSCHIED WAR MESSBAR ZU KLEIN -- und das ist der
eigentliche Fund. Werktag lag bei `rgba(11,15,25,.74)`, Wochenende bei
`rgba(9,12,20,.8)`. Auf dem Bildschirm sind die beiden Spalten nicht
auseinanderzuhalten. Die Angabe war also da und wirkungslos, und das
ist die unangenehmste Sorte Fehler: Sie sieht im Quelltext nach einer
Funktion aus, und niemand vermisst, was scheinbar existiert.

Jetzt liegt das Wochenende sichtbar tiefer und etwas kuehler. Man
sieht den Wochenrhythmus, ohne die Spaltenkoepfe zu lesen -- das ist
keine Zierde, sondern die Information, wegen der ein Kalender
ueberhaupt in Wochen gegliedert ist.

HEUTE BLEIBT DAS LAUTESTE FELD, und das war die Bedingung fuer alles
andere: Wenn jedes Feld eine Kante bekommt, muss das eine, auf das es
ankommt, weiter herausstechen. Voller Ring plus ein leiser Schein nach
innen.

AUGENSCHONEND: Alle Werte unter 8 Prozent Deckkraft. Auf sechs mal
sieben Feldern summiert sich jede Helligkeit -- was auf einer Kachel
dezent ist, ist auf 42 Kacheln ein Raster.

Geprueft: pruef-kalender, pruef-buehne (kalender.html schlechtester
Kontrast 5,58:1 bei noetigen 4,5:1, 13 Stellen gemessen),
pruef-css-klassen -- alle in Ordnung.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-09 00:41:24 +02:00
co-authored by Claude Opus 5
parent f39e4d1133
commit 4c0f41762e
20 changed files with 269 additions and 191 deletions
+10 -10
View File
@@ -14,11 +14,11 @@
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090038" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090038" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090038" />
<link rel="stylesheet" href="assets/css/automation.css?v=202609090038" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090038" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609090041" />
<link rel="stylesheet" href="assets/css/start.css?v=202609090041" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609090041" />
<link rel="stylesheet" href="assets/css/automation.css?v=202609090041" />
<link rel="stylesheet" href="assets/css/module.css?v=202609090041" />
</head>
<body class="start">
@@ -140,10 +140,10 @@
</main>
<script src="assets/js/wahl.js?v=202609090038" defer></script>
<script src="assets/js/bereiche.js?v=202609090038" defer></script>
<script src="assets/js/kopf.js?v=202609090038" defer></script>
<script src="assets/js/glocke.js?v=202609090038" defer></script>
<script src="assets/js/automation.js?v=202609090038" defer></script>
<script src="assets/js/wahl.js?v=202609090041" defer></script>
<script src="assets/js/bereiche.js?v=202609090041" defer></script>
<script src="assets/js/kopf.js?v=202609090041" defer></script>
<script src="assets/js/glocke.js?v=202609090041" defer></script>
<script src="assets/js/automation.js?v=202609090041" defer></script>
</body>
</html>