Vertraulicher Meldeweg, klappbare Abschnitte, lila Stunden, Logos

Eine Nacht voller Auftraege von Filipe. Der Reihe nach:

1. VERTRAULICH MELDEN -- der groesste neue Teil.

"es soll auch eine kategorie also eine hauptkachel geben wo die
community leute sich anonym melden koennen wenn sie probleme haben ...
rechte hand und dogfather sollen zugriff auf diese anonyme nachrichten
haben. also anonym fuer die anderen."

WICHTIG, UND ES STEHT SO AUF DER SEITE: "anonym" heisst hier
VERTRAULICH. DogFather und die rechte Hand sehen den Namen -- so
bestellt und auch richtig, ohne Namen kann man niemandem helfen.
Anonym ist es gegenueber allen anderen: kein Modi, kein anderes
Mitglied. Wer glaubt, er schreibe unerkannt, schreibt anders und fuehlt
sich hinterher getaeuscht -- deshalb steht der Satz im Formular, bevor
jemand tippt.

Der strikte Wechsel (melden -> warten -> antworten -> warten) ist im
SERVER erzwungen, nicht nur im Knopf. Ein ausgegrauter Knopf ist keine
Regel. Geschlossen wird nur von der Leitung; abgeschlossene Faelle
werden nach 90 Tagen samt Nachrichten geloescht -- hier stehen die
empfindlichsten Texte des Hauses.

Modis sind ausdruecklich AUSSEN VOR: Sehr oft geht es in diesen
Meldungen um eine Moderationsentscheidung.

2. JEDE KATEGORIE LAESST SICH ZUKLAPPEN.

"man soll auf dieser seite jede kategorie auf und zu klappen koennen
mit einem button ... ueberall wo so eine liste entstehen kann."

Das Muster gab es auf der Startseite schon; es steht jetzt als
`abschnittKlappbar` in kopf.js und wird von den Brettern und dem
Zeitstrahl benutzt. Die Koepfe sind echte <button> (fuer die Tastatur),
der Zustand haelt in localStorage, und er haengt je Brett UND Art --
sonst waere "Regel zugeklappt" ueberall gleichzeitig zu.

3. DIE SPRUNGLEISTE SIEHT AUS WIE ETWAS ZUM ANFASSEN.

Vorher unterstrichene Woerter, die aussahen wie eine Fusszeile. Jetzt
Marken mit Rahmen in einem eigenen Block.

4. DIE STUNDEN SIND LILA.

UMGERECHNET, NICHT NEU GEWAEHLT: Jeder der fuenf Verlaufsstopps wurde
nach OKLCH zerlegt, der Farbton auf 303 Grad gedreht, zurueckgerechnet.
Helligkeit und Buntheit blieben gleich -- eine frei gegriffene Palette
waere heller oder bunter geworden, und die Uhr damit unruhiger.

5. DIE KARTEN "UNSERE SEITEN": babyblau und lila, mit schwebenden Logos.

Beide Logos wurden zu MASKEN gerechnet (tools/logo-maske.mjs): Die PNG
tragen nur Alpha, die Farbe kommt aus dem CSS. Dadurch passt dasselbe
Logo in jede Kachel, egal welchen Ton sie hat -- und VanVans 378-KB-
Logo wurde dabei zu 109 KB. Vier Stueck je Karte, verschieden gross,
zwei Bahnen, 26 bis 41 Sekunden Umlauf. Der erste Versuch war mit 5-9 %
Deckkraft praktisch unsichtbar; jetzt 10-16 %.

6. "ENTWICKLUNG" HEISST JETZT "EURE AUFGABEN".

Filipe hat recht: Die Kachel fuehrt seit dem 11.09. auf den Katalog --
eine Aufgabenliste. Der Name blieb stehen, weil beim Umhaengen des
Ziels niemand ihn angefasst hat. Der Name "Entwicklung" ist damit frei
fuer das, was er darunter versteht (Auswertung je Person mit Verlauf
und Text) -- das ist noch NICHT gebaut.

DREI PRUEFUNGEN, DIE ZUFAELLIG GRUEN WAREN, sind nebenbei aufgefallen:
- pruef-kachelraster wartete feste 500 ms auf eine gestaffelte
  Einblendung und mass vier Reihen, wo drei sind. Jetzt reducedMotion.
- pruef-start-ansicht scrollte 600 px und nahm an, danach liege keine
  Kachel mehr unter dem Zeiger.
- pruef-wege-nach-draussen zaehlte das Kachelraster ueber ALLE Gruppen
  statt je Gruppe.

