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]>
435 lines
22 KiB
HTML
435 lines
22 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>Personen & Zugänge · Spicy & Dogi</title>
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<link rel="manifest" href="/workspace/app.webmanifest" />
|
||
<!-- Die Farbe der Fensterleiste, wenn der Workspace als App laeuft.
|
||
Stand auf #0674b9 (kraeftiges Blau) und stach damit als einziger
|
||
heller Balken ueber einer durchweg dunklen Seite. Jetzt derselbe
|
||
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
|
||
eine Flaeche sind statt zweier. -->
|
||
<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/aufgaben.css?v=202609191457" />
|
||
<link rel="stylesheet" href="assets/css/personen.css?v=202609191457" />
|
||
<link rel="stylesheet" href="assets/css/module.css?v=202609191457" />
|
||
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
|
||
Auf der Agenturadresse ist sie leer -- das Haus hier IST der
|
||
Grundzustand. Auf der Adresse von Team Dogi biegt der Server
|
||
genau diesen Dateinamen auf crew-haus.css um, und die Seite
|
||
kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
|
||
ohne Umfaerben im Browser, ohne Flackern. -->
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202609191457" />
|
||
</head>
|
||
|
||
<body class="start">
|
||
|
||
<!-- Der Schleier ueber der Buehne (Casper und HasiDog in den unteren
|
||
Ecken, siehe start.css). Ein eigenes Element statt eines dritten
|
||
Pseudo-Elements -- body hat nur ::before und ::after. -->
|
||
<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> · Personen</span></p>
|
||
<div class="kopfleiste__rechts">
|
||
<span class="wer" id="wer">…</span>
|
||
<button type="button" class="abmelden" id="abmelden">Abmelden</button>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- ====================================================================
|
||
DIE FÜNF ROLLENZEICHEN, plastisch (08.09.2026)
|
||
|
||
Filipe: "die symbole sollen auch noch viel viel viel realistischer
|
||
und geiler sein", mit genauen Vorgaben je Rolle:
|
||
peperoni rot und grün
|
||
husky silber und blaue Augen
|
||
manager gelber Stern, der glitzert
|
||
scout grünes Schild mit einer roten Peperoni darin
|
||
creator lila und silber, "was richtig geiles"
|
||
|
||
WAS SICH GRUNDSÄTZLICH ÄNDERT: Vorher trug jedes Zeichen genau EINE
|
||
Farbe (`currentColor` über `.fuell`/`.linie`). Damit lässt sich
|
||
"rot UND grün" nicht darstellen. Jedes Zeichen bekommt deshalb
|
||
eigene Verläufe — dieselbe Technik, mit der auch die Kacheln
|
||
plastisch wirken: ein heller Rand oben, die Sättigung in der Mitte,
|
||
Abdunklung unten. Das ergibt Volumen statt einer flachen Fläche.
|
||
|
||
WARUM VERLÄUFE UND KEIN DETAIL: Diese Zeichen stehen bei 22 px.
|
||
Mehr Linien werden dort zu Matsch — das stand schon beim Husky hier,
|
||
und es gilt weiter. "Realistischer" heißt bei dieser Größe also
|
||
nicht "mehr Striche", sondern LICHT: eine Form, auf die Licht fällt,
|
||
wirkt körperlich; dieselbe Form flach gefüllt wirkt wie ein
|
||
Aufkleber. Alle Verläufe laufen deshalb von oben nach unten, als
|
||
stünde das Licht über der Seite — so wie bei allem anderen hier auch.
|
||
|
||
Die Verlaufs-IDs sind mit `rs-` vorangestellt (RollenSymbol), damit
|
||
sie mit nichts kollidieren, was später dazukommt.
|
||
==================================================================== -->
|
||
<!-- NICHT `display:none` VERSTECKEN -- das war ein echter Fehler, und man
|
||
sieht ihn erst im Bild (08.09.2026).
|
||
|
||
Solange die Zeichen einfarbig waren (`currentColor` ueber CSS), war
|
||
`display:none` harmlos. Sobald sie ihre Farbe aus einem <linearGradient>
|
||
im selben <defs> holen, ist es das nicht mehr: Ein Verlauf in einem
|
||
Teilbaum, der `display:none` traegt, wird nicht ausgewertet, und ein
|
||
`<use>` darauf bekommt schlicht KEINE Fuellung. Im Bildschirmfoto
|
||
standen daraufhin fuenf Bruchstuecke -- nur die Strichlinien, keine
|
||
Flaechen. Die Zahlen sagten dazu nichts, das Sprite war ja da.
|
||
|
||
Richtig ist ein Kasten ohne Groesse: Er wird gerendert (Verlaeufe
|
||
werden also aufgeloest), nimmt aber keinen Platz ein. -->
|
||
<svg width="0" height="0" style="position:absolute;overflow:hidden" aria-hidden="true"><defs>
|
||
|
||
<linearGradient id="rs-chili-rot" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0" stop-color="#ff8a6b"/>
|
||
<stop offset=".55" stop-color="#ef4136"/>
|
||
<stop offset="1" stop-color="#a8221c"/>
|
||
</linearGradient>
|
||
<linearGradient id="rs-chili-gruen" x1="0" y1="0" x2="1" y2="1">
|
||
<stop offset="0" stop-color="#8fd66a"/>
|
||
<stop offset="1" stop-color="#3f7d33"/>
|
||
</linearGradient>
|
||
<!-- `rs-silber` ist am 09.09.2026 entfallen. Er faerbte den alten,
|
||
selbstgebauten Husky; seit dort das echte Logo steht (mit einem
|
||
eigenen Duotonie-Filter), benutzte ihn niemand mehr. Ein
|
||
Verlauf, den man im Quelltext findet und der nichts faerbt,
|
||
kostet den naechsten Leser eine Suche. -->
|
||
<!-- DER STERN WIRD LILA (08.09.2026, zweite Ansage von Filipe).
|
||
Zuerst hiess es "manager: gelber stern der glitzert", dann nach
|
||
dem Bildschirmfoto: "die hauptfarbe von denen ist lila, der stern
|
||
soll so bleiben aber was gelb ist soll lila werden."
|
||
|
||
Die FORM bleibt also, nur die Farbe wechselt -- und das ist auch
|
||
stimmiger: Der Manager traegt Lila als Rollenfarbe, ein goldener
|
||
Stern daneben waere die einzige Stelle gewesen, an der Zeichen und
|
||
Rolle auseinandergehen. Die Wechsel hell/dunkel bleiben, sie sind
|
||
es, die aus einer Flaeche einen Koerper machen.
|
||
|
||
Der Name der Kennung bleibt `rs-gold`: Sie wird an mehreren
|
||
Stellen benutzt, und ein Umbenennen waere eine zweite Gelegenheit,
|
||
eine davon zu vergessen. -->
|
||
<linearGradient id="rs-gold" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0" stop-color="#e6d6ff"/>
|
||
<stop offset=".45" stop-color="#a78bfa"/>
|
||
<stop offset="1" stop-color="#5b3fa8"/>
|
||
</linearGradient>
|
||
<linearGradient id="rs-schild" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0" stop-color="#7fe0ae"/>
|
||
<stop offset=".5" stop-color="#3faa78"/>
|
||
<stop offset="1" stop-color="#1c5e42"/>
|
||
</linearGradient>
|
||
<linearGradient id="rs-lila" x1="0" y1="0" x2="1" y2="1">
|
||
<stop offset="0" stop-color="#d9c9ff"/>
|
||
<stop offset=".38" stop-color="#a78bfa"/>
|
||
<stop offset="1" stop-color="#5b3fa8"/>
|
||
</linearGradient>
|
||
<linearGradient id="rs-lila-silber" x1="0" y1="1" x2="1" y2="0">
|
||
<stop offset="0" stop-color="#6d4fc4"/>
|
||
<stop offset=".5" stop-color="#cbd5e1"/>
|
||
<stop offset="1" stop-color="#a78bfa"/>
|
||
</linearGradient>
|
||
<radialGradient id="rs-auge" cx=".38" cy=".32" r=".85">
|
||
<stop offset="0" stop-color="#bfe9ff"/>
|
||
<stop offset=".45" stop-color="#3fa9f5"/>
|
||
<stop offset="1" stop-color="#0f4c75"/>
|
||
</radialGradient>
|
||
|
||
<!-- SPICY MEDIA — die Peperoni, rot mit grünem Stiel.
|
||
Der Stiel liegt ÜBER der Frucht und ist eine eigene Form: Als
|
||
Teil desselben Pfades hätte er die Farbe der Frucht erben müssen,
|
||
und genau das wollte Filipe nicht. -->
|
||
<g id="r-chili">
|
||
<path fill="url(#rs-chili-rot)" d="M13.4 4.6c-.6 1.4-.3 2.6.6 3.4 3 .3 5 2.6 5 5.4 0 3.4-3 6-6.8 6-4.6 0-8.2-2.9-9.7-6.7 3.7.9 6.6-.4 8-3.1.6-1.2.4-2.4-.4-3.1"/>
|
||
<path fill="none" stroke="rgba(255,255,255,.5)" stroke-width=".9" stroke-linecap="round" d="M6.2 13.9c2.4 1.9 5 2.6 7.4 2"/>
|
||
<path fill="none" stroke="url(#rs-chili-gruen)" stroke-width="1.9" stroke-linecap="round" d="M13.4 4.6c1.5-.6 2.8.1 3 1.4"/>
|
||
<path fill="none" stroke="url(#rs-chili-gruen)" stroke-width="1.7" stroke-linecap="round" d="M13.4 4.6c-.5 1.2-.3 2.3.5 3.2"/>
|
||
</g>
|
||
|
||
<!-- DER HUSKY IST JETZT DAS ECHTE LOGO (09.09.2026, screen3).
|
||
|
||
Filipe: "dieses husky symbol soll ersetzt werden durch den husky
|
||
oben in der leiste ... die farbe von der rolle und die barre soll
|
||
so richtig geil silber sein ... und der husky soll eine geile
|
||
babyblau sein haben."
|
||
|
||
Hier stand eine geometrische Eigenkonstruktion: ein Fuenfeck mit
|
||
zwei dreieckigen Ohren und zwei Punkten. Sie war ordentlich
|
||
gebaut, aber sie war nicht DER Husky -- oben in der Leiste steht
|
||
die richtige Marke, und zwei verschiedene Huskys auf einer Seite
|
||
sind einer zu viel.
|
||
|
||
DAS BILD KOMMT ALS <image>, DIE FARBE AUS EINEM FILTER. Die
|
||
Datei ist schwarz-weiss und freigestellt. `feComponentTransfer`
|
||
mit einer zweistufigen Tabelle bildet sie auf zwei Farben ab:
|
||
Schwarz wird zu dunklem Stahl (#2a3644), Weiss zu Silber
|
||
(#e8eef6). Das ist eine echte Duotonie -- ein `feColorMatrix`
|
||
koennte das nicht, der kann nur linear mischen und wuerde die
|
||
Mitteltoene flach ziehen.
|
||
|
||
DAS AUGE IST GEMESSEN, NICHT GESETZT: Ein Durchlauf ueber die
|
||
Bildpunkte hat die Pupille als einzige dunkle Insel gefunden,
|
||
die ringsum von Hellem umgeben ist -- bei 165/258 von 512, also
|
||
32,2 % und 50,4 %. Im 24er Raster sind das 7,73 und 12,1.
|
||
Darauf liegen Iris (babyblau), Pupille und ein Glanzpunkt.
|
||
|
||
Warum ueberhaupt eine Iris: Das Logo hat ein schwarzes Auge.
|
||
Babyblau war seit dem ersten Auftrag gewuenscht ("husky: silber
|
||
und blaue augen") und ist es jetzt wieder -- es ist der einzige
|
||
Farbfleck an einem sonst silbernen Zeichen und traegt damit
|
||
genau so viel Farbe wie die anderen Rollen auch. -->
|
||
<filter id="rs-husky-duo" color-interpolation-filters="sRGB">
|
||
<feComponentTransfer>
|
||
<feFuncR type="table" tableValues="0.165 0.910"/>
|
||
<feFuncG type="table" tableValues="0.212 0.933"/>
|
||
<feFuncB type="table" tableValues="0.267 0.965"/>
|
||
</feComponentTransfer>
|
||
</filter>
|
||
<g id="r-husky">
|
||
<image href="assets/img/marke-husky.webp" x="0" y="0" width="24" height="24"
|
||
preserveAspectRatio="xMidYMid meet" filter="url(#rs-husky-duo)"/>
|
||
<circle fill="#7ec8f2" cx="7.73" cy="12.1" r="1.05"/>
|
||
<circle fill="#16232f" cx="7.73" cy="12.1" r="0.52"/>
|
||
<circle fill="#ffffff" opacity=".85" cx="7.5" cy="11.85" r="0.2"/>
|
||
</g>
|
||
|
||
<!-- DIE PFOTE (10.09.2026). Zeichen der Stellvertretung.
|
||
|
||
Sie liegt am nächsten an „rechte Hand", ohne eine Hand zu sein --
|
||
eine menschliche Hand wäre in diesem Zeichensatz der einzige
|
||
Fremdkörper. Vier Zehen und ein Ballen tragen auch bei 22 px,
|
||
weil es fünf klar getrennte Flächen sind und keine
|
||
Innenzeichnung: dasselbe Argument, das beim Creator-Kristall die
|
||
Silhouette abgelöst hat.
|
||
|
||
Der Ton ist das Blau von Team Dogi (#5f8a9f) nach oben aufgehellt -- dasselbe
|
||
Blau wie das App-Symbol von Team Dogi, nur hell genug, um gegen
|
||
den dunklen Grund zu stehen. -->
|
||
<linearGradient id="rs-pfote" x1="0" y1="0" x2=".35" y2="1">
|
||
<stop offset="0" stop-color="#cfe4ef"/>
|
||
<stop offset=".55" stop-color="#8fb6c8"/>
|
||
<stop offset="1" stop-color="#5f8a9f"/>
|
||
</linearGradient>
|
||
<g id="r-pfote">
|
||
<ellipse fill="url(#rs-pfote)" cx="12" cy="15.9" rx="5.3" ry="4.4"/>
|
||
<ellipse fill="url(#rs-pfote)" cx="6.5" cy="10.1" rx="2" ry="2.6"
|
||
transform="rotate(-20 6.5 10.1)"/>
|
||
<ellipse fill="url(#rs-pfote)" cx="10.1" cy="7.4" rx="2.05" ry="2.7"/>
|
||
<ellipse fill="url(#rs-pfote)" cx="13.9" cy="7.4" rx="2.05" ry="2.7"/>
|
||
<ellipse fill="url(#rs-pfote)" cx="17.5" cy="10.1" rx="2" ry="2.6"
|
||
transform="rotate(20 17.5 10.1)"/>
|
||
<path fill="rgba(255,255,255,.32)"
|
||
d="M8.4 13.6c1-1.3 2.6-2 4.2-1.9-1.7.5-3 1.6-3.6 2.9z"/>
|
||
</g>
|
||
|
||
<!-- MANAGER — der goldene Stern, der glitzert.
|
||
Das Funkeln ist ein schmaler heller Streifen, der einmal quer
|
||
über den Stern wandert. Es ist BEWUSST langsam (4,5 s) und
|
||
schwach: Ein schnelles Blinken wäre genau die aggressive Optik,
|
||
die hier nicht sein soll. Bei "weniger Bewegung" steht es still
|
||
(siehe personen.css) -- dann bleibt ein ruhiger goldener Stern. -->
|
||
<g id="r-stern">
|
||
<path fill="url(#rs-gold)" d="m12 3.4 2.6 5.6 6 .8-4.4 4.2 1.1 6-5.3-2.9-5.3 2.9 1.1-6L3.4 9.8l6-.8z"/>
|
||
<path fill="rgba(255,255,255,.45)" d="m12 3.4 2.6 5.6-2.6.7z"/>
|
||
<path class="rs-funkel" fill="rgba(255,255,255,.75)" d="m12 3.4 2.6 5.6 6 .8-4.4 4.2 1.1 6-5.3-2.9-5.3 2.9 1.1-6L3.4 9.8l6-.8z"/>
|
||
</g>
|
||
|
||
<!-- SCOUT — grünes Schild mit einer roten Peperoni darin.
|
||
Der Haken von früher ist weg: Filipe hat die Peperoni ausdrücklich
|
||
verlangt, und beides nebeneinander wäre bei 22 px Matsch. Die
|
||
Chili ist stark vereinfacht — bei dieser Größe zählt nur, dass
|
||
eine rote, gebogene Form mit grünem Stiel im Schild steht. -->
|
||
<g id="r-schutz">
|
||
<path fill="url(#rs-schild)" d="M12 3.4 5.8 5.9v5c0 3.5 2.5 6.7 6.2 8 3.7-1.3 6.2-4.5 6.2-8v-5z"/>
|
||
<path fill="rgba(255,255,255,.28)" d="M12 3.4 5.8 5.9v5c0 1.4.4 2.7 1.1 3.9L12 3.4z"/>
|
||
<path fill="url(#rs-chili-rot)" d="M13.6 8.1c-.4.9-.2 1.7.4 2.2 1.9.2 3.2 1.7 3.2 3.4 0 2.1-1.9 3.8-4.3 3.8-2.9 0-5.2-1.8-6.1-4.2 2.3.6 4.2-.3 5-2 .4-.8.3-1.5-.2-2z" transform="translate(-.6 -.9) scale(.92) translate(1 1)"/>
|
||
<path fill="none" stroke="#8fd66a" stroke-width="1.3" stroke-linecap="round" d="M12.9 7.6c.9-.4 1.7 0 1.8.8"/>
|
||
</g>
|
||
|
||
<!-- CREATOR — Lila und Silber.
|
||
Statt der alten Person-Silhouette (die aussah wie ein leeres
|
||
Benutzerbild und damit wie "niemand") jetzt ein geschliffener
|
||
Kristall: lila Kern, silberne Facetten. Er hat als einziges der
|
||
fünf Zeichen eine Innenzeichnung, und die trägt auch klein --
|
||
weil es gerade Kanten sind, keine Rundungen. -->
|
||
<g id="r-person">
|
||
<path fill="url(#rs-lila)" d="M12 2.6 20 9l-3 11.4H7L4 9z"/>
|
||
<path fill="url(#rs-lila-silber)" opacity=".85" d="M12 2.6 20 9h-5.6zM12 2.6 4 9h5.6z"/>
|
||
<path fill="rgba(255,255,255,.4)" d="M12 2.6 14.4 9H9.6z"/>
|
||
<path fill="none" stroke="rgba(216,222,233,.75)" stroke-width=".8" stroke-linejoin="round" d="M12 2.6 20 9l-3 11.4H7L4 9zM4 9h16M9.6 9 12 20.4 14.4 9"/>
|
||
</g>
|
||
|
||
<!-- DIE COMMUNITY (11.09.2026).
|
||
|
||
Zwei Figuren, keine einzelne: Das Zeichen des Creators (#r-person)
|
||
wäre das naheliegende gewesen und das falsche -- es steht bereits
|
||
für eine Rolle, und zwei Rollen mit demselben Zeichen heißt, dass
|
||
das Zeichen nichts mehr sagt.
|
||
|
||
Die hintere Figur ist leiser gesetzt und teilweise verdeckt. Das
|
||
ist keine Zierde: Bei 22 Pixeln verschmelzen zwei gleich helle
|
||
Formen zu einem Klecks. Erst der Helligkeitsunterschied macht
|
||
daraus zwei Menschen.
|
||
|
||
Dieselbe Zeichenweise wie die anderen sechs -- gefüllte Flächen
|
||
aus den vorhandenen Verläufen, eine dünne Kontur darüber. Ein
|
||
Zeichen in einem anderen Stil fällt auf, ohne etwas zu sagen. -->
|
||
<g id="r-leute">
|
||
<circle fill="url(#rs-lila-silber)" opacity=".7" cx="15.9" cy="8.1" r="2.9"/>
|
||
<path fill="url(#rs-lila-silber)" opacity=".7"
|
||
d="M10.6 20.4v-2.2c0-2.6 2.4-4.3 5.3-4.3s5.3 1.7 5.3 4.3v2.2z"/>
|
||
<circle fill="url(#rs-lila)" cx="9.2" cy="7.4" r="3.4"/>
|
||
<path fill="url(#rs-lila)"
|
||
d="M2.8 20.4v-2.5c0-3 2.9-5 6.4-5s6.4 2 6.4 5v2.5z"/>
|
||
<path fill="none" stroke="rgba(216,222,233,.75)" stroke-width=".8"
|
||
stroke-linejoin="round"
|
||
d="M9.2 4a3.4 3.4 0 1 1 0 6.8 3.4 3.4 0 0 1 0-6.8M2.8 20.4v-2.5c0-3 2.9-5 6.4-5s6.4 2 6.4 5v2.5z"/>
|
||
</g>
|
||
</defs></svg>
|
||
|
||
<main class="inhalt inhalt--breit">
|
||
|
||
<section class="kopf-zeile">
|
||
<div>
|
||
<p class="marke">Zugänge</p>
|
||
<h1 class="titel">Personen & Zugangscodes</h1>
|
||
<!-- Der Satz gilt nur für Manager und Spicy Media: Sie sehen hier
|
||
allein das Anlegen. personen.js blendet ihn dafür ein.
|
||
Er stand vorher nur im Skript (`$('unterzeile')`), und dieses
|
||
Element gab es nie -- der Aufruf war mit `&&` abgesichert und
|
||
tat deshalb schweigend nichts. Eine abgesicherte Zeile, die
|
||
ins Leere greift, sieht auf Dauer aus wie eine, die
|
||
funktioniert. -->
|
||
<p class="leise" id="unterzeile" hidden></p>
|
||
</div>
|
||
<div class="kopf-knoepfe">
|
||
<!-- Standardmäßig steht hier nur DogFather. Alle anderen kommen auf
|
||
Knopfdruck dazu – und der Knopf sagt immer, wie viele das sind,
|
||
damit niemand vergisst, dass da noch welche sind. -->
|
||
<button type="button" class="knopf-still" id="rest-schalter"
|
||
aria-expanded="false" aria-controls="liste" hidden>
|
||
<span id="rest-schalter-text">weitere zeigen</span>
|
||
<svg class="klapp-pfeil" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="m6 9.5 6 6 6-6" />
|
||
</svg>
|
||
</button>
|
||
<button type="button" class="knopf knopf--klein" id="neu-oeffnen">Person anlegen</button>
|
||
</div>
|
||
</section>
|
||
|
||
<form class="neu" id="neu" hidden>
|
||
<div class="neu__raster">
|
||
<div>
|
||
<label class="feld-schild" for="f-name">Name</label>
|
||
<input id="f-name" name="name" maxlength="60" placeholder="z. B. Luna" required />
|
||
</div>
|
||
<div class="rollenwahl-block">
|
||
<span class="feld-schild">Rolle</span>
|
||
<!-- Kein Auswahlmenü: Bei vier Möglichkeiten ist eine sichtbare
|
||
Wahl schneller und zeigt gleich, was die Rolle bedeutet. Das
|
||
Systemmenü ließ sich ausserdem nicht gestalten. -->
|
||
<div class="rollenwahl" id="f-rolle" role="radiogroup" aria-label="Rolle"></div>
|
||
</div>
|
||
</div>
|
||
<p class="fehler" id="neu-fehler" role="alert" aria-live="polite"></p>
|
||
<div class="neu__knoepfe">
|
||
<button type="submit" class="knopf knopf--klein" id="neu-speichern">Anlegen</button>
|
||
<button type="button" class="abmelden" id="neu-abbrechen">Abbrechen</button>
|
||
</div>
|
||
</form>
|
||
|
||
<!-- Anzeige des frisch erzeugten Codes. Bewusst auffällig und mit klarem
|
||
Hinweis, dass er nur jetzt zu sehen ist. -->
|
||
<div class="code-kasten" id="code-kasten" hidden role="status" aria-live="polite">
|
||
<p class="code-kasten__schild">Zugangscode für <span id="code-name"></span></p>
|
||
<p class="code-kasten__code" id="code-wert"></p>
|
||
<p class="code-kasten__hinweis">
|
||
Dieser Code wird <strong>nur jetzt</strong> angezeigt und ist danach nicht mehr
|
||
abrufbar. Sicher weitergeben und in Bitwarden ablegen.
|
||
</p>
|
||
<div class="neu__knoepfe">
|
||
<button type="button" class="knopf knopf--klein" id="code-kopieren">Kopieren</button>
|
||
<button type="button" class="abmelden" id="code-schliessen">Verstanden, schließen</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ROLLE ÄNDERN (10.09.2026).
|
||
|
||
Bis heute war die Rolle eines Menschen in Stein: anlegen ja,
|
||
sperren ja, löschen ja – ändern nirgends. Wer jemandem eine
|
||
andere Aufgabe geben wollte, musste ihn löschen und neu anlegen,
|
||
und daran hängen seine Aufgaben, Nachrichten und Einträge.
|
||
|
||
Derselbe Kasten wie beim Code, an derselben Stelle: Es ist
|
||
dieselbe Sorte Handgriff an derselben Person, und zwei
|
||
verschiedene Bauweisen dafür wären zwei Dinge, die man
|
||
auseinanderhalten müsste. -->
|
||
<div class="code-kasten" id="rolle-kasten" hidden>
|
||
<p class="code-kasten__schild">Neue Rolle für <span id="rolle-name"></span></p>
|
||
<div class="rollenwahl" id="rolle-wahl"></div>
|
||
<p class="code-kasten__hinweis">
|
||
Der Zugangscode bleibt derselbe. Offene Sitzungen dieser Person werden
|
||
beendet – sie meldet sich danach neu an, auf der Adresse, die zu ihrer
|
||
neuen Rolle gehört.
|
||
</p>
|
||
<div class="neu__knoepfe">
|
||
<button type="button" class="knopf knopf--klein" id="rolle-los">Übernehmen</button>
|
||
<button type="button" class="abmelden" id="rolle-abbrechen">Abbrechen</button>
|
||
</div>
|
||
</div>
|
||
|
||
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
|
||
|
||
<!-- ALLES IN EINER KACHEL (09.09.2026, screen1 Punkt 3).
|
||
|
||
Filipe: "das soll alles in einer grossen kachel sein."
|
||
|
||
Die fuenf Rollengruppen standen als fuenf lose Abschnitte frei
|
||
auf dem Hintergrundbild -- dasselbe Bild wie bei den Rollen auf
|
||
der Anmeldeseite und den Anlaessen im Kalender. Es ist aber EINE
|
||
Liste mit fuenf Abschnitten, keine fuenf Listen. `liste-kachel`
|
||
traegt die Kachelsprache des Hauses aus der Modulliste; die
|
||
Abschnitte darin werden durch dunkle Fugen getrennt statt durch
|
||
Luft. -->
|
||
<div id="liste" class="liste-kachel" aria-busy="true"><p class="leise">Personen werden geladen …</p></div>
|
||
|
||
<!-- Das Protokoll ist Nachschlagewerk, nicht Startbild: Standardmäßig
|
||
stehen nur die letzten vier Zeilen da, alles Weitere auf Knopfdruck. -->
|
||
<section class="protokoll-block">
|
||
<div class="klapp-kopf">
|
||
<p class="feldschild">Letzte Ereignisse</p>
|
||
<button type="button" class="knopf-still" id="protokoll-schalter"
|
||
aria-expanded="false" aria-controls="protokoll" hidden>
|
||
<span id="protokoll-schalter-text">Alle zeigen</span>
|
||
<svg class="klapp-pfeil" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="m6 9.5 6 6 6-6" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<div id="protokoll" data-klapp="zu"><p class="leise">…</p></div>
|
||
</section>
|
||
|
||
</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/glocke.js?v=202609191457" defer></script>
|
||
<script src="assets/js/personen.js?v=202609191457" defer></script>
|
||
</body>
|
||
</html>
|