Der Regieplatz sind jetzt Kacheln
Filipe, 28.09.2026, zum ersten Versuch: "ich wollte was hoch
professionelles wo rechts links und unten kacheln sind wo alles drin
ist, schoen verteilt. wieso so einen kleinen scheiss."
Er hat recht, und es steht auf seinem Bildschirmfoto:
DIE LINKE SPALTE WAR LEER. "Was laeuft" zeigte nur einen Titel --
und wenn nichts laeuft, steht dort nichts. Ein grosses schwarzes
Loch neben einer vollen Spalte sieht nicht nach Aufteilung aus,
sondern nach Fehler.
ES WAREN KEINE KACHELN. Zwei Spalten mit einer Trennlinie sind eine
Teilung, keine Gliederung. Ohne Rahmen, ohne Kopf, ohne eigenen
Grund fehlt genau das, was eine Flaeche aufgeraeumt aussehen
laesst.
DIE LEISTE WAR EIN KASTEN MIT LUFT. `1fr auto 1fr` schiebt drei
kleine Knopfgruppen an die Raender eines 1400 Pixel breiten
Kastens. Leere zwischen Knoepfen liest sich als "hier fehlt noch
etwas".
WAS JETZT DASTEHT
LINKS Eine Kachel "Was laeuft" mit VORSCHAUBILD -- damit ist sie
immer gefuellt. Ohne Video steht der Satz darin, der sagt,
was zu tun ist; ein leerer Kasten sagt nur, dass etwas
fehlt. Sie geht ueber beide Zeilen der rechten Seite,
sonst franste eine Seite unten aus.
RECHTS Zwei Kacheln: "Die Sendung" (Titel, YouTube, Beginn) und
"Bereitlegen" (zweites Video, Vorschaubild, Zuruecksetzen).
UNTEN Die Transportleiste, dichter: jede Gruppe beschriftet
("Tempo", "Weiter"), und der Umschalter ist aus der linken
Kachel hierher gewandert. Er ist ein Handgriff IM Live wie
"Naechstes" -- und fuellt die rechte Seite, die vorher leer
war.
Das Vorschaubild nimmt ein eigenes, wenn eines eingetragen ist, sonst
YouTubes. Laedt keines, tritt der Platzhaltersatz ein: Ein Bild, das
404 antwortet, steht genauso im Dokument wie eines, das laedt -- auf
dem Bildschirm ist an seiner Stelle nichts.
UND EIN FUND DER HAUSPRUEFUNG: `kachel` gibt es bereits in start.css
und module.css. Ein Namensstreit ueber Stilblaetter hinweg ist genau
die Sorte Fehler, die spaeter irgendwo ganz anders etwas verschiebt
-- und den niemand dort suchen wuerde. Heisst jetzt `regiekachel`.
pruef-reaktion 369/0 - pruef-css-klassen ok - pruef-tippziele 11/0
Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
+20
-20
@@ -12,26 +12,26 @@
|
||||
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
|
||||
eine Flaeche sind statt zweier. -->
|
||||
<meta name="theme-color" content="#06090f" />
|
||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609282002" />
|
||||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609282002" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609282002" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609282002" />
|
||||
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609282012" />
|
||||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609282012" />
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202609282012" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202609282012" />
|
||||
<!-- aufgaben.css bringt die Dialog- und Formularstile mit (.dialog,
|
||||
.neu__zeile, .dialog__knoepfe). Sie stehen dort seit dem
|
||||
Aufgabenbrett; sie hierher zu kopieren hiesse, sie an zwei Stellen
|
||||
zu pflegen. Dieselbe Lösung nutzen kalender.html und content.html.
|
||||
Gemeldet von pruef-css-klassen.mjs, bevor jemand einen ungestylten
|
||||
Dialog zu sehen bekam. -->
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609282002" />
|
||||
<link rel="stylesheet" href="assets/css/chat.css?v=202609282002" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609282002" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609282012" />
|
||||
<link rel="stylesheet" href="assets/css/chat.css?v=202609282012" />
|
||||
<link rel="stylesheet" href="assets/css/module.css?v=202609282012" />
|
||||
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
|
||||
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
|
||||
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
|
||||
genau diesen Dateinamen auf crew-haus.css um, und die Seite
|
||||
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
|
||||
ohne Umfaerben im Browser, ohne Flackern. -->
|
||||
<link rel="stylesheet" href="assets/css/haus.css?v=202609282002" />
|
||||
<link rel="stylesheet" href="assets/css/haus.css?v=202609282012" />
|
||||
</head>
|
||||
|
||||
<body class="start">
|
||||
@@ -739,24 +739,24 @@
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<script src="assets/js/bereiche.js?v=202609282002"></script>
|
||||
<script src="assets/js/bereiche.js?v=202609282012"></script>
|
||||
<!-- TEXTFORM VOR ALLEM ANDEREN (21.09.2026): chat.js und bereich.js
|
||||
fragen beim Zeichnen nach `window.Textform`. Kaeme sie spaeter,
|
||||
waere die erste gezeichnete Nachricht ohne Gestaltung -- und das
|
||||
faellt nur dem auf, der genau hinsieht. KEIN `defer`, damit sie
|
||||
wirklich vor den anderen dasteht. -->
|
||||
<script src="assets/js/textform.js?v=202609282002"></script>
|
||||
<script src="assets/js/meldung.js?v=202609282002" defer></script>
|
||||
<script src="assets/js/hochladen.js?v=202609282002" defer></script>
|
||||
<script src="assets/js/nachfrage.js?v=202609282002" defer></script>
|
||||
<script src="assets/js/wahl.js?v=202609282002" defer></script>
|
||||
<script src="assets/js/kopf.js?v=202609282002"></script>
|
||||
<script src="assets/js/glocke.js?v=202609282002"></script>
|
||||
<script src="assets/js/textform.js?v=202609282012"></script>
|
||||
<script src="assets/js/meldung.js?v=202609282012" defer></script>
|
||||
<script src="assets/js/hochladen.js?v=202609282012" defer></script>
|
||||
<script src="assets/js/nachfrage.js?v=202609282012" defer></script>
|
||||
<script src="assets/js/wahl.js?v=202609282012" defer></script>
|
||||
<script src="assets/js/kopf.js?v=202609282012"></script>
|
||||
<script src="assets/js/glocke.js?v=202609282012"></script>
|
||||
<!-- ANRUF VOR CHAT (18.09.2026): anruf.js stellt `window.anrufStarten`
|
||||
bereit, und chat.js baut die Knoepfe nur, wenn es das gibt.
|
||||
Andersherum waere die Reihenfolge eine stille Abhaengigkeit --
|
||||
die Knoepfe fehlten, und niemand wuesste warum. -->
|
||||
<script src="assets/js/anruf.js?v=202609282002"></script>
|
||||
<script src="assets/js/anruf.js?v=202609282012"></script>
|
||||
<!-- DIE BILDSCHAU (25.09.2026). Eigene Datei, weil sie nichts vom
|
||||
Chat weiss: Sie bekommt einen Weg und einen Namen und zeigt ein
|
||||
Bild. Jede andere Seite mit Fotos kann sie ebenso benutzen, ohne
|
||||
@@ -767,8 +767,8 @@
|
||||
sie beim ersten Foto noch nicht da -- und der erste Klick ginge
|
||||
wie frueher in den Tab. Ein Fehler, der nur beim ERSTEN Mal
|
||||
auftritt, ist der, den man nie nachstellen kann. -->
|
||||
<script src="assets/js/bildschau.js?v=202609282002"></script>
|
||||
<script src="assets/js/chat.js?v=202609282002"></script>
|
||||
<script src="assets/js/installieren.js?v=202609282002" defer></script>
|
||||
<script src="assets/js/bildschau.js?v=202609282012"></script>
|
||||
<script src="assets/js/chat.js?v=202609282012"></script>
|
||||
<script src="assets/js/installieren.js?v=202609282012" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user