Startseite: die tote Mitte der Konsole bekommt drei Ablesungen

Gemessen, nicht geschaetzt: Auf 1440 px lagen zwischen dem Ende des
Textes und der Uhr rund 300 px Leere. Dort stehen jetzt HEUTE (Termine),
ALS NAECHSTES (Uhrzeit) und OFFEN (Punkte, Farbe nach Lage).

Keine zweite Zaehlung: Die Zahlen kommen aus denselben zwei Quellen, die
die Kacheln darunter fuellen. Zwei Rechenwege fuer dieselbe Zahl laufen
auseinander, und dann stehen zwei Wahrheiten auf einem Bildschirm.

EINE Fassung mit Stegen, nicht drei Kaestchen. Der erste Anlauf gab jedem
Wert eine eigene Fraesung -- im Bild sah das aus wie aufgeklebte
Plaettchen. Ein Instrumentenblock ist EIN eingelassenes Feld, in dem
Stege trennen; das Licht laeuft dann einmal ueber eine Kante statt
sechsmal. Auf dem Handy geht der Block auf volle Breite und richtet sich
nach der Uhr, nicht nach dem Rand.

EINE ANNAHME KORRIGIERT: In meiner Merkliste stand "Werktisch-Aufbau
nach VanVans Business Hub, Prozentring links". Im Hub nachgesehen -- es
gibt dort keinen Ring und keinen solchen Aufbau, nur eine schlichte
buehne-hero. Filipes Verweis galt der UHR, und die ist laengst gebaut.
Meine eigenen Notizen altern wie jede andere Bestandsliste.

DREI BEFUNDE AUS EIGENEN PRUEFUNGEN, alle behoben:

1. pruef-css-klassen: Die Zahl der Schriftgroessen unter 11,5 px war um
   genau eine gestiegen -- .stand__schild stand auf 9,3 px. Gesperrte
   Grossbuchstaben in 9 px liest man nicht, man erraet sie. Jetzt 11,5 px
   mit etwas engerer Sperrung, damit drei Schilder bei 320 px weiterhin
   nebeneinander passen (nachgemessen: 287 px, nichts abgeschnitten).

2. pruef-struktur: pruef-arten.mjs bildete das Tagesdatum aus UTC. Nachts
   zwischen 00:00 und 02:00 waere sie rot geworden, ohne dass am Code
   etwas falsch ist. Derselbe Fehler war mir am selben Abend schon im
   Messskript passiert -- dort hatte ich "Heute=0" gemessen und den Code
   verdaechtigt, der richtig lag.

3. Beim Bauen fast eingebaut: margin-left:auto von der Uhrgruppe
   genommen, weil der neue Block sie ja schon nach rechts schiebt. Er tut
   das nur, solange er da ist -- bis zur ersten Antwort steht er auf
   hidden, und die Uhr waere sichtbar weggesprungen.

Neu: server/pruef-ueberlappung.mjs. Misst auf 5 Seiten x 4 Breiten, ob
ein Bedienelement ueber einem anderen liegt (am 06.09. lag der
Sicht-Umschalter bei 412 px auf zwoelf Seiten ueber dem Chat-Knopf).
Ueberlappungen INNERHALB eines Bedienelements zaehlen nicht -- ein
durchsichtiges select ueber seinem eigenen Schild ist die uebliche
Bauart, und eine Warnung, die immer kommt, ist keine Warnung mehr. Mit
Gegenprobe: ein absichtlich verschobener Knopf muss erkannt werden.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-08 01:05:54 +02:00
co-authored by Claude Opus 5
parent de06ce0227
commit a9f3212da3
23 changed files with 572 additions and 195 deletions
+42 -9
View File
@@ -9,12 +9,12 @@
<meta name="theme-color" content="#0674b9" />
<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=202609080044" />
<link rel="stylesheet" href="assets/css/start.css?v=202609080044" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609080105" />
<link rel="stylesheet" href="assets/css/start.css?v=202609080105" />
<!-- Nur die Startseite: Begrüßungskachel, Uhr, Glockenmulde. Siehe
den Hinweis in start.css -- dort stand es bis zum 07.09.2026. -->
<link rel="stylesheet" href="assets/css/heim.css?v=202609080044" />
<link rel="stylesheet" href="assets/css/module.css?v=202609080044" />
<link rel="stylesheet" href="assets/css/heim.css?v=202609080105" />
<link rel="stylesheet" href="assets/css/module.css?v=202609080105" />
</head>
<body class="start">
@@ -56,6 +56,39 @@
</p>
</div>
<!-- ==== Die Mitte der Konsole: drei Ablesungen ================
Zwischen Text und Uhr standen rund 300 px Leere -- auf einem
1440er Bildschirm nachgemessen, nicht geschaetzt. Eine
Konsole mit einem leeren Feld in der Mitte sieht nicht
aufgeraeumt aus, sondern unfertig.
Was hier steht, ist deshalb keine Deko, sondern das, was der
Lagesatz daneben NICHT sagt: wie viel heute ansteht, wann das
Naechste losgeht, wie viel offen ist.
KEINE ZWEITE ZAEHLUNG. Die Zahlen kommen aus denselben zwei
Quellen, die die Kacheln darunter fuellen (`hinweise` und die
Tagestermine). Zwei Rechenwege fuer dieselbe Zahl laufen
auseinander, und dann stehen zwei Wahrheiten auf einem
Bildschirm.
Versteckt, solange nichts geladen ist: Drei Striche in einer
Fassung sehen aus wie ein Fehler. -->
<div class="willkommen__stand" id="tagesstand" hidden>
<div class="stand" data-stand="heute">
<span class="stand__wert" id="stand-heute">–</span>
<span class="stand__schild">Heute</span>
</div>
<div class="stand" data-stand="naechster">
<span class="stand__wert" id="stand-naechster">–</span>
<span class="stand__schild">Als Nächstes</span>
</div>
<div class="stand" data-stand="offen">
<span class="stand__wert" id="stand-offen">–</span>
<span class="stand__schild">Offen</span>
</div>
</div>
<!-- ==== Rechts in der Kachel: Glocke und Uhr ==================
Die Glocke stand bisher in der Kopfleiste. Dort ist sie eine
von sechs Schaltflächen; hier ist sie das, was sie ist -- eine
@@ -320,10 +353,10 @@
</p>
</main>
<script src="assets/js/wahl.js?v=202609080044" defer></script>
<script src="assets/js/bereiche.js?v=202609080044" defer></script>
<script src="assets/js/kopf.js?v=202609080044" defer></script>
<script src="assets/js/glocke.js?v=202609080044" defer></script>
<script src="assets/js/start.js?v=202609080044" defer></script>
<script src="assets/js/wahl.js?v=202609080105" defer></script>
<script src="assets/js/bereiche.js?v=202609080105" defer></script>
<script src="assets/js/kopf.js?v=202609080105" defer></script>
<script src="assets/js/glocke.js?v=202609080105" defer></script>
<script src="assets/js/start.js?v=202609080105" defer></script>
</body>
</html>