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]>
88 lines
4.0 KiB
HTML
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 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>
|