GEMESSEN: pruef-hilfe (neu) 55/0, pruef-wege-nach-draussen 64/0,
pruef-jeder-hat-eine-seite 65/0, pruef-community-sicht 10/0,
pruef-bereiche-lesend, pruef-steckbrief, pruef-start-ansicht,
pruef-kachelraster alle gruen.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-19 02:04:03 +02:00
co-authored by Claude Opus 5
parent 63f2b2bc55
commit f62ade3573
56 changed files with 2708 additions and 452 deletions
+4 -4
View File
@@ -5,9 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Anruf-Probe · Team Dogi</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="stylesheet" href="assets/css/basis.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/kopf.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/basis.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/kopf.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
<style>
/* Bewusst in der Seite und nicht in einer eigenen Datei: Diese Seite
soll auch dann noch etwas anzeigen, wenn genau das schiefgeht,
@@ -58,6 +58,6 @@
<p class="probe__ende" id="rat"></p>
</main>
<script src="assets/js/anruf-probe.js?v=202609190139" defer></script>
<script src="assets/js/anruf-probe.js?v=202609190204" defer></script>
</body>
</html>
+4 -4
View File
@@ -22,25 +22,25 @@
},
"icons": [
{
"src": "/assets/img/app-symbole/workspace-192.png?v=202609190139",
"src": "/assets/img/app-symbole/workspace-192.png?v=202609190204",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "/assets/img/app-symbole/workspace-512.png?v=202609190139",
"src": "/assets/img/app-symbole/workspace-512.png?v=202609190204",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
"src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202609190139",
"src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202609190204",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202609190139",
"src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202609190204",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
+125
View File
@@ -1612,3 +1612,128 @@
.marke-art[data-art="folge"] { --art-ton: #e8a5b4; }
.marke-art[data-art="gesucht"] { --art-ton: #ceb480; }
.marke-art[data-art="lust"] { --art-ton: #bfdbb1; }
/* =====================================================================
AUF- UND ZUKLAPPEN, UND DIE SPRUNGLEISTE (19.09.2026)
Filipe, zwei Sätze an einem Abend:
„man soll auf dieser seite jede kategorie auf und zu klappen können
mit einem button ... überall wo so eine liste entstehen kann"
„das soll viel geiler aussehen bitte" (zur Sprungleiste)
===================================================================== */
/* ---- Die Abschnittsköpfe sind jetzt Knöpfe --------------------------
Sie sahen als Überschrift gut aus und sollen genauso aussehen — ein
Knopf, der wie ein Knopf aussieht, wäre hier ein Rückschritt: Die
Gliederung ist das Wichtige, das Zuklappen die Zugabe. Deshalb erbt
der Knopf das komplette Aussehen der alten Überschrift und bekommt
nur zwei Dinge dazu: einen Zeiger und einen Pfeil. */
.brettabschnitt,
.zeitstrahl__schild {
width: 100%;
background: none;
border: 0;
padding: 0;
font-family: inherit;
text-align: left;
cursor: pointer;
/* 44 px hoch, damit ein Daumen ihn trifft — als Überschrift waren es
je nach Schriftgröße auch mal 18. */
min-height: 44px;
}
.brettabschnitt:focus-visible,
.zeitstrahl__schild:focus-visible {
outline: 2px solid var(--akzent, #5aa0e0);
outline-offset: 3px;
border-radius: 4px;
}
.brettabschnitt:hover .brettabschnitt__wort,
.zeitstrahl__schild:hover .zeitstrahl__wort { color: var(--text); }
.brettabschnitt__wort,
.zeitstrahl__wort { flex: 0 0 auto; }
/* Der Pfeil steht GANZ RECHTS, hinter der auslaufenden Linie — dort
sucht man ihn, und dort steht er auch auf der Startseite. */
.klapp-pfeil {
order: 9;
flex: none;
width: 18px; height: 18px;
color: var(--text-still);
transition: transform .2s ease, color .2s ease;
}
[data-zu="ja"] .klapp-pfeil { transform: rotate(-90deg); }
.brettabschnitt:hover .klapp-pfeil,
.zeitstrahl__schild:hover .klapp-pfeil { color: var(--text-leise); }
/* Ein zugeklappter Abschnitt soll SICHTBAR zu sein, nicht nur leer.
Ohne diesen Hinweis sieht es aus, als fehle der Inhalt. */
.brettabschnitt[data-zu="ja"] .brettabschnitt__zahl,
.zeitstrahl__schild[data-zu="ja"] .zeitstrahl__zahl {
background: color-mix(in srgb, var(--akzent, #5aa0e0) 22%, transparent);
color: var(--text-leise);
}
.brettabschnitt__inhalt[hidden],
.zeitstrahl__inhalt[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
.klapp-pfeil { transition: none; }
}
/* ---- Die Sprungleiste ------------------------------------------------
Vorher: eine Reihe unterstrichener Wörter mit kleinen Zahlen. Auf
dem Bildschirmfoto sah das aus wie eine Fußzeile — man übersieht
sie, und wer sie sieht, hält sie für Filter (genau die Verwechslung,
gegen die schon die Wörter „Springe zu" gebaut wurden).
Jetzt: echte Marken mit Rahmen und eigenem Grund. Sie sehen nach
etwas aus, das man anfassen kann — und die Zahl sitzt darin statt
daneben. Die Unterstreichung entfällt: Ein Rahmen sagt dasselbe,
ohne die Zeile unruhig zu machen. */
.brettmarken {
gap: 8px 10px;
align-items: center;
padding: 12px 14px;
margin-bottom: 20px;
border: 1px solid var(--rand);
border-radius: 12px;
/* Ein sehr flacher Verlauf statt einer Trennlinie: Die Leiste hebt
sich als BLOCK ab, statt nur einen Strich zu ziehen. */
background:
linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01));
}
.brettmarken__wort {
font-size: .74rem;
letter-spacing: .08em;
text-transform: uppercase;
margin-inline-end: 4px;
}
.brettmarken__weg {
gap: 7px;
padding: 7px 12px;
border-radius: 999px;
border: 1px solid var(--rand);
background: rgba(255, 255, 255, .03);
text-decoration: none;
transition: border-color var(--tempo), background-color var(--tempo),
color var(--tempo), transform var(--tempo);
}
.brettmarken__weg:hover,
.brettmarken__weg:focus-visible {
color: var(--text);
border-color: color-mix(in srgb, var(--akzent, #5aa0e0) 45%, var(--rand));
background: color-mix(in srgb, var(--akzent, #5aa0e0) 12%, transparent);
transform: translateY(-1px);
}
.brettmarken__zahl {
background: rgba(255, 255, 255, .09);
font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) {
.brettmarken__weg { transition: none; }
.brettmarken__weg:hover { transform: none; }
}
+219
View File
@@ -0,0 +1,219 @@
/* =====================================================================
VERTRAULICH MELDEN (19.09.2026)
Der Ton dieser Seite ist bewusst RUHIGER als der Rest des Hauses.
Wer hier schreibt, hat meist Ärger — eine Seite, die dabei glitzert,
wirkt unernst. Keine Verläufe über die ganze Fläche, keine Bewegung,
keine leuchtenden Kacheln. Die Farbe (Ton 39, #1acae2) kommt nur an
den Rändern vor.
===================================================================== */
:root { --hilfe-ton: #1acae2; }
/* ---- Der Hinweis, wer mitliest -------------------------------------- */
.vertrauen {
display: flex;
gap: .9rem;
align-items: flex-start;
margin: 1.2rem 0 0;
padding: 1rem 1.1rem;
border-radius: .8rem;
border: 1px solid color-mix(in srgb, var(--hilfe-ton) 32%, transparent);
background: color-mix(in srgb, var(--hilfe-ton) 7%, transparent);
}
.vertrauen__zeichen {
flex: 0 0 auto;
display: grid; place-items: center;
width: 2.2rem; height: 2.2rem;
}
.vertrauen__zeichen svg {
width: 100%; height: 100%;
fill: none;
stroke: color-mix(in srgb, var(--hilfe-ton) 75%, #dceaf8);
stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
}
.vertrauen__text {
margin: 0;
font-size: .92rem;
line-height: 1.5;
color: var(--text-leise, #93a7bd);
}
.vertrauen__text strong { color: #e9f2fb; }
/* ---- Blöcke ---------------------------------------------------------- */
.hilfe-block { margin: 1.6rem 0 0; }
.hilfe-block__kopf {
display: flex; align-items: center; gap: .8rem;
margin: 0 0 .8rem;
}
.hilfe-block__titel { margin: 0; font-size: 1.1rem; }
.hilfe-block__zahl {
font-size: .8rem;
padding: .1rem .5rem;
border-radius: 1rem;
border: 1px solid var(--rand, #26374b);
color: var(--text-leise, #93a7bd);
}
.hilfe-block__kopf .knopf { margin-left: auto; }
.hilfe-leer {
margin: 0;
padding: 1.1rem;
border: 1px dashed var(--rand, #26374b);
border-radius: .7rem;
color: var(--text-leise, #93a7bd);
}
/* ---- Eine Zeile in der Liste ---------------------------------------- */
.fall-zeile {
padding: .9rem 1rem;
margin-bottom: .55rem;
border: 1px solid var(--rand, #26374b);
border-left: 3px solid var(--rand, #26374b);
border-radius: .6rem;
background: var(--flaeche, rgba(255,255,255,.02));
cursor: pointer;
transition: border-color .18s ease, transform .18s ease;
}
.fall-zeile:hover,
.fall-zeile:focus-visible {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--hilfe-ton) 35%, var(--rand, #26374b));
}
/* DIE FARBE SAGT, WER DRAN IST — nicht, wie schlimm es ist.
Ein rotes "dringend" wäre hier falsch: Jede Meldung ist für den,
der sie schreibt, dringend. */
.fall-zeile[data-stand="wartet_auf_antwort"] { border-left-color: #d9a441; }
.fall-zeile[data-stand="antwort_da"] { border-left-color: var(--hilfe-ton); }
.fall-zeile[data-stand="geschlossen"] { border-left-color: #4a5b70; opacity: .72; }
.fall-zeile__oben {
display: flex; align-items: baseline; gap: .6rem; flex-wrap: wrap;
}
.fall-zeile__titel { margin: 0; font-size: 1rem; line-height: 1.35; }
.fall-zeile__unten {
display: flex; gap: .75rem; flex-wrap: wrap;
margin: .45rem 0 0;
font-size: .8rem;
color: var(--text-leise, #93a7bd);
}
.fall-zeile__wer { color: #cfe0f0; }
.fall-marke {
flex: 0 0 auto;
font-size: .72rem;
letter-spacing: .04em;
padding: .12rem .5rem;
border-radius: 1rem;
border: 1px solid currentColor;
}
.fall-marke[data-stand="wartet_auf_antwort"] { color: #d9a441; }
.fall-marke[data-stand="antwort_da"] { color: var(--hilfe-ton); }
.fall-marke[data-stand="geschlossen"] { color: #7d90a6; }
/* ---- Der Verlauf ----------------------------------------------------- */
.fall-kopf {
display: flex; gap: .7rem; flex-wrap: wrap; align-items: center;
margin: 0 0 1rem;
font-size: .82rem;
color: var(--text-leise, #93a7bd);
}
.fall-kopf__wer { color: #cfe0f0; }
.blase {
max-width: 44rem;
padding: .8rem 1rem;
margin-bottom: .7rem;
border-radius: .7rem;
border: 1px solid var(--rand, #26374b);
}
/* Zwei Seiten, zwei Ausrichtungen. Auf dem Handy genügt der Versatz —
zwei Spalten wären dort zu eng. */
.blase[data-seite="melder"] {
background: rgba(255,255,255,.025);
}
.blase[data-seite="leitung"] {
margin-left: auto;
border-color: color-mix(in srgb, var(--hilfe-ton) 30%, transparent);
background: color-mix(in srgb, var(--hilfe-ton) 6%, transparent);
}
.blase__wer {
margin: 0 0 .3rem;
font-size: .76rem;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--text-leise, #93a7bd);
}
.blase__text {
margin: 0;
/* Zeilenumbrüche aus dem Text erhalten, ohne HTML zuzulassen. */
white-space: pre-wrap;
overflow-wrap: anywhere;
line-height: 1.55;
}
.blase__fuss {
margin: .45rem 0 0;
font-size: .74rem;
color: var(--text-leise, #93a7bd);
}
/* ---- Formulare ------------------------------------------------------- */
.hilfe-form { margin: .4rem 0 0; }
.hilfe-form--antwort { margin-top: 1.1rem; }
.hilfe-form .feld { display: block; margin-bottom: .9rem; }
.hilfe-form .feld__schild {
display: block;
margin-bottom: .35rem;
font-size: .86rem;
color: #cfe0f0;
}
.hilfe-form .feld__pflicht {
font-size: .76rem;
color: var(--text-leise, #93a7bd);
}
.hilfe-form input[type="text"],
.hilfe-form textarea {
width: 100%;
padding: .7rem .85rem;
border-radius: .55rem;
border: 1px solid var(--rand, #26374b);
background: rgba(0,0,0,.25);
color: #e9f2fb;
font: inherit;
line-height: 1.5;
}
.hilfe-form textarea { resize: vertical; min-height: 6rem; }
.hilfe-form input:focus-visible,
.hilfe-form textarea:focus-visible {
outline: 2px solid color-mix(in srgb, var(--hilfe-ton) 60%, transparent);
outline-offset: 1px;
border-color: color-mix(in srgb, var(--hilfe-ton) 45%, transparent);
}
.hilfe-form__hinweis {
margin: 0 0 .9rem;
font-size: .82rem;
line-height: 1.5;
color: var(--text-leise, #93a7bd);
}
.hilfe-form__fuss {
display: flex; align-items: center; gap: .7rem; flex-wrap: wrap;
}
.hilfe-form__stand {
font-size: .82rem;
color: var(--text-leise, #93a7bd);
}
.fall-warten {
margin: 1.1rem 0 0;
padding: .9rem 1rem;
border-radius: .6rem;
border: 1px dashed var(--rand-hell, #33465e);
color: var(--text-leise, #93a7bd);
font-size: .9rem;
line-height: 1.5;
}
@media (prefers-reduced-motion: reduce) {
.fall-zeile { transition: none; }
.fall-zeile:hover { transform: none; }
}
+29 -3
View File
@@ -1116,6 +1116,17 @@ body.start > main { position: relative; z-index: 1; }
(Ton 33), Kontrast 4.51:1. Blau ist die einzige Ecke, die im Treff
noch frei war — das ist kein Zufall, sondern das Ergebnis. */
[data-ton="38"] { --ton: #087ce7; } /* Unsere Seiten */
/* VERTRAULICH MELDEN (19.09.2026) -- ebenfalls abgesucht, nicht gewaehlt.
140 973 lesbare Kandidaten, gewonnen hat der mit dem groessten
Mindestabstand zu allen neun belegten Toenen: OKLCH L=0.77 C=0.130
H=210, Abstand 0.221, Kontrast 9.47:1.
Der Abstand ist kleiner als bei Ton 38 (0.310) -- das ist keine
Nachlaessigkeit, sondern die Folge davon, dass neun Toene belegt
sind. Mehr ist im lesbaren Bereich nicht zu holen; wer den naechsten
hinzufuegt, sollte das wissen und notfalls einen alten verschieben,
statt die Schwelle stillschweigend zu senken. */
[data-ton="39"] { --ton: #1acae2; } /* Vertraulich melden */
/* Rückfallwert für alles, was einen Ton braucht, aber keine Nummer hat.
Steht bewusst in :where() -- damit zählt die Zeile beim Wettstreit der
@@ -6869,6 +6880,21 @@ body[data-fremde-sicht="ja"]::after {
sekunden babyblau. die punkte herum sollen eine mischung von rot
schwarz und babyblau sein."
SEIT DEM 19.09.2026 IST DIE STUNDE LILA. Filipe: "die stunden sollen
nicht rot sondern lila sein."
UMGERECHNET, NICHT NEU GEWAEHLT: Jeder der fuenf Verlaufsstopps
wurde nach OKLCH zerlegt, sein Farbton auf 303 Grad gedreht und
zurueckgerechnet -- Helligkeit und Buntheit blieben auf den
Tausendstel gleich. Eine frei gegriffene Lila-Palette waere mit
hoher Wahrscheinlichkeit heller oder bunter geworden, und damit
waere die Uhr unruhiger, obwohl sich "nur die Farbe" geaendert hat.
303 Grad ist der erste Ton im Lila-Bereich, bei dem alle acht Werte
(fuenf Stopps, Kopf, zwei Scheine) noch darstellbar sind.
Die Begruendung darunter gilt unveraendert: Die Stunde bewegt sich
kaum und darf deshalb die kraeftigste Farbe tragen.
Die Zuordnung ist nicht beliebig, sie folgt der Geschwindigkeit:
Die SEKUNDE laeuft dauernd und bekommt das ruhigste Babyblau --
staendige Bewegung in Signalrot ermuedet. Die STUNDE bewegt sich
@@ -6897,7 +6923,7 @@ body[data-fremde-sicht="ja"]::after {
durchgehalten. */
.uhr__ring > .uhr__sekunde { filter: drop-shadow(0 0 1.4px rgba(126, 200, 242, .85)); }
.uhr__ring > .uhr__minute { filter: drop-shadow(0 0 1.2px rgba(220, 232, 246, .6)); }
.uhr__ring > .uhr__stunde { filter: drop-shadow(0 0 1.4px rgba(255, 92, 104, .8)); }
.uhr__ring > .uhr__stunde { filter: drop-shadow(0 0 1.4px rgba(182, 119, 255, .8)); }
.uhr__schatten .uhr__sekunde, .uhr__schatten .uhr__minute, .uhr__schatten .uhr__stunde,
.uhr__kante .uhr__sekunde, .uhr__kante .uhr__minute, .uhr__kante .uhr__stunde { filter: none; }
@@ -7576,9 +7602,9 @@ body[data-fremde-sicht="ja"]::after {
das ist der Unterschied zwischen "das ist die aktuelle Stunde" und
"da stimmt etwas nicht". */
.uhr__kopf--stunde {
stroke: #ff8c96;
stroke: #c59cfc;
stroke-width: 6;
filter: drop-shadow(0 0 3px rgba(255, 110, 122, .95));
filter: drop-shadow(0 0 3px rgba(187, 132, 254, .95));
}
/* Wer weniger Bewegung will, bekommt den Sprung ohne Ueberblendung --
der Kopf steht dann einfach am richtigen Glied. */
+152 -13
View File
@@ -36,22 +36,153 @@
gap: .75rem;
padding: 1.35rem 1.35rem 1.2rem;
border-radius: 1.1rem;
border: 1px solid color-mix(in srgb, var(--aussen-ton) 30%, transparent);
border: 1px solid color-mix(in srgb, var(--aussen-ton) 42%, transparent);
/* DREI LAGEN STATT ZWEI (19.09.2026). Filipe: "auch der hintegrrund
der kacheln, ich will es viel spezieller".
Vorher lag der Ton mit 7 % auf der Flaeche -- auf einem dunklen
Bildschirm sieht man davon fast nichts, die Kachel wirkte grau.
Jetzt: ein heller Bogen oben links (woher das Licht kommt), ein
zweiter, schwacher unten rechts (damit die Flaeche nicht flach
kippt) und ein Grundverlauf, der den Ton wirklich traegt.
Nach oben begrenzt bleibt es trotzdem: Der hellste Punkt liegt bei
28 %, und Text steht nie darauf -- er hat seine eigene Lage. */
background:
radial-gradient(120% 100% at 8% 0%,
color-mix(in srgb, var(--aussen-ton) 15%, transparent), transparent 62%),
linear-gradient(160deg,
color-mix(in srgb, var(--aussen-ton) 7%, #0d1523),
#0a111d 68%);
box-shadow: 0 16px 34px -22px color-mix(in srgb, var(--aussen-ton) 75%, transparent);
radial-gradient(120% 95% at 6% -5%,
color-mix(in srgb, var(--aussen-ton) 28%, transparent), transparent 58%),
radial-gradient(90% 80% at 105% 110%,
color-mix(in srgb, var(--aussen-ton) 16%, transparent), transparent 62%),
linear-gradient(158deg,
color-mix(in srgb, var(--aussen-ton) 14%, #0c1420),
#090f1a 72%);
box-shadow:
0 18px 38px -20px color-mix(in srgb, var(--aussen-ton) 85%, transparent),
inset 0 1px 0 color-mix(in srgb, var(--aussen-ton) 22%, transparent);
cursor: pointer;
transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
/* Die Töne der beiden Karten. Sie stehen hier und nicht im HTML,
damit eine dritte Karte eine Zeile braucht und nicht zehn. */
.aussen--dogi { --aussen-ton: #087ce7; }
.aussen--shop { --aussen-ton: #e0559b; }
damit eine dritte Karte eine Zeile braucht und nicht zehn.
BABYBLAU UND LILA seit dem 19.09.2026 (Filipe: „die linke kachel soll
babyblau sein und rechte lila").
Babyblau ist im Haus schon vergeben — es ist der Ton der Sekunde auf
der Uhr (#7ec8f2), und dieselbe Farbe zweimal anders zu treffen wäre
schlampig. Also derselbe Wert.
Das Lila ist dasselbe, in das an diesem Tag die Stunden der Uhr
umgerechnet wurden (OKLCH-Farbton 303°). Beide Kacheln sprechen
damit die Sprache, die die Startseite ohnehin spricht.
`--logo` nennt die Maske. Sie steht an der Karte und nicht am
Logofeld, damit eine dritte Karte nur diese zwei Zeilen braucht. */
.aussen--dogi {
--aussen-ton: #7ec8f2;
--logo: url("/assets/img/marke/maske-dogi.png");
}
.aussen--shop {
--aussen-ton: #b284ec;
--logo: url("/assets/img/marke/maske-vanvan.png");
}
/* ---- DIE SCHWEBENDEN LOGOS ------------------------------------------
Vier Stück je Karte, verschieden groß, verschieden schnell, mit
verschiedener Verzögerung. Gleich wäre Tapete.
SIE LIEGEN UNTER ALLEM (`z-index: 0` im eigenen Kontext, Text
darüber). Die Deckkraft liegt zwischen 10 und 16 Prozent — der erste
Versuch mit 5 bis 9 war auf dem Bildschirmfoto praktisch unsichtbar,
und „soll mega aussehen" heißt nicht „soll man erahnen können".
Nach oben ist trotzdem eine Grenze: Ab etwa 25 Prozent fängt das
Logo an, mit der Überschrift zu konkurrieren, und der Text wird
mühsam. Was hier entstehen soll, ist Tiefe, kein zweiter Titel.
`mask-image` statt `background-image`: Die PNG-Dateien tragen nur
Alpha. Die Farbe ist `currentColor` der Karte — dadurch ist das
Logo automatisch babyblau bzw. lila, ohne zweite Datei. */
.logo-feld {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
border-radius: inherit;
pointer-events: none;
}
.logo-feld__stueck {
position: absolute;
background-color: var(--aussen-ton);
-webkit-mask-image: var(--logo);
mask-image: var(--logo);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
will-change: transform;
}
/* Die vier Lagen. Die Zahlen sind gesetzt, nicht gerechnet — ein
Zufallsgenerator würde bei jedem Laden anders aussehen, und dann
fällt niemandem mehr auf, wenn eines daneben liegt. */
.logo-feld__stueck[data-n="1"] {
width: 15rem; height: 15rem; right: -4.5rem; top: -3.5rem;
opacity: .16;
animation: logo-schweben-a 26s ease-in-out infinite;
}
.logo-feld__stueck[data-n="2"] {
width: 8rem; height: 8rem; right: 4.5rem; bottom: -1.5rem;
opacity: .13;
animation: logo-schweben-b 34s ease-in-out infinite;
animation-delay: -6s;
}
.logo-feld__stueck[data-n="3"] {
width: 5rem; height: 5rem; right: 12rem; top: 35%;
opacity: .105;
animation: logo-schweben-a 41s ease-in-out infinite;
animation-delay: -15s;
}
.logo-feld__stueck[data-n="4"] {
width: 3.4rem; height: 3.4rem; right: 2rem; top: 18%;
opacity: .14;
animation: logo-schweben-b 29s ease-in-out infinite;
animation-delay: -21s;
}
/* ZWEI BAHNEN, NICHT EINE. Mit nur einer bewegten sich alle vier
gleich — das sieht aus, als wackle die ganze Kachel. Die zweite
läuft andersherum, dadurch entsteht der Eindruck, dass sie
unabhängig voneinander treiben.
SEHR KLEINE WEGE (unter 14 px) und sehr lange Dauern (26–41 s). Was
man beim Hinsehen als Bewegung erkennt, lenkt beim Lesen ab. Das hier
merkt man erst, wenn man zweimal hinschaut — und genau das ist
gemeint mit „ganz leicht bewegen". */
@keyframes logo-schweben-a {
0% { transform: translate3d(0, 0, 0) rotate(0deg); }
33% { transform: translate3d(-9px, -11px, 0) rotate(2.5deg); }
66% { transform: translate3d(7px, -5px, 0) rotate(-1.8deg); }
100% { transform: translate3d(0, 0, 0) rotate(0deg); }
}
@keyframes logo-schweben-b {
0% { transform: translate3d(0, 0, 0) rotate(0deg); }
40% { transform: translate3d(8px, 9px, 0) rotate(-3deg); }
75% { transform: translate3d(-6px, 4px, 0) rotate(1.5deg); }
100% { transform: translate3d(0, 0, 0) rotate(0deg); }
}
/* Wer weniger Bewegung will, bekommt die Logos trotzdem — nur still.
Sie ganz zu entfernen wäre falsch: Sie sind Gestaltung, nicht
Animation. */
@media (prefers-reduced-motion: reduce) {
.logo-feld__stueck { animation: none; }
}
/* Der stille Schein im Hintergrund. Liegt UNTER allem (`z-index: -1`)
und ist so schwach, dass er bei Tageslicht kaum auffällt — er soll
@@ -62,9 +193,9 @@
height: 78%;
z-index: -1;
background: radial-gradient(60% 60% at 50% 50%,
color-mix(in srgb, var(--aussen-ton) 22%, transparent), transparent 70%);
filter: blur(26px);
opacity: .55;
color-mix(in srgb, var(--aussen-ton) 34%, transparent), transparent 70%);
filter: blur(30px);
opacity: .7;
pointer-events: none;
}
@@ -75,6 +206,14 @@
box-shadow: 0 22px 40px -20px color-mix(in srgb, var(--aussen-ton) 85%, transparent);
}
/* ALLES, WAS MAN LIEST, LIEGT ÜBER DEN LOGOS. Ohne diese Zeile wandert
der Text unter das Logofeld, sobald es eine eigene Ebene bekommt —
die Karte sähe dann leer aus, und man sucht den Fehler beim Text. */
.aussen > *:not(.logo-feld):not(.aussen__schein) {
position: relative;
z-index: 1;
}
.aussen__kopf {
display: flex;
align-items: center;
+37 -5
View File
@@ -1744,16 +1744,38 @@
for (const a of faecher.keys()) {
const fach = faecher.get(a);
if (!fach.length) continue;
const kopf2 = el('h2', 'brettabschnitt');
/* JEDER ABSCHNITT LAESST SICH ZUKLAPPEN (19.09.2026).
Filipe: "man soll auf dieser seite jede kategorie auf und
zu klappen koennen mit einem button."
Der Kopf ist jetzt ein echter <button> und kein <h2> mit
Klickzuhoerer -- sonst waere er fuer die Tastatur nicht
erreichbar. Die Ueberschrift steckt darin, damit
Vorleseprogramme die Gliederung behalten.
Die Sprungmarke (#abschnitt-…) bleibt am Kopf: Wer aus dem
Inhaltsverzeichnis herspringt, landet weiterhin richtig --
auch wenn der Abschnitt gerade zu ist. */
const kopf2 = el('button', 'brettabschnitt');
kopf2.type = 'button';
kopf2.id = `abschnitt-${a}`;
kopf2.textContent = einstellung?.arten?.[a] || a;
kopf2.append(el('span', 'brettabschnitt__wort',
einstellung?.arten?.[a] || a));
kopf2.append(el('span', 'brettabschnitt__zahl', String(fach.length)));
if (window.klappPfeil) kopf2.append(window.klappPfeil());
ziel.append(kopf2);
const kasten = el('div', 'brettabschnitt__inhalt');
for (const e of fach) {
const k = karte(e);
karten.set(e.id, k);
ziel.append(k);
kasten.append(k);
}
ziel.append(kasten);
/* Der Merker haengt am BRETT und an der Art -- sonst waere
"Regel zugeklappt" auf allen Brettern gleichzeitig zu. */
window.abschnittKlappbar?.(kopf2, kasten, `${bereich}:${a}`);
}
sprungZeigen(ziel, karten);
return;
@@ -1780,14 +1802,24 @@
const zb = zeitpunktVon(b)?.ms ?? 0;
return r === 'vorbei' ? zb - za : za - zb;
});
const kopf = el('h2', 'zeitstrahl__schild', ABSCHNITT_NAME[r]);
/* Auch hier zuklappbar -- Filipe: "ueberall wo so eine
liste entstehen kann". Vorbei Gewesenes steht dabei von
sich aus zu: Es ist Nachschlagewerk, nicht das, weswegen
jemand die Seite oeffnet. */
const kopf = el('button', 'zeitstrahl__schild');
kopf.type = 'button';
kopf.append(el('span', 'zeitstrahl__wort', ABSCHNITT_NAME[r]));
kopf.append(el('span', 'zeitstrahl__zahl', String(fach.length)));
if (window.klappPfeil) kopf.append(window.klappPfeil());
ziel.append(kopf);
const kasten = el('div', 'zeitstrahl__inhalt');
for (const e of fach) {
const k = karte(e);
karten.set(e.id, k);
ziel.append(k);
kasten.append(k);
}
ziel.append(kasten);
window.abschnittKlappbar?.(kopf, kasten, `ansteht:${r}`, r === 'vorbei');
}
} else {
for (const e of sichtbar) {
+345
View File
@@ -0,0 +1,345 @@
/* =====================================================================
VERTRAULICH MELDEN (19.09.2026)
Eine Seite, zwei Rollen: Ein Mitglied sieht seine eigenen Meldungen,
DogFather und die rechte Hand sehen alle. WELCHE das sind, entscheidet
der Server — diese Datei zeigt nur, was sie bekommt.
DIE REGEL "IMMER ABWECHSELND" STEHT NICHT HIER. Sie steht im Server
(`ich_bin_dran`), und diese Seite fragt danach. Zwei Stellen mit
derselben Regel wären zwei Stellen, die auseinanderlaufen — und die
im Browser wäre die, an der man sie umgehen kann.
KEIN innerHTML mit fremdem Text. Alles, was jemand geschrieben hat,
geht durch `textContent`. Hier landen Texte aus einem Streit —
ausgerechnet die will man nicht als HTML ausführen.
===================================================================== */
(() => {
'use strict';
const $ = (id) => document.getElementById(id);
const el = (was, klasse, text) => {
const e = document.createElement(was);
if (klasse) e.className = klasse;
if (text !== undefined) e.textContent = text;
return e;
};
let leitung = false;
let offeneEigene = 0;
let offenMax = 3;
/* ---- Wörter für die Zustände ----------------------------------------
Sie stehen hier als Anzeige-Texte, nicht als Regel. Der Server
schickt den Schlüssel; was daraus auf dem Bildschirm wird, ist eine
Frage der Sprache und darf sich ändern, ohne dass jemand die Logik
anfasst. */
const STAND_WORT = {
wartet_auf_antwort: { kurz: 'wartet auf Antwort', wer: 'leitung' },
antwort_da: { kurz: 'Antwort da', wer: 'melder' },
geschlossen: { kurz: 'abgeschlossen', wer: 'niemand' },
};
function melde(text) {
const f = $('fehler');
if (!f) return;
f.textContent = text || '';
f.hidden = !text;
}
async function hole(pfad, einstellungen) {
const a = await fetch(pfad, { credentials: 'same-origin', ...einstellungen });
if (a.status === 401) { location.href = 'index.html'; throw new Error('weg'); }
return a;
}
function datum(roh) {
if (!roh) return '';
const d = new Date(roh);
if (Number.isNaN(d.getTime())) return '';
return d.toLocaleString('de-DE',
{ day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' });
}
/* =====================================================================
DIE LISTE
===================================================================== */
async function listeLaden() {
const ziel = $('liste');
try {
const a = await hole('/workspace/api/hilfe');
if (!a.ok) { melde('Die Liste ließ sich nicht laden.'); return; }
const d = await a.json();
leitung = !!d.leitung;
offeneEigene = d.offen_eigene ?? 0;
offenMax = d.offen_max ?? 3;
/* Die Seite heißt für beide anders — und das ist kein Schmuck:
"Deine Meldungen" wäre für DogFather schlicht falsch. */
$('seiten-titel').textContent = leitung ? 'Vertrauliche Meldungen' : 'Vertraulich melden';
$('listen-titel').textContent = leitung ? 'Alle Meldungen' : 'Deine Meldungen';
$('neu-block').hidden = leitung;
if (leitung) {
$('seiten-unter').textContent =
'Was die Community vertraulich gemeldet hat. Du siehst den Namen; sonst niemand.';
$('vertrauen-text').textContent =
'Diese Meldungen sehen nur du und die rechte Hand. Weder Modis noch '
+ 'andere Mitglieder haben Zugriff — auch nicht auf die Namen.';
}
const faelle = d.faelle || [];
$('listen-zahl').textContent = faelle.length
? `${faelle.length}` : '';
ziel.textContent = '';
ziel.removeAttribute('aria-busy');
if (!faelle.length) {
const leer = el('p', 'hilfe-leer', leitung
? 'Nichts gemeldet. Das ist die beste Nachricht auf dieser Seite.'
: 'Du hast noch nichts gemeldet. Gut so – und wenn doch mal etwas ist, '
+ 'ist der Weg hier.');
ziel.append(leer);
knopfStand();
return;
}
for (const f of faelle) ziel.append(zeileBauen(f));
knopfStand();
} catch (fehler) {
if (String(fehler.message) !== 'weg') melde('Keine Verbindung.');
}
}
function zeileBauen(f) {
const k = el('article', 'fall-zeile');
k.dataset.stand = f.stand;
k.tabIndex = 0;
k.setAttribute('role', 'button');
const oben = el('div', 'fall-zeile__oben');
const marke = el('span', 'fall-marke', STAND_WORT[f.stand]?.kurz || f.stand);
marke.dataset.stand = f.stand;
oben.append(marke);
oben.append(el('h3', 'fall-zeile__titel', f.betreff));
k.append(oben);
const unten = el('p', 'fall-zeile__unten');
/* Der Name nur, wenn der Server ihn geschickt hat — er kommt gar
nicht erst mit, wenn jemand anderes fragt. */
if (f.melder) unten.append(el('span', 'fall-zeile__wer', f.melder));
unten.append(el('span', 'fall-zeile__zeit', datum(f.geaendert)));
unten.append(el('span', 'fall-zeile__anzahl',
f.nachrichten === 1 ? '1 Nachricht' : `${f.nachrichten} Nachrichten`));
k.append(unten);
const auf = () => fallOeffnen(f.id);
k.addEventListener('click', auf);
k.addEventListener('keydown', (e) => {
if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); auf(); }
});
return k;
}
/** Darf noch eine Meldung aufgemacht werden? */
function knopfStand() {
const knopf = $('neu-auf');
if (!knopf || leitung) return;
const voll = offeneEigene >= offenMax;
knopf.disabled = voll;
knopf.title = voll
? `Du hast ${offeneEigene} offene Meldungen. Warte auf eine Antwort, `
+ 'bevor du die nächste aufmachst.'
: '';
}
/* =====================================================================
EIN FALL
===================================================================== */
async function fallOeffnen(id) {
try {
const a = await hole('/workspace/api/hilfe/' + id);
if (a.status === 404) { melde('Diese Meldung gibt es nicht (mehr).'); return; }
if (!a.ok) { melde('Der Fall ließ sich nicht öffnen.'); return; }
const d = await a.json();
fallZeigen(d);
/* Die Adresse merkt sich den Fall — damit eine Benachrichtigung
direkt hierher führen kann und ein Neuladen nicht zur Liste
zurückwirft. */
history.replaceState(null, '', 'hilfe.html?fall=' + id);
} catch (fehler) {
if (String(fehler.message) !== 'weg') melde('Keine Verbindung.');
}
}
function fallZeigen(d) {
const f = d.fall;
$('fall-block').hidden = false;
$('fall-titel').textContent = f.betreff;
const kopf = $('fall-kopf');
kopf.textContent = '';
const marke = el('span', 'fall-marke', STAND_WORT[f.stand]?.kurz || f.stand);
marke.dataset.stand = f.stand;
kopf.append(marke);
if (f.melder) kopf.append(el('span', 'fall-kopf__wer', 'von ' + f.melder));
kopf.append(el('span', 'fall-kopf__zeit', 'seit ' + datum(f.erstellt)));
const ziel = $('verlauf');
ziel.textContent = '';
for (const n of d.nachrichten || []) {
const b = el('div', 'blase');
b.dataset.seite = n.von_leitung ? 'leitung' : 'melder';
b.append(el('p', 'blase__wer', n.von_leitung ? 'DogFather / rechte Hand' : (f.melder || 'Du')));
/* Zeilenumbrüche erhalten, ohne HTML zuzulassen: white-space im
CSS, Text über textContent. */
b.append(el('p', 'blase__text', n.text));
const fuss = el('p', 'blase__fuss', datum(n.erstellt));
if (!n.von_leitung && n.gelesen) fuss.textContent += ' · gelesen';
b.append(fuss);
ziel.append(b);
}
const form = $('antwort-form');
const warten = $('fall-warten');
const zuKnopf = $('fall-schliessen');
zuKnopf.hidden = !(d.leitung && f.stand !== 'geschlossen');
zuKnopf.onclick = () => fallSchliessen(f.id);
if (f.stand === 'geschlossen') {
form.hidden = true;
warten.hidden = false;
warten.textContent = 'Dieser Fall ist abgeschlossen'
+ (f.geschlossen_am ? ' (' + datum(f.geschlossen_am) + ')' : '') + '.';
} else if (d.ich_bin_dran) {
form.hidden = false;
warten.hidden = true;
$('antwort-schild').textContent = d.leitung ? 'Deine Antwort' : 'Deine Antwort';
form.onsubmit = (e) => { e.preventDefault(); antwortSenden(f.id); };
} else {
form.hidden = true;
warten.hidden = false;
/* DER SATZ SAGT, WER DRAN IST. "Bitte warten" allein lässt offen,
worauf — und ob überhaupt noch etwas kommt. */
warten.textContent = d.leitung
? 'Die andere Seite ist am Zug. Sobald sie antwortet, kannst du wieder schreiben.'
: 'Deine Meldung ist angekommen. Sobald eine Antwort da ist, siehst du sie hier '
+ '– und bekommst eine Benachrichtigung, wenn du sie erlaubt hast.';
}
$('fall-block').scrollIntoView({ behavior: 'smooth', block: 'start' });
}
async function antwortSenden(id) {
const feld = $('antwort-text');
const text = feld.value.trim();
if (text.length < 2) { $('antwort-stand').textContent = 'Da fehlt noch etwas.'; return; }
$('antwort-senden').disabled = true;
$('antwort-stand').textContent = 'wird gesendet …';
try {
const a = await hole('/workspace/api/hilfe/' + id + '/antwort', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ text }),
});
const j = await a.json().catch(() => ({}));
if (!a.ok) {
$('antwort-stand').textContent =
j.fehler === 'nicht_dran' ? 'Die andere Seite ist gerade am Zug.'
: j.fehler === 'geschlossen' ? 'Dieser Fall ist schon abgeschlossen.'
: 'Ging nicht.';
$('antwort-senden').disabled = false;
return;
}
feld.value = '';
$('antwort-stand').textContent = 'gesendet';
await fallOeffnen(id);
await listeLaden();
} catch { $('antwort-stand').textContent = 'Keine Verbindung.'; }
$('antwort-senden').disabled = false;
}
async function fallSchliessen(id) {
const wort = prompt('Ein Schlusswort? (Kann auch leer bleiben)');
if (wort === null) return;
try {
const a = await hole('/workspace/api/hilfe/' + id + '/schliessen', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ text: wort }),
});
if (!a.ok) { melde('Ließ sich nicht abschließen.'); return; }
await fallOeffnen(id);
await listeLaden();
} catch { melde('Keine Verbindung.'); }
}
/* =====================================================================
NEUE MELDUNG
===================================================================== */
$('neu-auf')?.addEventListener('click', () => {
$('neu-form').hidden = false;
$('neu-auf').hidden = true;
$('neu-betreff').focus();
});
$('neu-zu')?.addEventListener('click', () => {
$('neu-form').hidden = true;
$('neu-auf').hidden = false;
$('neu-stand').textContent = '';
});
$('neu-form')?.addEventListener('submit', async (e) => {
e.preventDefault();
const betreff = $('neu-betreff').value.trim();
const text = $('neu-text').value.trim();
const stand = $('neu-stand');
if (betreff.length < 3) { stand.textContent = 'Eine kurze Überschrift fehlt noch.'; return; }
if (text.length < 10) { stand.textContent = 'Schreib bitte ein paar Sätze mehr.'; return; }
$('neu-senden').disabled = true;
stand.textContent = 'wird gesendet …';
try {
const a = await hole('/workspace/api/hilfe', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ betreff, text }),
});
const j = await a.json().catch(() => ({}));
if (!a.ok) {
stand.textContent =
j.fehler === 'zu_viele_offen'
? `Du hast schon ${j.offen} offene Meldungen. Warte auf eine Antwort.`
: j.fehler === 'text_zu_kurz' ? 'Schreib bitte ein paar Sätze mehr.'
: 'Ging nicht.';
$('neu-senden').disabled = false;
return;
}
$('neu-betreff').value = '';
$('neu-text').value = '';
$('neu-form').hidden = true;
$('neu-auf').hidden = false;
stand.textContent = '';
await listeLaden();
if (j.id) await fallOeffnen(j.id);
} catch { stand.textContent = 'Keine Verbindung.'; }
$('neu-senden').disabled = false;
});
$('fall-zurueck')?.addEventListener('click', () => {
$('fall-block').hidden = true;
history.replaceState(null, '', 'hilfe.html');
document.querySelector('.hilfe-block')?.scrollIntoView({ behavior: 'smooth', block: 'start' });
});
/* ---- Los ------------------------------------------------------------ */
(async () => {
await listeLaden();
/* Kommt jemand über eine Benachrichtigung, steht der Fall in der
Adresse — dann direkt aufmachen, statt ihn suchen zu lassen. */
const fall = new URLSearchParams(location.search).get('fall');
if (fall && /^\d+$/.test(fall)) await fallOeffnen(fall);
})();
})();
+91
View File
@@ -370,6 +370,97 @@
stand(false);
};
/* ---------- GANZE ABSCHNITTE AUF UND ZU (19.09.2026) ------------------
Filipe: „man soll auf dieser seite jede kategorie auf und zu
klappen können mit einem button, übrigens will ich das überall
überall wo so eine liste entstehen kann hatte ich dir schon mal
gesagt."
UNTERSCHIED ZU `klappe()` DARÜBER: Das dort verbirgt die hinteren
Zeilen EINER Liste („nur die letzten 4"). Das hier klappt einen
ganzen Abschnitt samt Überschrift zu. Zwei verschiedene Fragen,
deshalb zwei Funktionen — eine, die beides kann, müsste bei jedem
Aufruf erklärt bekommen, was gemeint ist.
DAS MUSTER STAMMT VON DER STARTSEITE, wo es seit dem 10.09.2026
funktioniert: ein Knopf als Überschrift, ein Pfeil, der sich dreht,
der Zustand in localStorage. Es steht jetzt hier, weil Filipe es
„überall" haben will — und weil eine zweite Abschrift die wäre, die
beim nächsten Umbau ausschert. (start.js hat seine eigene Fassung
noch; sie tut dasselbe und ist geprüft. Wer sie anfasst, stellt sie
auf diese hier um.)
`schluessel` darf fehlen: Dann merkt sich die Seite nichts und
alles steht beim nächsten Besuch offen. Das ist der richtige
Rückfall — ein Abschnitt, der zu ist und von dem man nicht mehr
weiß, warum, sieht aus wie fehlender Inhalt. */
window.abschnittKlappbar = function (kopf, kasten, schluessel, zuVorgabe = false) {
if (!kopf || !kasten) return;
/* Der Knopf muss ein Knopf sein. Ein `<h2 onclick>` ist für die
Tastatur nicht erreichbar und für Vorleseprogramme unsichtbar. */
if (kopf.tagName !== 'BUTTON') kopf.setAttribute('role', 'button');
if (!kopf.hasAttribute('tabindex') && kopf.tagName !== 'BUTTON') kopf.tabIndex = 0;
let zu = zuVorgabe;
if (schluessel) {
try {
const gemerkt = localStorage.getItem('abschnitt:' + schluessel);
if (gemerkt) zu = gemerkt === 'zu';
} catch { /* privates Fenster: dann eben die Vorgabe */ }
}
const stand = (istZu) => {
kopf.dataset.zu = istZu ? 'ja' : 'nein';
kopf.setAttribute('aria-expanded', istZu ? 'false' : 'true');
kasten.hidden = istZu;
};
stand(zu);
/* NUR EINMAL EINHÄNGEN. Die Bretter bauen sich bei jeder
Aktualisierung neu auf; hinge der Zuhörer zweimal daran, würde
ein Klick zweimal umschalten und damit gar nichts tun. */
if (kopf.dataset.klappBereit) return;
kopf.dataset.klappBereit = 'ja';
const um = () => {
zu = !zu;
stand(zu);
if (schluessel) {
try { localStorage.setItem('abschnitt:' + schluessel, zu ? 'zu' : 'auf'); }
catch { /* egal */ }
}
};
kopf.addEventListener('click', um);
if (kopf.tagName !== 'BUTTON') {
kopf.addEventListener('keydown', (e) => {
if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); um(); }
});
}
};
/** Der Pfeil, der sich beim Zuklappen dreht.
*
* Als Funktion, damit nicht an jeder Stelle dasselbe SVG steht --
* und damit ein späterer anderer Pfeil an EINER Stelle geändert
* wird. */
window.klappPfeil = function () {
const p = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
p.setAttribute('class', 'klapp-pfeil');
p.setAttribute('viewBox', '0 0 24 24');
p.setAttribute('aria-hidden', 'true');
const weg = document.createElementNS('http://www.w3.org/2000/svg', 'path');
weg.setAttribute('d', 'm6 9.5 6 6 6-6');
weg.setAttribute('fill', 'none');
weg.setAttribute('stroke', 'currentColor');
weg.setAttribute('stroke-width', '2.2');
weg.setAttribute('stroke-linecap', 'round');
weg.setAttribute('stroke-linejoin', 'round');
p.append(weg);
return p;
};
/* Gibt es eine sinnvolle vorherige Seite INNERHALB des Workspace?
Blindes history.back() reicht nicht: Wer die Adresse direkt eingibt
+12 -12
View File
@@ -12,19 +12,19 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -291,10 +291,10 @@
</form>
</dialog>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/aufgaben.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/aufgaben.js?v=202609190204" defer></script>
</body>
</html>
+13 -13
View File
@@ -12,20 +12,20 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/automation.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/automation.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -168,10 +168,10 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/automation.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/automation.js?v=202609190204" defer></script>
</body>
</html>
+12 -12
View File
@@ -7,14 +7,14 @@
<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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -105,9 +105,9 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/befinden.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/befinden.js?v=202609190204" defer></script>
</body>
</html>
+18 -18
View File
@@ -12,24 +12,24 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609190204" />
<!-- Wegen des Blocks „Willst du dazugehoeren?" auf dem Brett
„Mitmachen". Eine eigene Kopie der Regel hier waere die zweite
Stelle, an der dieselbe Sache anders aussieht. -->
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -251,14 +251,14 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/checkliste.js?v=202609190139" defer></script>
<script src="assets/js/ampel.js?v=202609190139" defer></script>
<script src="assets/js/schulung.js?v=202609190139" defer></script>
<script src="assets/js/vorlagen.js?v=202609190139" defer></script>
<script src="assets/js/bereich.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/checkliste.js?v=202609190204" defer></script>
<script src="assets/js/ampel.js?v=202609190204" defer></script>
<script src="assets/js/schulung.js?v=202609190204" defer></script>
<script src="assets/js/vorlagen.js?v=202609190204" defer></script>
<script src="assets/js/bereich.js?v=202609190204" defer></script>
</body>
</html>
+15 -15
View File
@@ -7,17 +7,17 @@
<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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- haus.css MUSS die letzte Stilvorlage sein - siehe treff-regeln.html. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -108,10 +108,10 @@
</main>
<!-- Der Fuß gehört zu jeder Seite - siehe pruef-css-klassen. -->
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/auskunft.js?v=202609190139" defer></script>
<script src="assets/js/bewerben.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/auskunft.js?v=202609190204" defer></script>
<script src="assets/js/bewerben.js?v=202609190204" defer></script>
</body>
</html>
+14 -14
View File
@@ -7,16 +7,16 @@
<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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- haus.css MUSS die letzte Stilvorlage sein - siehe treff-regeln.html. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -80,10 +80,10 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/auskunft.js?v=202609190139" defer></script>
<script src="assets/js/bewerbungen.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/auskunft.js?v=202609190204" defer></script>
<script src="assets/js/bewerbungen.js?v=202609190204" defer></script>
</body>
</html>
+14 -14
View File
@@ -12,20 +12,20 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/calls.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/calls.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -89,11 +89,11 @@
</main>
<script src="assets/js/ki.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/calls.js?v=202609190139" defer></script>
<script src="assets/js/ki.js?v=202609190204" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/calls.js?v=202609190204" defer></script>
</body>
</html>
+14 -14
View File
@@ -12,26 +12,26 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<!-- aufgaben.css bringt die Dialog- und Formularstile mit (.dialog,
.neu__zeile, .dialog__knoepfe). Sie stehen dort seit dem
Aufgabenbrett; sie hierher zu kopieren hiesse, sie an zwei Stellen
zu pflegen. Dieselbe Lösung nutzen kalender.html und content.html.
Gemeldet von pruef-css-klassen.mjs, bevor jemand einen ungestylten
Dialog zu sehen bekam. -->
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/chat.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/chat.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -341,15 +341,15 @@
</form>
</dialog>
<script src="assets/js/bereiche.js?v=202609190139"></script>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139"></script>
<script src="assets/js/glocke.js?v=202609190139"></script>
<script src="assets/js/bereiche.js?v=202609190204"></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204"></script>
<script src="assets/js/glocke.js?v=202609190204"></script>
<!-- ANRUF VOR CHAT (18.09.2026): anruf.js stellt `window.anrufStarten`
bereit, und chat.js baut die Knoepfe nur, wenn es das gibt.
Andersherum waere die Reihenfolge eine stille Abhaengigkeit --
die Knoepfe fehlten, und niemand wuesste warum. -->
<script src="assets/js/anruf.js?v=202609190139"></script>
<script src="assets/js/chat.js?v=202609190139"></script>
<script src="assets/js/anruf.js?v=202609190204"></script>
<script src="assets/js/chat.js?v=202609190204"></script>
</body>
</html>
+15 -15
View File
@@ -12,20 +12,20 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/content.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/content.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -179,12 +179,12 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/checkliste.js?v=202609190139" defer></script>
<script src="assets/js/vorlagen.js?v=202609190139" defer></script>
<script src="assets/js/content.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/checkliste.js?v=202609190204" defer></script>
<script src="assets/js/vorlagen.js?v=202609190204" defer></script>
<script src="assets/js/content.js?v=202609190204" defer></script>
</body>
</html>
+5 -5
View File
@@ -36,15 +36,15 @@
<link rel="preload" as="image" href="assets/img/buehne/crew-gate-hoch-580.webp"
type="image/webp" media="(max-width: 899px)" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/crew-32.png?v=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/crew-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/crew-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/crew-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<!-- Diese Wand steht NUR auf der Adresse von Team Dogi (ueberall sonst
404, siehe crewWeiche). Sie darf das Haus deshalb direkt nennen
statt ueber den Platzhalter haus.css zu gehen -- und sie MUSS es:
Eine Zugangswand, die sich erst nach dem Umbiegen faerbt, waere
die eine Seite, auf der man das Umfaerben sieht. -->
<link rel="stylesheet" href="assets/css/crew-haus.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/crew-haus.css?v=202609190204" />
</head>
<body class="gate gate--crew">
@@ -339,6 +339,6 @@
</main>
</div>
<script src="assets/js/gate.js?v=202609190139" defer></script>
<script src="assets/js/gate.js?v=202609190204" defer></script>
</body>
</html>
+4 -4
View File
@@ -22,25 +22,25 @@
},
"icons": [
{
"src": "/assets/img/app-symbole/crew-192.png?v=202609190139",
"src": "/assets/img/app-symbole/crew-192.png?v=202609190204",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "/assets/img/app-symbole/crew-512.png?v=202609190139",
"src": "/assets/img/app-symbole/crew-512.png?v=202609190204",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
"src": "/assets/img/app-symbole/crew-192-maskable.png?v=202609190139",
"src": "/assets/img/app-symbole/crew-192-maskable.png?v=202609190204",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "/assets/img/app-symbole/crew-512-maskable.png?v=202609190139",
"src": "/assets/img/app-symbole/crew-512-maskable.png?v=202609190204",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
+13 -13
View File
@@ -12,20 +12,20 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/dateien.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/dateien.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -108,10 +108,10 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/dateien.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/dateien.js?v=202609190204" defer></script>
</body>
</html>
+17 -13
View File
@@ -7,14 +7,14 @@
<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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -40,7 +40,11 @@
<section class="kopf-zeile">
<div>
<p class="marke" id="ober">Entwicklung &amp; Nachwuchs</p>
<h1 class="titel" id="titel">Entwicklung</h1>
<!-- UMBENANNT AM 19.09.2026 (siehe workspace.js). Diese Seite ist
der Aufgabenkatalog: was ein Modi koennen soll und wo er
gerade steht. Der Name "Entwicklung" bleibt dem vorbehalten,
was Filipe darunter versteht -- einer Auswertung je Person. -->
<h1 class="titel" id="titel">Eure Aufgaben</h1>
<p class="unterzeile" id="unterzeile">
Anklicken statt tippen. Keine Noten, keine Punktzahl – ein Gesprächsanlass.
</p>
@@ -102,9 +106,9 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/entwicklung.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/entwicklung.js?v=202609190204" defer></script>
</body>
</html>
+149
View File
@@ -0,0 +1,149 @@
<!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=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/hilfe.css?v=202609190204" />
</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 kein Modi
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>
<p class="fall-warten" id="fall-warten" hidden></p>
</section>
</main>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/hilfe.js?v=202609190204" defer></script>
</body>
</html>
+4 -4
View File
@@ -30,9 +30,9 @@
<link rel="preload" as="image" href="assets/img/buehne/gate-hoch-580.webp"
type="image/webp" media="(max-width: 899px)" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
</head>
<body class="gate">
@@ -401,6 +401,6 @@
</main>
</div>
<script src="assets/js/gate.js?v=202609190139" defer></script>
<script src="assets/js/gate.js?v=202609190204" defer></script>
</body>
</html>
+14 -14
View File
@@ -12,20 +12,20 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/kalender.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/kalender.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -377,11 +377,11 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/kalender.js?v=202609190139" defer></script>
<script src="assets/js/kalender-abo.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/kalender.js?v=202609190204" defer></script>
<script src="assets/js/kalender-abo.js?v=202609190204" defer></script>
</body>
</html>
+13 -13
View File
@@ -12,20 +12,20 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/leistung.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/leistung.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -444,10 +444,10 @@
</form>
</dialog>
<script src="assets/js/wahl.js?v=202609190139"></script>
<script src="assets/js/bereiche.js?v=202609190139"></script>
<script src="assets/js/kopf.js?v=202609190139"></script>
<script src="assets/js/glocke.js?v=202609190139"></script>
<script src="assets/js/leistung.js?v=202609190139"></script>
<script src="assets/js/wahl.js?v=202609190204"></script>
<script src="assets/js/bereiche.js?v=202609190204"></script>
<script src="assets/js/kopf.js?v=202609190204"></script>
<script src="assets/js/glocke.js?v=202609190204"></script>
<script src="assets/js/leistung.js?v=202609190204"></script>
</body>
</html>
+13 -13
View File
@@ -12,20 +12,20 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/personen.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/personen.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -423,10 +423,10 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/personen.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/personen.js?v=202609190204" defer></script>
</body>
</html>
+14 -14
View File
@@ -12,20 +12,20 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -214,11 +214,11 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/steckbrief.js?v=202609190139" defer></script>
<script src="assets/js/profil.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/steckbrief.js?v=202609190204" defer></script>
<script src="assets/js/profil.js?v=202609190204" defer></script>
</body>
</html>
+12 -12
View File
@@ -7,14 +7,14 @@
<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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -134,9 +134,9 @@
Beim ersten Anlauf fehlte die Zeile auf genau diesen beiden neuen
Seiten. Gefunden hat das nicht das Auge, sondern pruef-css-klassen,
die seit dem 07.09. jede Seite danach absucht. -->
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/rechte.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/rechte.js?v=202609190204" defer></script>
</body>
</html>
+14 -14
View File
@@ -12,20 +12,20 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/report.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/report.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -106,11 +106,11 @@
</main>
<script src="assets/js/ki.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/report.js?v=202609190139" defer></script>
<script src="assets/js/ki.js?v=202609190204" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/report.js?v=202609190204" defer></script>
</body>
</html>
+13 -13
View File
@@ -12,20 +12,20 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/scouting.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/scouting.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -173,10 +173,10 @@
</div>
</div>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/scouting.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/scouting.js?v=202609190204" defer></script>
</body>
</html>
+17 -17
View File
@@ -12,21 +12,21 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<!-- Nur die Startseite: Begrüßungskachel, Uhr, Glockenmulde. Siehe
den Hinweis in start.css -- dort stand es bis zum 07.09.2026. -->
<link rel="stylesheet" href="assets/css/heim.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/heim.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -412,11 +412,11 @@
</linearGradient>
<linearGradient id="uhr-stunde-farbe" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#fb8f97" />
<stop offset="28%" stop-color="#e05e6b" />
<stop offset="52%" stop-color="#f27c87" />
<stop offset="74%" stop-color="#d95463" />
<stop offset="100%" stop-color="#ee717d" />
<stop offset="0%" stop-color="#c49ef8" />
<stop offset="28%" stop-color="#a372df" />
<stop offset="52%" stop-color="#b88df0" />
<stop offset="74%" stop-color="#9c6ad9" />
<stop offset="100%" stop-color="#b284ec" />
</linearGradient>
<!-- MINUTE: Schwarzsilber. Vier Stopps, damit es nach
@@ -678,10 +678,10 @@
</p>
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/start.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/start.js?v=202609190204" defer></script>
</body>
</html>
+14 -14
View File
@@ -12,20 +12,20 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/startcheck.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -85,11 +85,11 @@
</main>
<script src="assets/js/ki.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/startcheck.js?v=202609190139" defer></script>
<script src="assets/js/ki.js?v=202609190204" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/startcheck.js?v=202609190204" defer></script>
</body>
</html>
+14 -14
View File
@@ -12,20 +12,20 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/profil.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -150,11 +150,11 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/auskunft.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/steckbrief.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/auskunft.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/steckbrief.js?v=202609190204" defer></script>
</body>
</html>
+13 -13
View File
@@ -7,18 +7,18 @@
<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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202609190204" />
<!-- Wegen des Kastens „Anfragen“ ueber der Liste. Eine eigene Kopie
der Regel hier waere die zweite Stelle, an der dieselbe Sache
anders aussieht. -->
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -111,9 +111,9 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/talente.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/talente.js?v=202609190204" defer></script>
</body>
</html>
+13 -13
View File
@@ -7,20 +7,20 @@
<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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/team.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/team.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -110,10 +110,10 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/team.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/team.js?v=202609190204" defer></script>
</body>
</html>
+12 -12
View File
@@ -7,20 +7,20 @@
<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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/team.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/team.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<!-- `data-buehne` steht hier fest und nicht im Skript: Die Kachel zu
@@ -84,9 +84,9 @@
Kaputt ist dabei nichts -- er funktioniert. Genau deshalb faellt
es niemandem auf, und deshalb prueft pruef-css-klassen die
ABHAENGIGKEIT statt der Optik. Hier hat sie angeschlagen. -->
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/teamlage.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/teamlage.js?v=202609190204" defer></script>
</body>
</html>
+11 -11
View File
@@ -7,13 +7,13 @@
<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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -112,9 +112,9 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/teilen.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/teilen.js?v=202609190204" defer></script>
</body>
</html>
+12 -12
View File
@@ -7,14 +7,14 @@
<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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -126,9 +126,9 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/treff-moderation.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/treff-moderation.js?v=202609190204" defer></script>
</body>
</html>
+13 -13
View File
@@ -7,18 +7,18 @@
<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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/treff.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- haus.css MUSS die letzte Stilvorlage sein. Auf der Adresse des
Treffs 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -221,10 +221,10 @@
Beim ersten Anlauf fehlte die Zeile auf genau diesen beiden neuen
Seiten. Gefunden hat das nicht das Auge, sondern pruef-css-klassen,
die seit dem 07.09. jede Seite danach absucht. -->
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/auskunft.js?v=202609190139" defer></script>
<script src="assets/js/treff-regeln.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/auskunft.js?v=202609190204" defer></script>
<script src="assets/js/treff-regeln.js?v=202609190204" defer></script>
</body>
</html>
+13 -13
View File
@@ -12,22 +12,22 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der
Dialog "Creator anlegen". -->
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -149,11 +149,11 @@
</main>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/uebersicht.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/uebersicht.js?v=202609190204" defer></script>
</body>
</html>
+39 -11
View File
@@ -7,13 +7,13 @@
<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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/unsere-seiten.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/unsere-seiten.css?v=202609190204" />
</head>
<body class="start">
@@ -86,6 +86,28 @@
<!-- ---- 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">
@@ -130,6 +152,12 @@
<!-- ---- 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">
@@ -189,9 +217,9 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/unsere-seiten.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/unsere-seiten.js?v=202609190204" defer></script>
</body>
</html>
+13 -13
View File
@@ -12,20 +12,20 @@
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=202609190139" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190139" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/wissen.css?v=202609190139" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190139" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609190204" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609190204" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/start.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/wissen.css?v=202609190204" />
<link rel="stylesheet" href="assets/css/module.css?v=202609190204" />
<!-- 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=202609190139" />
<link rel="stylesheet" href="assets/css/haus.css?v=202609190204" />
</head>
<body class="start">
@@ -190,10 +190,10 @@
</main>
<script src="assets/js/wahl.js?v=202609190139" defer></script>
<script src="assets/js/bereiche.js?v=202609190139" defer></script>
<script src="assets/js/kopf.js?v=202609190139" defer></script>
<script src="assets/js/glocke.js?v=202609190139" defer></script>
<script src="assets/js/wissen.js?v=202609190139" defer></script>
<script src="assets/js/wahl.js?v=202609190204" defer></script>
<script src="assets/js/bereiche.js?v=202609190204" defer></script>
<script src="assets/js/kopf.js?v=202609190204" defer></script>
<script src="assets/js/glocke.js?v=202609190204" defer></script>
<script src="assets/js/wissen.js?v=202609190204" defer></script>
</body>
</html>