Files
dogfather-universe/workspace/treff-moderation.html
T
DogFatherGit cf6c72b3d8 Beim Laden stand "SPICY MEDIA - Zentrale" auf jeder Startseite
WAS DAS BILD GEZEIGT HAT

Beim Durchsehen der Einzelbilder einer Videoaufnahme -- vier
Sekunden lang, gleich nach dem Laden:

    ---- SPICY MEDIA ----
         Zentrale
       WIRD GELADEN

Und zwar auf der Startseite eines COMMUNITY-MITGLIEDS.

In start.html steht die Vorgabe des Agenturhauses. Das Teamhaus
bekommt eigene Worte ("Team Dogi" / "Die IrrenAnstalt"), aber erst
wenn /api/ich geantwortet hat. Bis dahin las jeder Modi und jedes
Community-Mitglied die Marke der Agentur in der groessten Schrift
der Seite. Auf einem langsamen Telefon sekundenlang, bei jedem
Aufruf.

Das ist kein Schoenheitsfehler. Spicy Media ist der Betrieb hinter
der Agentur, und seit dem 24.09. sind die beiden Haeuser getrennt.
Genau diese Zeile hat die Trennung bei jedem Seitenaufruf kurz
aufgehoben -- und niemandem ist es aufgefallen, weil die Seite
DANACH richtig aussah. Wer hinsieht, sieht den Endzustand.

GELOEST OHNE SPRUNG

`data-wartet` macht die zwei Zeilen durchsichtig, nicht leer -- der
Platz bleibt stehen, es ruckt nichts. start.js nimmt das Merkmal
weg, sobald es weiss, in welchem Haus es ist; gemessen dauert das
351 ms.

Eine Notbremse in der Seite nimmt es nach vier Sekunden notfalls
selbst weg. Ohne sie waere die groesste Schrift der Seite fuer immer
unsichtbar, falls start.js gar nicht erst laeuft -- und "unsichtbar"
waere schlimmer als das falsche Wort.

DIE PRUEFUNG DAZU -- UND ZWEI MESSFEHLER DARIN

pruef-start-ansicht misst ab jetzt beide Richtungen: nach dem Laden
muessen beide Zeilen sichtbar sein, mit gesetztem `data-wartet`
unsichtbar. Ohne die zweite Haelfte koennte die Regel spurlos
verschwinden, ohne dass etwas rot wird.

Die Pruefung selbst hat mich zweimal getaeuscht, und beide Male
lehrreich:

  1. Sie mass 900 ms nach der Anmeldung -- eine feste Pause. Ob
     /api/ich in dieser Zeit geantwortet hat, haengt vom Rechner ab.
     Dieselbe Pruefung war einmal gruen und einmal rot, bei
     unveraendertem Code. Gewartet wird jetzt auf das Merkmal selbst,
     und wie lange es gedauert hat, steht im Meldetext.

  2. `opacity` hat einen Uebergang von 180 ms, und getComputedStyle
     liefert waehrenddessen den laufenden Zwischenwert statt des
     Ziels. Erst meldete die Gegenprobe "nicht verdeckt", dann die
     Messung davor "nicht sichtbar" -- beide Male war die Regel in
     Ordnung und nur die Animation im Weg. Fuer die Messung wird der
     Uebergang jetzt abgeschaltet.

DAS VIDEOWERKZEUG

server/tiktok-videos.mjs nimmt die vier Clips auf. Sechs Aenderungen,
jede aus einem Einzelbild:

  - DIE NACHTRUHE HAT DIE VORBEREITUNG MITBLOCKIERT. Video 2 zeigte
    einen leeren Chat. Gemeldet wurde "gefuellt", weil nur geprueft
    war, dass es den RAUM gibt. Jetzt werden die Nachrichten
    zurueckgelesen und gezaehlt; unter acht wird nicht gefilmt.
  - DOGI-MEDIA WAR LEER -- ein Video ueber Material zum Mitnehmen,
    und auf dem Bildschirm stand "Gerade ist nichts frei". Sechs
    echte Marken-Bilder werden eingestellt, zwei davon schon
    genommen, damit die Aussage des Films auch im Bild steht.
  - "WILL ICH AUCH - 0" an jedem Wunsch, waehrend der Untertitel
    sagte "die anderen sehen, wer mitwill". Ein Versprechen, das das
    Bild gleich wieder einkassiert, ist schlimmer als ein leeres
    Brett. Jetzt wird ueber die echte Route gestimmt, absteigend
    6/5/4 -- unter zehn Stimmen wird nicht gefilmt.
  - DER WAECHTER FUER VIDEO 2 verglich zwei feste Zahlen
    (TREFF_NACHT_AB === "0"). Das ist die Abschrift einer Einstellung
    und keine Frage nach dem Zustand: Jedes andere Fenster, das den
    Chat genauso schlafen legt, wurde abgewiesen. Gefragt wird jetzt
    `istNachtruhe()` -- dieselbe Funktion, die auch die Seite
    befragt. Mit 12 bis 6 steht im Bild "Ab 06:00 Uhr geht es
    weiter" statt "Ab 24:00 Uhr", und das ergibt fuer einen
    Zuschauer ueberhaupt erst Sinn.
  - ROLLEN IM KASTEN STATT IN DER SEITE. `window.scrollBy` bewegt
    die Seite; im Chat rollt aber der Verlauf in seinem eigenen
    Kasten. Drei Bilder hintereinander sahen gleich aus.
  - EINE FESTE PIXELZAHL TRAF DEN FALSCHEN BLOCK. Video 4 filmte
    den Katalog der fertigen Vorschlaege statt der Wuensche, weil
    "480 nach unten" zufaellig dort endete. `b.zu(wahl)` misst, wo
    das Element steht.

