DogFatherGit
0c696f286d
Drei kleine Dinge an der Schublade von vorhin, und eine ehrliche
Notiz zu dem, was nicht ging.
- `overflow-y: auto` statt `overflow: hidden`. Reicht der Platz
nicht, rollt die Schublade senkrecht -- statt ihren Inhalt
unter der Transportleiste verschwinden zu lassen. Senkrechtes
Rollen war nie das Problem; Filipes Ansage vom 28.09. galt dem
Wischen nach links und rechts.
- `flex: none` am Kopf. Ohne das ist er ein Flex-Kind mit
`shrink: 1` -- was nichts hilft, weil sein `min-height: auto`
ihn nicht unter die Hoehe seines Inhalts laesst. Er ragte dann
einfach hinaus.
- Der Kopf klebt beim Rollen (`position: sticky`). Sonst scrollt
man „Auf Sendung" weg -- den Knopf, um den es geht.
AUF 320 PIXELN BLEIBT ES BEIM BEKANNTEN MANGEL
Dort bleiben zwischen Registern und Transportleiste rund 190 Pixel,
und der Kopf der Regie allein braucht 210. Sechs Versuche haben nur
bestimmt, WER verdeckt wird: „Vorbereiten" unter der Leiste, die
Schublade ueber „Gaeste" und „Bild", oder beim rollenden Container
22 Pixel Ueberlappung. Keiner hat es geloest.
Das steht jetzt mit Zahlen und Versuchen im Stilblatt -- samt dem
Hinweis, dass es ein eigenes Nachdenken braucht (die Regie wird dort
ein eigener Bildschirm statt einer Schublade) und nicht den siebten
Versuch mit derselben Werkzeugkiste.
NEBENBEI: Die Klammerwache hat ihren zweiten Fund in zwei Tagen
gemacht -- beim Umbauen blieb erneut eine schliessende Klammer ohne
ihren Anfang stehen. `pruef-handy` und `mess-reaktion` waren dabei
gruen; ohne die Wache waere es unbemerkt mitgegangen.
GEPRUEFT: css-klassen, handy, tippziele, reaktion alle EXIT 0;
mess-reaktion EXIT 0 (133 px sichtbares Bild, kein Knopf ueber
einem anderen), mess-quer EXIT 0.
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=202609291332" />
|
|
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609291332" />
|
|
<link rel="stylesheet" href="assets/css/gate.css?v=202609291332" />
|
|
<link rel="stylesheet" href="assets/css/start.css?v=202609291332" />
|
|
<link rel="stylesheet" href="assets/css/willkommen.css?v=202609291332" />
|
|
<link rel="stylesheet" href="assets/css/module.css?v=202609291332" />
|
|
<link rel="stylesheet" href="assets/css/haus.css?v=202609291332" />
|
|
</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=202609291332" defer></script>
|
|
<script src="assets/js/bereiche.js?v=202609291332" defer></script>
|
|
<script src="assets/js/wahl.js?v=202609291332" defer></script>
|
|
<script src="assets/js/nachfrage.js?v=202609291332" defer></script>
|
|
<script src="assets/js/installieren.js?v=202609291332" defer></script>
|
|
<script src="assets/js/kopf.js?v=202609291332" defer></script>
|
|
<script src="assets/js/glocke.js?v=202609291332" defer></script>
|
|
<script src="assets/js/willkommen.js?v=202609291332" defer></script>
|
|
</body>
|
|
</html>
|