Files
dogfather-universe/workspace/willkommen.html
T
DogFatherGitandClaude Opus 5 08ff3e5e40 Die Liste im Dialog rollt, das Anschlagbrett schreibt nicht mehr ab
Zwei Dinge aus Filipes Durchgang.

ERSTENS: "das hoch und runter scollen geht nicht in der liste da."
Die Auswahlliste im Kanal-Dialog liegt seit dem Popover-Umbau in der
obersten Ebene. Das loest das Abschneiden -- aber der Zeiger steht
danach ueber dem Dialog, nicht ueber der Liste, und das Mausrad rollt
den Dialog. Der Horcher haengt jetzt am Dokument (capture) und fragt
selbst, ob der Zeiger im Rechteck der Liste steht. Gemessen:
5 Messungen, 0 Befunde.

ZWEITENS: "gestalte diese seite auch anders ... viel uebersichtlicher."
Am Anschlagbrett stand die Herkunft als vollstaendige Abschrift des
Titels darueber -- derselbe Satz zweimal, direkt untereinander. Jetzt
nennt sie nur noch das Brett, wenn der Titel uebernommen wurde, und
kuerzt sonst auf 60 Zeichen an der Wortgrenze. Dazu Karten mit
620 px Hoechstbreite, zwei nebeneinander statt einer Zeile ueber die
ganze Breite -- lesbar bleibt, was eine begrenzte Zeilenlaenge hat.
Gemessen: 11 Messungen, 0 Befunde; Titel von 352 px statt voller
Breite, zwei Spalten a 571 px.

Geprueft: pruef-anschlagbrett (12, 0), pruef-css-klassen,
pruef-highlights, pruef-chat-kanaele (81, 0), pruef-freie-namen (32, 0).

Co-Authored-By: Claude Opus 5 <[email protected]>
2026-09-24 00:18:04 +02:00

88 lines
4.0 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>Willkommen · Team Dogi</title>
<meta name="robots" content="noindex, nofollow" />
<!-- app.webmanifest, NICHT crew.webmanifest -- die Adresse biegt es um.
Der Server ersetzt den Pfad auf crew. an EINER Stelle
(crew-adresse.js). Wer hier das Crew-Manifest direkt nennt,
macht daraus eine zweite Stelle, die beim naechsten Umbau
vergessen wird. -->
<link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609240017" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609240017" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609240017" />
<link rel="stylesheet" href="assets/css/start.css?v=202609240017" />
<link rel="stylesheet" href="assets/css/willkommen.css?v=202609240017" />
<link rel="stylesheet" href="assets/css/module.css?v=202609240017" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609240017" />
</head>
<!-- KOERPERKLASSE "start", NICHT "gate" (berichtigt 21.09.2026).
`body.gate` ist die Anmeldewand: `display:flex; align-items:center`,
gedacht fuer EINE zentrierte Karte. Damit standen Kopfleiste und
Inhalt NEBENEINANDER -- am Handy blieben dem Text 260 von 390
Pixeln, am Rechner klebte alles am rechten Rand. Gesehen hat das
kein gruener Haken, sondern das Bildschirmfoto. -->
<body class="start" data-ton="34" data-buehne="lounge">
<div class="schleier" aria-hidden="true"></div>
<header class="kopfleiste">
<button type="button" class="zurueck-knopf" id="zurueck">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15 5l-7 7 7 7"/></svg>
<span class="zurueck-knopf__text">Übersicht</span>
</button>
<p class="marke"><span class="marke__text"><a class="zurueck" href="start.html">Team&nbsp;Dogi</a> · Willkommen</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" id="haupt" aria-busy="true">
<!-- DIE BEGRÜSSUNG.
Der Name steht NICHT im HTML, sondern kommt vom Server -- eine
Seite, die jeder herunterlädt, soll keinen fremden Namen
enthalten. Bis er da ist, steht hier ein Satz, der auch ohne
Namen stimmt: "Willkommen!" ist nie falsch. -->
<section class="w-gruss">
<h1 class="w-gruss__titel" id="gruss">Willkommen!</h1>
<p class="w-gruss__rolle" id="rollentext" hidden></p>
<p class="w-gruss__was" id="einleitung-was"></p>
<p class="w-gruss__dazu" id="einleitung-dazu"></p>
</section>
<!-- Die Hinweise, die zur Rolle gehören und zu keiner Kachel. -->
<section class="w-hinweise" id="hinweise" hidden></section>
<!-- DIE KACHELN, ERKLÄRT. Sie werden aus derselben Liste gebaut wie
die Startseite -- deshalb steht hier nur der leere Behälter. -->
<section class="w-bereiche">
<h2 class="w-bereiche__titel">Was es hier gibt</h2>
<p class="w-bereiche__satz" id="bereiche-satz">
Jede Kachel, die für dich freigeschaltet ist — und wofür sie da ist.
Tipp eine an, um hinzugehen.
</p>
<div id="gruppen"></div>
</section>
<p class="w-laedt" id="laedt">Einen Moment …</p>
<p class="fehler" id="fehler" hidden></p>
</main>
<script src="assets/js/meldung.js?v=202609240017" defer></script>
<script src="assets/js/bereiche.js?v=202609240017" defer></script>
<script src="assets/js/wahl.js?v=202609240017" defer></script>
<script src="assets/js/nachfrage.js?v=202609240017" defer></script>
<script src="assets/js/installieren.js?v=202609240017" defer></script>
<script src="assets/js/kopf.js?v=202609240017" defer></script>
<script src="assets/js/glocke.js?v=202609240017" defer></script>
<script src="assets/js/willkommen.js?v=202609240017" defer></script>
</body>
</html>