Dazu: Umlaute in allen Bildtexten ("Tueren" stand im Video), der
Abspann bleibt am Ende stehen (vorher sah man die letzte Sekunde
wieder die App), und die Dateigroessen im Regal sind echt.

KEIN LINK, UND ZWAR GEMESSEN

Nach jedem Seitenwechsel wird der SICHTBARE Text nach Adressen
abgesucht -- dogfather-universe, https://, www., jeder Domainname.
Bei einem Fund bricht die Aufnahme ab, und es wird keine Datei
geschrieben. Das mit dem Auge zu pruefen waere genau die Sorte
Kontrolle, die beim vierten Video nachlaesst.

Mit PROBE_LECK=ja schiebt die Suche selbst eine Adresse ins Bild --
nachgefahren, Rueckgabewert 2. Eine Suche, die nur "nichts gefunden"
sagen kann, hat nichts bewiesen.

Gemessen: pruef-start-ansicht 160/0 (vorher 157), pruef-buehne
242/0, pruef-handy 177/0, pruef-kachelraster 24/0,
pruef-css-klassen 33/0.
2026-09-27 18:34:10 +02:00

140 lines
5.7 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Meldungen &amp; Maßnahmen · Das Rudel</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=202609271833" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609271833" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/start.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/module.css?v=202609271833" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609271833" />
</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">Das&nbsp;Rudel</a> · Meldungen</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">Das Rudel · Moderation</p>
<h1 class="titel">Meldungen &amp; Maßnahmen</h1>
<p class="unterzeile">
Was gemeldet wurde, was entfernt wurde und mit welcher Begründung –
alles an einer Stelle.
</p>
</div>
</section>
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
<!-- ==================================================================
WARUM DIESE SEITE EXISTIERT
Die Schnittstellen dafür gab es zuerst, die Seite nicht. Eine
Meldung, die nur über eine Schnittstelle abrufbar ist, ist keine
Meldung — sie ist eine Zeile in einer Datenbank, die niemand
liest. Der DSA verlangt in Artikel 16, dass Meldungen
BEARBEITET werden; ohne eine Stelle, an der sie erscheinen,
wäre das ein Versprechen an eine Schublade.
DREI ABSCHNITTE, IN DIESER REIHENFOLGE: Was liegt an (Meldungen)
— was wurde getan (Entfernt) — wer ist gesperrt (Maßnahmen). Wer
diese Seite öffnet, hat fast immer die erste Frage.
============================================================== -->
<!-- WAS HEREINKOMMT (17.09.2026). Steht GANZ OBEN, vor den offenen
Meldungen: Eine Meldung setzt voraus, dass jemand etwas gesehen
hat. Wer acht Bretter durchklicken muss, um zu sehen, ob etwas
Neues da ist, tut es nicht achtmal am Tag -- und was niemand
ansieht, moderiert auch niemand. -->
<section class="treff-abschnitt">
<h2 class="treff-abschnitt__titel">Was hereinkommt</h2>
<div class="treff-abschnitt__inhalt">
<p>
Die neuesten Beiträge aus allen Bereichen der Community –
an einer Stelle, damit niemand acht Bretter durchklicken muss.
</p>
</div>
<div id="zulauf" aria-busy="true"><p class="leise">wird geladen …</p></div>
</section>
<section class="treff-abschnitt">
<h2 class="treff-abschnitt__titel">Offene Meldungen</h2>
<div class="treff-abschnitt__inhalt">
<p>
Zu jeder Entscheidung gehört ein Satz. Er wird festgehalten –
auch damit man später weiß, warum etwas so entschieden wurde.
</p>
</div>
<div id="meldungen" aria-busy="true"><p class="leise">wird geladen …</p></div>
</section>
<section class="treff-abschnitt">
<h2 class="treff-abschnitt__titel">Entfernt</h2>
<div class="treff-abschnitt__inhalt">
<p>
Was entfernt wurde, und warum. Die Begründung überlebt den Beitrag –
das ist der Sinn der Sache
<span class="leise">(Digital Services Act, Artikel 17)</span>.
</p>
</div>
<div id="entfernt" aria-busy="true"><p class="leise">wird geladen …</p></div>
</section>
<section class="treff-abschnitt">
<h2 class="treff-abschnitt__titel">Die Mitglieder</h2>
<div class="treff-abschnitt__inhalt">
<p>
Wer da ist, seit wann, auf welcher Stufe – und wer gerade eine Pause
hat. Von hier aus wird gehandelt; die Stufe steht nur hier und
<strong>nie</strong> neben dem Namen im Rudel.
</p>
</div>
<div id="mitglieder" aria-busy="true"><p class="leise">wird geladen …</p></div>
</section>
<section class="treff-abschnitt">
<h2 class="treff-abschnitt__titel">Hinweise, Pausen, Ausschlüsse</h2>
<div class="treff-abschnitt__inhalt">
<p id="leiter">…</p>
</div>
<div id="massnahmen" aria-busy="true"><p class="leise">wird geladen …</p></div>
</section>
</main>
<script src="assets/js/meldung.js?v=202609271833" defer></script>
<script src="assets/js/nachfrage.js?v=202609271833" defer></script>
<script src="assets/js/wahl.js?v=202609271833" defer></script>
<script src="assets/js/bereiche.js?v=202609271833" defer></script>
<script src="assets/js/installieren.js?v=202609271833" defer></script>
<script src="assets/js/kopf.js?v=202609271833" defer></script>
<script src="assets/js/glocke.js?v=202609271833" defer></script>
<script src="assets/js/treff-moderation.js?v=202609271833" defer></script>
</body>
</html>