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