DogFatherGitandClaude Opus 5
d7f3e747b8
Die rechte Gruppe der Transportreihe war auf 360x640 gemessen
122 Pixel hoch statt 44: In der dreispaltigen Reihe bekommt sie nur
89 Pixel Breite und bricht dreimal um. Das Wort „Weiter" davor ist
dabei eine Beschriftung fuer zwei Knoepfe, die ihre Aufgabe selbst
draufstehen haben — „Naechstes" und „Wechseln zu <Titel>".
Dieselbe Ueberlegung wie beim Wort „Tempo", das aus genau diesem
Grund schon weg ist. Am Rechner bleibt es: Dort ist Platz, und dort
ordnet es die Leiste.
GEMESSEN (mess-quer, mit Finger, Regie zugeklappt):
Transportleiste 207 -> 181 px auf 320, 360, 390 und 412
Chatschiene +26 px auf jedem Handy
Rechner/Tablet unveraendert (158 / 185)
WAS DAS NICHT LOEST, UND DAS SAGE ICH LIEBER GLEICH: Die verdeckten
Chatstufen auf 320 und 360 sind weiterhin da. pruef-breiten und
pruef-handy melden unveraendert 6 bzw. 3 Befunde. Der Grund steht
jetzt mit Zahlen im Quelltext — es ist eine Platzfrage, keine
Regelfrage, und sie braucht eine Entscheidung.
EIN VERSUCH, DER ZURUECKGENOMMEN WURDE: `minmax(0, auto)` statt
`auto` an der Kinozeile des Raums. Gemessen null Pixel Unterschied
(Kino vorher wie nachher 203 px). Der Raum ragt naemlich nicht aus
eigener Kraft ueber seine Zeile — die Zeile hat auf 360 px noch
161 Pixel, und ein 16:9-Video auf 360 px Breite will 203. Keine
Angabe an DIESEN Zeilen aendert daran etwas. Die Begruendung steht
jetzt dort, damit es niemand ein zweites Mal probiert.
Eine Regel, die nur aussieht, als taete sie etwas, ist schlimmer
als keine.
GEPRUEFT: pruef-handy 186 Pruefungen (3 Befunde, unveraendert),
pruef-breiten 23 (6 Befunde, unveraendert) — also keine neue
Beanstandung und keine verschwundene Pruefung. Stempel gesetzt.
Co-Authored-By: Claude Opus 5 <[email protected]>
123 lines
5.4 KiB
HTML
123 lines
5.4 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>Unterstützen · Spicy & Dogi</title>
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<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=202610011039" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610011039" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202610011039" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202610011039" />
|
||
<link rel="stylesheet" href="assets/css/unterstuetzen.css?v=202610011039" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202610011039" />
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202610011039" />
|
||
</head>
|
||
|
||
<body class="start">
|
||
|
||
<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> · Unterstützen</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">
|
||
|
||
<!-- ==================================================================
|
||
DER KOPF SAGT ZUERST, DASS NIEMAND MUSS (24.09.2026)
|
||
|
||
Filipe: „wo die leute alle supporten können auf andere art
|
||
anstatt nur tiktok."
|
||
|
||
Eine Seite, die mit „unterstütze mich" anfängt, liest sich wie
|
||
eine hohle Hand. Der erste Satz sagt deshalb das Gegenteil: Es
|
||
gibt Wege, die nichts kosten, und keiner davon ist zweite Wahl.
|
||
Erst danach kommen die, bei denen Geld fließt.
|
||
|
||
Wer nichts geben kann, soll diese Seite nicht mit einem
|
||
schlechten Gefühl schließen — das ist die ganze Überlegung
|
||
hinter dem Aufbau.
|
||
============================================================== -->
|
||
<section class="kopf-zeile">
|
||
<div>
|
||
<p class="marke">Community</p>
|
||
<h1 class="titel" id="seiten-titel">Dogi etwas zurückgeben</h1>
|
||
<p class="unterzeile" id="seiten-unter">
|
||
Es geht auch ohne TikTok – und es geht auch ohne Geld.
|
||
Such dir aus, was zu dir passt. Niemand muss etwas geben, um dazuzugehören.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<p class="fehler" id="fehler" role="alert" aria-live="polite" hidden></p>
|
||
|
||
<!-- ==================================================================
|
||
NUR DOGFATHER: die Leiste zum Ändern und die Zahlen
|
||
|
||
„nur dogfather soll sie verändern können oder vieles mehr sehen."
|
||
|
||
Sie steht im Dokument und wird von unterstuetzen.js eingeblendet
|
||
— ausgeliefert bekommt sie jeder, das ist nur HTML. Die
|
||
ENTSCHEIDUNG trifft der Server: Er liefert `darf_aendern` und
|
||
weist jedes Schreiben ohne dieses Recht mit 404 ab. Ein
|
||
verstecktes Feld ist eine Bitte, keine Sperre.
|
||
============================================================== -->
|
||
<section class="u-leitung" id="leitung" hidden aria-labelledby="leitung-titel">
|
||
<div class="u-leitung__kopf">
|
||
<h2 class="u-leitung__titel" id="leitung-titel">Nur du siehst das hier</h2>
|
||
<button type="button" class="knopf knopf--klein" id="aendern-an">Ändern</button>
|
||
</div>
|
||
<p class="u-leitung__satz" id="leitung-satz"></p>
|
||
<div class="u-zahlen" id="zahlen" hidden></div>
|
||
</section>
|
||
|
||
<!-- Die Wege. unterstuetzen.js baut sie aus der Antwort des Servers —
|
||
hier steht nur, wo sie hingehören. -->
|
||
<div id="wege" aria-live="polite">
|
||
<p class="u-laedt" id="laedt">Wird geladen …</p>
|
||
</div>
|
||
|
||
<!-- ==================================================================
|
||
DER LETZTE SATZ IST KEIN SCHMUCK
|
||
|
||
Er steht fest im Dokument und nicht in der Datenbank: Was hier
|
||
zugesagt wird, soll nicht aus Versehen wegzuklicken sein.
|
||
============================================================== -->
|
||
<p class="u-fuss">
|
||
Nichts davon ist Pflicht, und niemand sieht, wer etwas gegeben hat.
|
||
Wer nur zuschaut, gehört genauso dazu.
|
||
</p>
|
||
|
||
</main>
|
||
|
||
<!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js
|
||
liest daraus die Leitungsrollen. Ohne sie stürzt jede Seite mit
|
||
„Cannot read properties of undefined (reading 'LEITUNG')" ab. -->
|
||
<script src="assets/js/bereiche.js?v=202610011039" defer></script>
|
||
<script src="assets/js/wahl.js?v=202610011039" defer></script>
|
||
<script src="assets/js/nachfrage.js?v=202610011039" defer></script>
|
||
<script src="assets/js/installieren.js?v=202610011039" defer></script>
|
||
<script src="assets/js/kopf.js?v=202610011039" defer></script>
|
||
<script src="assets/js/glocke.js?v=202610011039" defer></script>
|
||
<script src="assets/js/holen.js?v=202610011039" defer></script>
|
||
<!-- Die Satz-Tafel. Ohne sie stand auf dieser Seite das Maschinenwort
|
||
des Servers (z.B. "nicht_gefunden") statt eines Satzes -- gemeldet
|
||
von pruef-meldungen, nicht beim Ansehen. -->
|
||
<script src="assets/js/meldung.js?v=202610011039" defer></script>
|
||
<script src="assets/js/unterstuetzen.js?v=202610011039" defer></script>
|
||
</body>
|
||
</html>
|