DogFatherGitandClaude Opus 5
273318dd9c
Durchgang durch die Team-Dogi-Seiten aus der Sicht von jemandem, der
sie zum ersten Mal sieht. Alles hier ist am Code belegt und nachgemessen.
1. "KLINGELT NICHTS?" WARF ALLE DREI TEAM-ROLLEN AUF DIE STARTSEITE.
anruf-probe.html erklaert, WARUM das Telefon stumm bleibt. Sie steht in
der Rechtetafel offen, und aus dem Chat zeigen zwei Knoepfe darauf. Nur
hatte sie nie eine Kachel -- absichtlich, sie ist kein Bereich. Seit die
Adressregel vom 15.09. eine Kachel VERLANGT, landete jeder Klick wortlos
auf start.html.
Das ist die schlimmste Sorte Sackgasse: Man ruft sie auf, WEIL schon
etwas nicht geht, und sie wirft einen hinaus.
Mit derselben Zeile geheilt: Die Hinweisleiste wirft jeden Hinweis weg,
dessen Ziel es auf dieser Adresse nicht gibt -- "Bei dir klingelt nichts"
wurde auf crew deshalb NIE angezeigt. Ausgerechnet der Hinweis, der acht
von elf Leuten betrifft.
2. UND DIESE SEITE HATTE GAR KEINE GESTALTETE KOPFLEISTE.
.kopfleiste, __zurueck, __mitte, __titel stehen in KEINER Stilvorlage --
sie leben in start.css, die diese Seite absichtlich nicht laedt. Die
Leiste war nackter Text. Auf einer Seite, die man im Stoerfall aufruft,
sieht unfertig aus wie kaputt. Jetzt im <style>-Block der Seite, aus
demselben Grund wie ihr uebriges CSS.
3. EIN MODI KAM NICHT AN SEINE EIGENE AUSWERTUNG.
entwicklung.html und werdegang.html haben BEIDE eine ausgearbeitete
Eigensicht, und die Rechtetafel laesst ihn hinein. In seiner Kachelliste
stand keine von beiden -- der Weg existierte fuer ihn nicht. Die ganze
Eigensicht war toter Code, ausgerechnet fuer den, fuer den sie ist.
Mein eigener Fehler vom Vortag.
Zwei eigene Kacheln in "Fuer dich", aus den Leitungskacheln abgeleitet.
Sie loesen zugleich eine Namenskollision: Bis heute setzten BEIDE Seiten
fuer ihn die Ueberschrift "Deine Entwicklung".
4. DER KALENDER-LINK WAR FUER DIE COMMUNITY EINE SACKGASSE.
Auf jeder Brettkarte mit Termin stand "Im Kalender am 24.09." als Link.
kalender.html steht auf ALLE -- und ALLE ist ausdruecklich ohne "gast".
Jetzt fragt der SERVER die beiden Schranken (kalender_offen) und die
Karte zeigt den Termin als Text statt als Link. Die Auskunft bleibt, nur
der Weg ins Leere faellt weg. Die Regel im Browser nachzubauen waere die
vierte Stelle fuer dieselbe Frage gewesen.
5. EIN MODI KAM AN DIE TALENTE-NOTIZEN, DIE IHM VERWEHRT SIND.
BRETTER_UEBER_SEITEN war eine feste Liste ("wer die Seite darf, muss
auch dorthin kommen") und fragte nie, WER fragt. Ueber
bereich.html?b=talente kam er an Notizen zu Zuschauern, obwohl
talente.html fuer ihn gesperrt ist -- Begruendung dort: "Hier stehen
Namen von Menschen, die nichts davon wissen."
Aus der Liste wurde eine Zuordnung Brett -> Seite, gefragt wird
darfSeite(). Nachgemessen: modi/talente 404, modi/entwicklung darf,
hand+admin unveraendert.
Dazu stand in workspace-bereiche.js ein Kommentar, der das GEGENTEIL des
Codes behauptete ("entwicklung, talente bleiben 404"). Ein falscher
Kommentar an einer Rechtestelle ist schlimmer als keiner.
6. ZWEI KACHELN "CHAT", BEIDE AUF DIESELBE SEITE.
Seit dem Treff-Chat von gestern sahen Modi und rechte Hand zweimal
"Chat" mit demselben Ziel. Jetzt "Treff-Chat" mit ?raum=treff, das den
Raum direkt oeffnet -- gesucht an denselben zwei Merkmalen, an denen ihn
der Rest der Datei erkennt.
7. VERTRAUEN: "WIE GEHT'S DIR?" VERSPRACH MEHR, ALS ES HALTEN KANN.
Dort stand: "Niemand aus dem Team sieht deine Antworten -- auch
DogFather nicht." Punkt. Fast wahr und deshalb gefaehrlich: Aus
denselben Antworten entsteht eine namenlose Ampel fuer die Leitung.
Der ehrliche Satz war laengst geschrieben und wurde vom Server sogar
mitgeliefert (block.text) -- nur hat ihn nie jemand angezeigt. Er steht
jetzt im HTML, nicht im Skript: Wer die Seite oeffnet, soll ihn lesen,
BEVOR er tippt.
8. DIE NEUE AUSWERTUNG, AUS BENUTZERSICHT NACHGEBESSERT.
- Der Streifen hatte keine Zeichenerklaerung. Im Dateikopf stand "wer
Farben schlecht unterscheidet, liest dasselbe Zeichen" -- das stimmt
nur, wenn irgendwo steht, was die Zeichen heissen. Jetzt eine Legende,
aus `stufen` gebaut statt abgeschrieben.
- "nie gesetzt" war ein Mittelpunkt, "Kann ich nicht sagen" ein
Halbgeviertstrich. Zwei kurze Striche nebeneinander fuer den
Unterschied zwischen "niemand hat hingesehen" und "jemand hat
hingesehen und konnte es nicht sagen". Leer ist jetzt wirklich leer,
mit gestricheltem Rahmen.
- Die Aufschluesselung der Balken stand nur im Mausueberfahren -- am
Handy also nie, und dort steht jemand damit im Stream. Jetzt als Text.
- Die Modi-Sicht bekam Balken ohne Erklaerung, ein "Frag danach" ohne
Adressaten und bei fehlender Bewegung ein LEERES Element. Jetzt
Lesehilfe, ein Leerkasten mit Satz und zwei Wege weiter.
9. NEBENBEFUNDE, DIE DIE PRUEFUNG GEFUNDEN HAT.
pruef-css-klassen war schon VOR dieser Arbeit rot (nachgemessen mit
git stash). Alle drei Befunde behoben:
- hilfe.html und unsere-seiten.html luden ihre Seitendatei NACH
module.css und haus.css und ueberschrieben damit das Haus.
- Zwei Schriftgroessen unter 11,5 px aus dem gestrigen Bau
(.71rem Monatsbeschriftung, .68rem Marke) auf .75 und .72 gehoben.
- Die Pruefung selbst war blind fuer <style>-Bloecke in der Seite und
meldete deshalb dauerhaft drei Fehler an einer Seite, die ihre
Stile mit Absicht selbst traegt. Eine Warnung, die immer kommt, ist
keine Warnung mehr -- jetzt sieht sie hin, statt die Seite
auszunehmen.
Kleinkram nebenbei: "die Antworten sieht nur du" -> "siehst nur du" auf
der Kachel zur empfindlichsten Seite des Hauses. "Bewertet wird dort" ->
"Eingeschaetzt wird dort" in teamlage.html, zwei Zeilen unter "keine
Bewertung von Menschen". "1 Aufgabe(n) angelegt" ausgeschrieben.
GEMESSEN: pruef-css-klassen ALLES IN ORDNUNG (vorher 3 Fehler),
pruef-meldungen 8/0, pruef-rechtetafel 19/0, alle Module laden,
keine doppelten Kachelnamen/-ziele/-farben mehr in allen vier Rollen.
Co-Authored-By: Claude Opus 5 <[email protected]>
228 lines
9.6 KiB
HTML
228 lines
9.6 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>Unsere Seiten · 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=202609191457" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609191457" />
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202609191457" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202609191457" />
|
||
<link rel="stylesheet" href="assets/css/unsere-seiten.css?v=202609191457" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202609191457" />
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202609191457" />
|
||
</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 Treff</a> · Unsere Seiten</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 · Unsere Seiten</p>
|
||
<h1 class="titel">Unsere Seiten</h1>
|
||
<p class="unterzeile">
|
||
Was es außerhalb vom Treff noch gibt — und wo dein Rabatt wartet.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ==================================================================
|
||
WARUM DIESE SEITE EXISTIERT (19.09.2026)
|
||
|
||
Filipe: "ich brauch im community bereich noch eine kachel, die
|
||
wenn man drauf drückt dan kacheln hat die auf die website von
|
||
dogfather universe geht ... und die shop site von vanvan."
|
||
|
||
ZWEI GRUENDE, WARUM DAS EINE EIGENE SEITE IST und nicht zwei
|
||
Kacheln direkt in der Uebersicht:
|
||
|
||
1. Die sieben Kacheln im Treff fuehren alle NACH INNEN -- auf
|
||
ein Brett, auf dem man liest und schreibt. Zwei Kacheln
|
||
dazwischen, die den Browser verlassen, waeren ein Bruch: Man
|
||
tippt auf etwas, das aussieht wie ein Brett, und ist
|
||
ploetzlich woanders. Eine eigene Seite sagt vorher, was
|
||
passiert.
|
||
|
||
2. Ein Rabattcode braucht Platz. Er muss gross, kopierbar und
|
||
mit seinen Bedingungen dastehen -- sonst wird er falsch
|
||
erinnert und jemand steht enttaeuscht an der Kasse.
|
||
|
||
DER CODE IST ECHT UND WURDE NACHGESEHEN, nicht abgeschrieben:
|
||
Er steht in partnercodes.json von VanVans Shop als DOGI10, 10
|
||
Prozent, aktiv, ohne Ablaufdatum, mit der Notiz "Zum weitergeben
|
||
an Community, Zuschauer, Freunde etc." -- und mit
|
||
"giltAufSale": false. Genau deshalb steht der Satz zu den
|
||
reduzierten Artikeln hier drunter. Ein Rabatt, der an der Kasse
|
||
anders ausfaellt als angekuendigt, kostet mehr Vertrauen, als
|
||
er Umsatz bringt.
|
||
|
||
Der zweite Code in derselben Datei ist als "Nur fuer Filipe
|
||
persoenlich" vermerkt und steht deshalb NIRGENDWO auf dieser
|
||
Seite.
|
||
============================================================== -->
|
||
|
||
<div class="seiten-gitter">
|
||
|
||
<!-- ---- DOGFATHER UNIVERSE ------------------------------------ -->
|
||
<article class="aussen aussen--dogi" data-weg="https://dogfather-universe.com/">
|
||
<div class="aussen__schein" aria-hidden="true"></div>
|
||
<!-- DIE SCHWEBENDEN LOGOS (19.09.2026).
|
||
|
||
Filipe: "die sollen paar mal sein in der kacheln und so wie
|
||
schweben, sich ganz leicht bewegen."
|
||
|
||
VIER STUECK, VERSCHIEDEN GROSS UND VERSCHIEDEN SCHNELL. Alle
|
||
gleich waere ein Muster, und ein Muster sieht nach Tapete
|
||
aus. Verschieden heisst: Man nimmt Tiefe wahr, ohne dass
|
||
etwas ablenkt.
|
||
|
||
Sie tragen KEINE Farbe: Das PNG ist eine Maske, die Farbe
|
||
kommt aus dem CSS (--aussen-ton). Deshalb passt dasselbe
|
||
Logo in jede Kachel, egal welchen Ton sie hat.
|
||
|
||
`aria-hidden`, weil sie nichts sagen -- wer die Seite
|
||
vorlesen laesst, soll nicht viermal "Logo" hoeren. -->
|
||
<div class="logo-feld" aria-hidden="true">
|
||
<span class="logo-feld__stueck" data-n="1"></span>
|
||
<span class="logo-feld__stueck" data-n="2"></span>
|
||
<span class="logo-feld__stueck" data-n="3"></span>
|
||
<span class="logo-feld__stueck" data-n="4"></span>
|
||
</div>
|
||
<div class="aussen__kopf">
|
||
<span class="aussen__zeichen" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24">
|
||
<circle cx="12" cy="12" r="8.4" />
|
||
<path d="M3.6 12h16.8M12 3.6c2.4 2.5 2.4 13.9 0 16.8M12 3.6c-2.4 2.5-2.4 13.9 0 16.8" />
|
||
</svg>
|
||
</span>
|
||
<div>
|
||
<p class="aussen__marke">Die Website</p>
|
||
<h2 class="aussen__titel">DogFather Universe</h2>
|
||
</div>
|
||
</div>
|
||
<p class="aussen__satz">
|
||
Die Heimat von DogFather als Streamer, der HasiDog-Community
|
||
und seiner Arbeit als Manager bei Spicy Media.
|
||
</p>
|
||
|
||
<!-- WAS ES DORT GIBT -- ABGELESEN, NICHT AUSGEDACHT.
|
||
Die Punkte stammen aus der Navigation von
|
||
dogfather-universe.com (streamplan.html, hasidog.html,
|
||
zeitreise.html, stimmen.html). Eine erfundene Aufzählung
|
||
wäre beim ersten Klick als Lüge aufgeflogen.
|
||
|
||
UND SIE SIND KEINE LINKS: Die ganze Karte führt zur
|
||
Startseite; einzelne Links darin würden diesen Klick
|
||
zerschneiden und wären auf dem Handy außerdem zu kleine
|
||
Ziele. -->
|
||
<ul class="aussen__liste">
|
||
<li>Der Streamplan – wann was läuft</li>
|
||
<li>HasiDog: die Community rund um Dogi</li>
|
||
<li>Die Zeitreise durch alles Bisherige</li>
|
||
<li>Stimmen von Leuten, die dabei waren</li>
|
||
</ul>
|
||
|
||
<p class="aussen__weg">
|
||
<span class="aussen__adresse">dogfather-universe.com</span>
|
||
<a class="aussen__knopf" href="https://dogfather-universe.com/"
|
||
target="_blank" rel="noopener noreferrer">Seite öffnen →</a>
|
||
</p>
|
||
</article>
|
||
|
||
<!-- ---- VANVANS SHOP ------------------------------------------ -->
|
||
<article class="aussen aussen--shop" data-weg="https://vans-diy-bastelbedarf.com/">
|
||
<div class="aussen__schein" aria-hidden="true"></div>
|
||
<div class="logo-feld" aria-hidden="true">
|
||
<span class="logo-feld__stueck" data-n="1"></span>
|
||
<span class="logo-feld__stueck" data-n="2"></span>
|
||
<span class="logo-feld__stueck" data-n="3"></span>
|
||
<span class="logo-feld__stueck" data-n="4"></span>
|
||
</div>
|
||
<div class="aussen__kopf">
|
||
<span class="aussen__zeichen" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24">
|
||
<path d="M5 8h14l-1.1 11.2a1.4 1.4 0 0 1-1.4 1.3H7.5a1.4 1.4 0 0 1-1.4-1.3z" />
|
||
<path d="M9 8V6.4a3 3 0 0 1 6 0V8" />
|
||
</svg>
|
||
</span>
|
||
<div>
|
||
<p class="aussen__marke">Der Shop</p>
|
||
<!-- NAME UND BESCHREIBUNG STAMMEN VON DER SEITE SELBST
|
||
(og:site_name und meta description). Meine erste Fassung
|
||
hieß „Van's DIY Bastelbedarf" und nannte „Perlen,
|
||
Anhänger, Werkzeug" — beides ausgedacht und beides
|
||
falsch. Der Laden heißt mit „&", und er verkauft vor
|
||
allem Handgemachtes. -->
|
||
<h2 class="aussen__titel">Van's DIY & Bastelbedarf</h2>
|
||
</div>
|
||
</div>
|
||
<p class="aussen__satz">
|
||
VanVans eigener Laden: handgemachte Häkelwerke, Plushies,
|
||
Schmuck und Bastelzubehör.
|
||
</p>
|
||
|
||
<!-- Der Rabatt. Eigener Block, weil er das Wichtigste auf
|
||
dieser Karte ist -- und kopierbar, weil niemand einen Code
|
||
abtippen soll, den er sich vorher merken muss. -->
|
||
<div class="gutschein">
|
||
<p class="gutschein__zeile">
|
||
<span class="gutschein__prozent">10 %</span>
|
||
<span class="gutschein__wofuer">für alle aus der Community</span>
|
||
</p>
|
||
<button type="button" class="gutschein__code" id="code-knopf"
|
||
data-code="DOGI10"
|
||
aria-label="Rabattcode DOGI10 kopieren">
|
||
<span class="gutschein__wort">DOGI10</span>
|
||
<span class="gutschein__hinweis" id="code-hinweis">tippen zum Kopieren</span>
|
||
</button>
|
||
<p class="gutschein__klein">
|
||
Beim Bestellen im Feld für den Gutscheincode eintragen.
|
||
Gilt nicht auf bereits reduzierte Artikel.
|
||
</p>
|
||
</div>
|
||
|
||
<p class="aussen__weg">
|
||
<span class="aussen__adresse">vans-diy-bastelbedarf.com</span>
|
||
<a class="aussen__knopf" href="https://vans-diy-bastelbedarf.com/"
|
||
target="_blank" rel="noopener noreferrer">Shop öffnen →</a>
|
||
</p>
|
||
</article>
|
||
|
||
</div>
|
||
|
||
<p class="seiten-fuss">
|
||
Beide Seiten öffnen sich in einem neuen Fenster — der Treff bleibt
|
||
also offen.
|
||
</p>
|
||
|
||
</main>
|
||
|
||
<script src="assets/js/meldung.js?v=202609191457" defer></script>
|
||
|
||
<script src="assets/js/wahl.js?v=202609191457" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202609191457" defer></script>
|
||
<script src="assets/js/kopf.js?v=202609191457" defer></script>
|
||
<script src="assets/js/unsere-seiten.js?v=202609191457" defer></script>
|
||
</body>
|
||
</html>
|