DogFatherGitandClaude Opus 5
1ebaf8a864
Sie waren geprüft und nie ANGESEHEN. pruef-treff-seiten.mjs (42
Prüfungen, 1440 px und 390 px) holt das nach: Steht Text da, sind die
Platzhalter ersetzt, liegt etwas übereinander, schiebt die Seite
seitwärts, ist alles lesbar.
DER BEFUND, DEN KEINE ZAHL GESEHEN HAT: Hinter der Rechtetafel lag die
Bühne — Spicy-Media-Motiv, Neonlicht, Chilischoten — und die Zeilen der
Tabelle standen mitten darin. Die Kontrastmessung war grün, weil sie
gegen #07060f rechnete: Sie hatte den Grund nicht gemessen, sondern
angenommen. Ein grüner Haken über einer falschen Voraussetzung.
Behoben an beiden Enden:
· Die Abschnitte bekommen eine DECKENDE Fläche — kein Kartenauftritt
(keine Fase, kein Kantenlicht), nur ein Blatt Papier unter dem Text.
Der Einwand von vorher (Karten zerteilen einen langen Text) bleibt
damit gewahrt, die Bühne bleibt ringsum sichtbar.
· Die Messung bekommt einen DRITTEN AUSGANG: Findet sie über einem Text
keine deckende Fläche, ist das jetzt ein Fehler ("konnte nicht
nachsehen") und kein stilles Grün.
Zwei weitere Meldungen waren Messfehler und sind als solche behoben,
nicht weggeklickt:
· "Meine Sicht" überlappt sich selbst — das ist das <select> für
Vorleseprogramme, das UNTER dem eigenen Bedienelement liegen MUSS.
Ausgelassen wird jetzt, was ausdrücklich fürs Auge weggenommen wurde.
· Die Rechtetafel ragt auf 390 px über den Rand — sie steht in einem
Schiebekasten, und genau so soll eine Tabelle mit neun Spalten sich
auf einem Handy verhalten. Gemessen wird jetzt, ob die SEITE schiebt.
Co-Authored-By: Claude Opus 5 <[email protected]>
100 lines
4.6 KiB
HTML
100 lines
4.6 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||
<title>Calls & Protokolle · Spicy & Dogi</title>
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<link rel="manifest" href="/workspace/app.webmanifest" />
|
||
<!-- Die Farbe der Fensterleiste, wenn der Workspace als App laeuft.
|
||
Stand auf #0674b9 (kraeftiges Blau) und stach damit als einziger
|
||
heller Balken ueber einer durchweg dunklen Seite. Jetzt derselbe
|
||
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=202609111804" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609111804" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202609111804" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202609111804" />
|
||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609111804" />
|
||
<link rel="stylesheet" href="assets/css/calls.css?v=202609111804" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202609111804" />
|
||
<!-- 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=202609111804" />
|
||
</head>
|
||
|
||
<body class="start">
|
||
|
||
<!-- Der Schleier ueber der Buehne (Casper und HasiDog in den unteren
|
||
Ecken, siehe start.css). Ein eigenes Element statt eines dritten
|
||
Pseudo-Elements -- body hat nur ::before und ::after. -->
|
||
<div class="schleier" aria-hidden="true"></div>
|
||
|
||
<header class="kopfleiste">
|
||
<button type="button" class="zurueck-knopf" id="zurueck" hidden>
|
||
<svg class="zurueck-knopf__pfeil" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M14.5 5.5 8 12l6.5 6.5" />
|
||
</svg>
|
||
<span class="zurueck-knopf__text">Zurück</span>
|
||
</button>
|
||
<p class="marke"><span class="marke__text"><a class="zurueck" href="start.html">Creator Workspace</a> · Calls</span></p>
|
||
<div class="kopfleiste__rechts">
|
||
<span class="wer" id="wer">…</span>
|
||
<button type="button" class="abmelden" id="abmelden">Abmelden</button>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="inhalt inhalt--breit">
|
||
|
||
<section class="kopf-zeile">
|
||
<div>
|
||
<p class="marke">Gespräche</p>
|
||
<h1 class="titel">Calls & Protokolle</h1>
|
||
<p class="unterzeile">
|
||
Jeder Call endet mit klaren To-dos – die landen direkt im Aufgabenbrett,
|
||
nicht in einem Dokument, das niemand mehr öffnet.
|
||
</p>
|
||
</div>
|
||
<a class="knopf knopf--klein" href="kalender.html">Call planen</a>
|
||
</section>
|
||
|
||
<!-- Wo die Calls stattfinden. Einmal festgelegt, steht der Knopf
|
||
„Call beitreten" danach an JEDEM Gespräch – niemand muss mehr bei
|
||
jedem Termin einen Link eintippen, und die Frage „wo führe ich den
|
||
Call?" ist beantwortet, bevor sie jemand stellt. -->
|
||
<section class="call-raum" id="call-raum" hidden>
|
||
<p class="call-raum__zeile">
|
||
<span class="call-raum__schild">Call-Raum</span>
|
||
<a class="call-raum__link" id="call-raum-link" target="_blank" rel="noopener noreferrer" hidden></a>
|
||
<span class="call-raum__leer" id="call-raum-leer" hidden>noch nicht festgelegt</span>
|
||
</p>
|
||
<button type="button" class="knopf-still" id="call-raum-aendern" hidden>Ändern</button>
|
||
<form class="call-raum__form" id="call-raum-form" hidden>
|
||
<label class="feld-schild" for="call-raum-feld">Link zum Sprachkanal (Discord)</label>
|
||
<input id="call-raum-feld" type="url" maxlength="400"
|
||
placeholder="https://discord.com/channels/…" />
|
||
<button type="submit" class="knopf knopf--klein">Speichern</button>
|
||
<button type="button" class="abmelden" id="call-raum-abbrechen">Abbrechen</button>
|
||
</form>
|
||
</section>
|
||
|
||
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
|
||
|
||
<div id="listen" aria-busy="true"><p class="leise">Gespräche werden geladen …</p></div>
|
||
|
||
</main>
|
||
|
||
<script src="assets/js/ki.js?v=202609111804" defer></script>
|
||
<script src="assets/js/wahl.js?v=202609111804" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202609111804" defer></script>
|
||
<script src="assets/js/kopf.js?v=202609111804" defer></script>
|
||
<script src="assets/js/glocke.js?v=202609111804" defer></script>
|
||
<script src="assets/js/calls.js?v=202609111804" defer></script>
|
||
</body>
|
||
</html>
|