DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
227c6c042587c4e9d039212e2945bafafbaf1c57
dogfather-universe/workspace/hilfe.html
T
DogFatherGitandClaude Opus 5 227c6c0425 screen5 und screen4: zwei Farben gesetzt, 14 auseinandergezogen 
screen5 (ausdruecklich VOR screen4, wie gewuenscht):
  "Vertraulich melden" traegt jetzt Ton 28 -- die Farbe, die "Regeln
  & Hilfe" hatte. Beide gehoeren zusammen: Wer Hilfe sucht, landet
  bei einem von beiden. "Regeln & Hilfe" bekam dafuer einen eigenen
  Ton; zwei Kacheln mit derselben Farbe in derselben Ansicht waeren
  genau das, was screen4 abschaffen soll.
  "Draussen" ist knallrot: Ton 38 = #ff1a1a, voll gesaettigt,
  Kontrast 4,84:1 gegen den Grund. Gemessen, nicht geschaetzt -- von
  zehn Rotwerten zwischen #ff0000 und #ff5555 erfuellen alle die
  4,5:1, dieser ist der knalligste, der auf dunklem Grund nicht
  flimmert. Er traegt ab 20 Uhr den LIVE-Punkt.
  Beide sind ab jetzt GESETZT: pruef-kachelfarben wird rot, wenn ein
  Farblauf sie anfasst. Eine Festlegung, die nur im Kommentar steht,
  ist eine Bitte.

screen4: neues Werkzeug tools/kachel-farben-entzerren.mjs.
  Der Unterschied zu den zwei vorhandenen: Es rechnet nur mit den
  BENUTZTEN Toenen. In start.css stehen 42, benutzt werden 31 -- die
  anderen Werkzeuge weichen also Farben aus, die kein Mensch sieht,
  und machen dadurch die Abstaende zwischen den sichtbaren unnoetig
  klein. Welche benutzt werden, wird aus den Kachellisten ABGELEITET.
  Von jedem aehnlichen Paar aendert sich genau EINER -- der, der
  nicht gesetzt ist.
  Ergebnis: engstes Paar 0,0741 -> 0,0978 (Faktor 1,32), 14 Toene
  geaendert, alle 31 erreichen 4,5:1.

ZWEI DINGE, DIE ERST DAS MESSEN GEZEIGT HAT
1. Der erste Lauf schlug fuer "Dateien" ein #ffe5ae vor -- Buntheit
   0,076, ein helles Creme. Rechnerisch die beste Stelle im Farbraum,
   auf dem Bildschirm genau das, was Filipe seit Wochen abschafft.
   Mindestbuntheit eingebaut, Schwelle GEMESSEN: Median aller Toene
   0,168, die fuenf blassesten 0,064-0,088. 0,12 liegt dazwischen.
2. Die Abstandsrechnung fasst einen Ton nie an, der weit weg von
   allen liegt -- auch wenn er blass ist. So blieben drei benutzte
   Toene unter 0,12 stehen. Zweite Runde: jeder blasse wird kraeftig
   gemacht, solange das Minimum ueber 0,095 bleibt. Gemessener Preis
   0,1028 -> 0,0978, also 5 Prozent; auf dem Bildschirm nicht zu
   sehen, waehrend Filipes Klage ueber helle Kacheln konkret ist.

NEU: pruef-kachelfarben 13/0 -- getrennt, eindeutig je Ansicht,
festgelegt, lesbar und nicht blass. Mit vier Gegenproben, damit sie
auch rot werden KANN.
NEU: tools/farben-blick.mjs -- sieht die Wand mit echten Augen an und
misst das, was eine Abstandstabelle nicht beantwortet: ob zwei
NEBENEINANDER liegende Kacheln aehnlich aussehen. Gemessen bei
DogFather und Community: kein Nachbarpaar unter 0,09.

Co-Authored-By: Claude Opus 5 <[email protected]>
2026-09-22 09:21:54 +02:00

