diff --git a/workspace/assets/css/kalender.css b/workspace/assets/css/kalender.css index bb673b62..7e134eb9 100644 --- a/workspace/assets/css/kalender.css +++ b/workspace/assets/css/kalender.css @@ -1266,3 +1266,81 @@ sonst steht die Kachel unten leer. */ .k-anlasskachel > .k-leiste { margin-bottom: 18px; } .k-anlasskachel > .k-leiste:last-of-type { margin-bottom: 12px; } + +/* ===================================================================== + DIE TAGESFELDER SIND TASTEN IN EINER PLATTE (screen18, 09.09.2026) + + Filipe: "...und die kacheln vom kalender selber sollen viel krasser + und geiler aussehen bitte." + + Die dunklen Fugen zwischen den Tagen waren die eine Haelfte seines + Wunsches und sind seit dem 08.09. gebaut (siehe weiter oben). Die + andere Haelfte sind die Felder SELBST: Sie waren 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. Das ist dieselbe Rechnung wie ueberall in + diesem Haus -- Licht faellt von oben, also ist die obere Kante hell + und die untere dunkel. Aus einer Flaeche wird damit ein Koerper, der + in der Platte SITZT. Kein zusaetzliches Element, keine Groesse, kein + Umbruch: nur zwei innere Schatten. + + DER WOCHENENDUNTERSCHIED WAR MESSBAR ZU KLEIN. Werktag lag bei + `rgba(11,15,25,.74)`, Wochenende bei `rgba(9,12,20,.8)` -- auf dem + Bildschirmfoto sind die beiden Spalten nicht auseinanderzuhalten. + Damit war die Angabe zwar da, aber wirkungslos, und das ist die + unangenehmste Sorte: Sie sieht im Quelltext nach einer Funktion aus. + Jetzt liegt das Wochenende sichtbar tiefer und etwas kuehler -- man + sieht den Wochenrhythmus, ohne die Spaltenkoepfe zu lesen. Das ist + keine Zierde, das ist die Information, wegen der ein Kalender 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. Es behaelt seinen vollen Ring und + bekommt zusaetzlich einen leisen Schein nach innen. + + AUGENSCHONEND: Alle Werte liegen 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. Deshalb so + leise wie moeglich und keine Farbe ausser der, die schon da war. */ +.k-tag { + box-shadow: + inset 0 1px 0 rgba(170, 200, 230, .07), + inset 0 -1px 0 rgba(0, 0, 0, .45); +} +/* Beim Zeigen kommt die Lichtkante voll -- naeherkommen statt + aufleuchten, dieselbe Sprache wie ueberall. */ +.k-tag:hover { + box-shadow: + inset 0 1px 0 rgba(190, 218, 245, .16), + inset 0 -1px 0 rgba(0, 0, 0, .5); +} +/* Tage des Nachbarmonats sind zurueckgenommen -- auch ihre Kante. + Sonst waeren sie flach und trotzdem gleich stark gerahmt. */ +.k-tag[data-fremd="ja"] { + box-shadow: + inset 0 1px 0 rgba(170, 200, 230, .035), + inset 0 -1px 0 rgba(0, 0, 0, .45); +} +/* Das Wochenende liegt tiefer in der Platte und ist eine Spur kuehler. + Der Unterschied zum Werktag ist jetzt zu sehen, ohne aufzufallen. */ +.k-tag[data-wochenende="ja"] { + background: rgba(6, 9, 16, .86); + box-shadow: + inset 0 1px 0 rgba(150, 185, 220, .05), + inset 0 -1px 0 rgba(0, 0, 0, .55), + inset 0 8px 14px -12px rgba(0, 0, 0, .8); +} +.k-tag[data-wochenende="ja"]:hover { background: rgba(14, 20, 32, .9); } +/* Heute: voller Ring, dazu ein leiser Schein nach innen. Es ist das + einzige Feld, das seinen Zustand meldet -- alle anderen zeigen nur, + was auf ihnen steht. */ +.k-tag[data-heute="ja"] { + box-shadow: + inset 0 0 0 1px color-mix(in srgb, var(--akzent) 50%, transparent), + inset 0 1px 0 rgba(200, 230, 255, .14), + inset 0 0 22px -8px color-mix(in srgb, var(--akzent) 55%, transparent); +} diff --git a/workspace/aufgaben.html b/workspace/aufgaben.html index 6d361cd7..4a88b5ea 100644 --- a/workspace/aufgaben.html +++ b/workspace/aufgaben.html @@ -14,10 +14,10 @@ - - - - + + + +
@@ -217,10 +217,10 @@ - - - - - + + + + +