158 lines
6.9 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>Vertraulich melden · Der Treff</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=202609220921" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609220921" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609220921" />
<link rel="stylesheet" href="assets/css/start.css?v=202609220921" />
<link rel="stylesheet" href="assets/css/hilfe.css?v=202609220921" />
<link rel="stylesheet" href="assets/css/module.css?v=202609220921" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609220921" />
</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">Der&nbsp;Treff</a> · Vertraulich</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">Der Treff · Vertraulich</p>
<h1 class="titel" id="seiten-titel">Vertraulich melden</h1>
<p class="unterzeile" id="seiten-unter">
Wenn etwas nicht stimmt – hier schreibst du direkt an DogFather.
</p>
</div>
</section>
<!-- ==================================================================
WARUM HIER "VERTRAULICH" STEHT UND NICHT "ANONYM"
Filipe hat es "anonym" genannt, und gegenüber den anderen
Mitgliedern ist es das auch: Niemand sonst sieht diese Meldungen,
kein Modi, kein anderes Mitglied.
Aber DogFather und die rechte Hand sehen den Namen — so ist es
bestellt, und es ist auch richtig so: Ohne Namen kann man
niemandem helfen. Wer glaubt, er schreibe unerkannt, schreibt
anders und fühlt sich hinterher getäuscht. Deshalb steht der
Satz oben im Formular, bevor jemand tippt.
============================================================== -->
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
<!-- Der Hinweis, wer mitliest. Steht VOR allem anderen. -->
<div class="vertrauen" id="vertrauen">
<span class="vertrauen__zeichen" aria-hidden="true">
<svg viewBox="0 0 24 24">
<path d="M12 3.2 5 6v5.6c0 4.3 2.9 7.6 7 9.2 4.1-1.6 7-4.9 7-9.2V6z" />
<path d="M9.2 12.2l2 2 3.6-4" />
</svg>
</span>
<p class="vertrauen__text" id="vertrauen-text">
<strong>DogFather und die rechte Hand lesen mit – sonst niemand.</strong>
Sie sehen auch deinen Namen. Kein anderes Mitglied und niemand aus
der Moderation bekommt diese Meldungen zu Gesicht.
</p>
</div>
<!-- ---- NEU MELDEN (nur für Mitglieder) ------------------------- -->
<section class="hilfe-block" id="neu-block" hidden>
<div class="hilfe-block__kopf">
<h2 class="hilfe-block__titel">Etwas melden</h2>
<button type="button" class="knopf knopf--klein" id="neu-auf">Neue Meldung</button>
</div>
<form class="hilfe-form" id="neu-form" hidden>
<label class="feld">
<span class="feld__schild">Worum geht es? <span class="feld__pflicht">kurz</span></span>
<input type="text" id="neu-betreff" maxlength="120" autocomplete="off"
placeholder="z. B. Jemand geht mich im Chat immer wieder an" />
</label>
<label class="feld">
<span class="feld__schild">Was ist passiert?</span>
<textarea id="neu-text" rows="6" maxlength="4000"
placeholder="Schreib so viel, wie du willst. Wann war es, wer war dabei, was ist passiert?"></textarea>
</label>
<p class="hilfe-form__hinweis">
Nach dem Absenden wartest du auf eine Antwort. Erst wenn eine da
ist, kannst du wieder schreiben – so geht nichts durcheinander.
</p>
<div class="hilfe-form__fuss">
<button type="submit" class="knopf" id="neu-senden">Meldung abschicken</button>
<button type="button" class="knopf knopf--still" id="neu-zu">Abbrechen</button>
<span class="hilfe-form__stand" id="neu-stand" role="status" aria-live="polite"></span>
</div>
</form>
</section>
<!-- ---- DIE LISTE ----------------------------------------------- -->
<section class="hilfe-block">
<div class="hilfe-block__kopf">
<h2 class="hilfe-block__titel" id="listen-titel">Deine Meldungen</h2>
<span class="hilfe-block__zahl" id="listen-zahl"></span>
</div>
<div id="liste" aria-busy="true"><p class="leise">wird geladen …</p></div>
</section>
<!-- ---- EIN FALL ------------------------------------------------- -->
<section class="hilfe-block" id="fall-block" hidden>
<div class="hilfe-block__kopf">
<h2 class="hilfe-block__titel" id="fall-titel">…</h2>
<button type="button" class="knopf knopf--klein knopf--still" id="fall-zurueck">Zur Liste</button>
</div>
<p class="fall-kopf" id="fall-kopf"></p>
<div id="verlauf"></div>
<form class="hilfe-form hilfe-form--antwort" id="antwort-form" hidden>
<label class="feld">
<span class="feld__schild" id="antwort-schild">Deine Antwort</span>
<textarea id="antwort-text" rows="4" maxlength="4000"></textarea>
</label>
<div class="hilfe-form__fuss">
<button type="submit" class="knopf" id="antwort-senden">Absenden</button>
<button type="button" class="knopf knopf--still" id="fall-schliessen" hidden>Fall abschließen</button>
<span class="hilfe-form__stand" id="antwort-stand" role="status" aria-live="polite"></span>
</div>
</form>
<!-- EIN <div>, KEIN <p> (20.09.2026). Seit dem Abschluss drei
Saetze enthaelt, stehen hier <p>-Elemente darin -- und ein
<p> in einem <p> ist ungueltig: Der Browser schliesst das
aeussere selbst und schiebt den Rest daneben. Das faellt
erst am Bildschirm auf, nicht im Quelltext. -->
<div class="fall-warten" id="fall-warten" hidden></div>
</section>
</main>
<script src="assets/js/meldung.js?v=202609220921" defer></script>
<script src="assets/js/nachfrage.js?v=202609220921" defer></script>
<script src="assets/js/wahl.js?v=202609220921" defer></script>
<script src="assets/js/bereiche.js?v=202609220921" defer></script>
<script src="assets/js/kopf.js?v=202609220921" defer></script>
<script src="assets/js/hilfe.js?v=202609220921" defer></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink