Babyblau statt Gold, lila Stern, sichtbarer Husky -- und eine zweite Variable

Drei Ansagen von Filipe nach dem Bildschirmfoto, alle an derselben Liste.

screen2: "die hauptfarbe von der kategorie dogfather soll babyblausilber
sein bitte." -- DAS WAR EIN FEHLER VON MIR, und zwar derselbe wie schon
zweimal heute: Beim Umstellen auf die zentralen Rollenfarben habe ich
`--rf` erwischt, aber `--rton` uebersehen. Die faerbt die GEWAEHLTE
Rolle in der Tafel, und dort standen `--k-gold` (admin) und `--k-mittel`
(manager) unveraendert. Deshalb leuchteten beide goldbraun, obwohl die
Farben laengst umgestellt waren. Zwei Variablen fuer dieselbe Sache, nur
eine angefasst -- wie die doppelte Groessenangabe beim Wasserzeichen und
wie die zweite Kopie der Rollenzeichen in index.html. Jetzt kommen beide
aus derselben Quelle; nachgemessen traegt admin rgba(63,189,245).

screen3: "die hauptfarbe von denen ist lila, der stern soll so bleiben
aber was gelb ist soll lila werden." -- Die FORM bleibt, nur die Farbe
wechselt. Das ist auch stimmiger: Der Manager traegt Lila als
Rollenfarbe, ein goldener Stern daneben war die einzige Stelle, an der
Zeichen und Rolle auseinandergingen. Die Wechsel hell/dunkel im Verlauf
bleiben -- sie machen aus einer Flaeche einen Koerper.

screen1: "der husky soll viel besser aussehen und zu sehen sein." Zwei
Gruende, warum er unterging, und beide sind behoben:

  Die OHREN waren nur angedeutet und gingen in der silbernen Flaeche
  auf -- dabei erkennt man einen Husky zuerst daran. Sie sind jetzt
  dunkel ausgelegt, mit hellem Innenohr.
  Die GESICHTSMASKE fehlte ganz. Ohne sie ist der Umriss nur eine
  spitze Form mit zwei Punkten; mit ihr ist es ein Gesicht.

Dazu 21 -> 27 px fuer alle fuenf Zeichen: rund 65 % mehr Flaeche, ohne
dass die Zeile ihre Hoehe aendert. Bei 21 px lagen Ohren, Maske und
Augen auf drei bis vier Bildpunkten -- da hilft keine Zeichnung.

Beide Dateien geaendert, nicht nur eine: Das Sprite steht seit heute in
personen.html UND index.html. Genau diese Doppelung hatte den letzten
Fehler verursacht.

pruef-rollen EXIT=0 (97), pruef-start-ansicht EXIT=0 (140).

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-08 14:07:30 +02:00
co-authored by Claude Opus 5
parent 1d0451948a
commit 469bbe9d07
3 changed files with 83 additions and 14 deletions
+23 -4
View File
@@ -1704,11 +1704,23 @@ body.gate {
Alle gedeckt, keine davon neon: augenschonend bleibt Vorgabe. */
/* Spicy Media traegt das Rot der Marke -- dieselbe Farbe wie ihr Name
im Kopf der Karte darueber. */
/* EINE ZWEITE VARIABLE, DIE ICH UEBERSEHEN HATTE (08.09.2026).
Beim Umstellen auf die zentralen Rollenfarben habe ich `--rf`
erwischt, aber nicht `--rton` -- und DIESE hier faerbt die
GEWAEHLTE Rolle in der Tafel. Ergebnis auf Filipes Bildschirmfoto:
DogFather und Manager leuchteten goldbraun, weil `--k-gold` und
`--k-mittel` stehen geblieben waren. Zwei Variablen fuer dieselbe
Sache, und nur eine umgestellt -- dieselbe Sorte Fehler wie die
doppelte Groessenangabe beim Wasserzeichen.
Jetzt kommen beide aus derselben Quelle. Wer eine Rollenfarbe
aendert, aendert damit auch die Tafel. */
.tafel .rolle[data-rolle="spicy"] { --rton: var(--spicy-haupt); }
.tafel .rolle[data-rolle="admin"] { --rton: var(--k-gold); }
.tafel .rolle[data-rolle="manager"] { --rton: var(--k-mittel); }
.tafel .rolle[data-rolle="scout"] { --rton: var(--k-gut); }
.tafel .rolle[data-rolle="creator"] { --rton: var(--akzent); }
.tafel .rolle[data-rolle="admin"] { --rton: var(--dogi-haupt); }
.tafel .rolle[data-rolle="manager"] { --rton: var(--manager-haupt); }
.tafel .rolle[data-rolle="scout"] { --rton: var(--scout-haupt); }
.tafel .rolle[data-rolle="creator"] { --rton: var(--creator-haupt); }
.tafel .rolle {
position: relative;
@@ -2117,3 +2129,10 @@ body.gate {
transform: scale(1.06);
filter: drop-shadow(0 2px 5px color-mix(in srgb, var(--rf) 60%, transparent));
}
/* GROESSERE ROLLENZEICHEN (08.09.2026). Filipe: "der husky soll viel
besser aussehen und zu sehen sein." 21 px waren fuer ein Zeichen mit
Gesicht schlicht zu wenig -- Ohren, Maske und Augen lagen dort auf
drei bis vier Bildpunkten. 27 px sind rund 65 % mehr Flaeche, ohne
dass die Zeile ihre Hoehe aendert. */
.rolle__zeichen { width: 27px; height: 27px; }
+30 -5
View File
@@ -91,10 +91,24 @@
<stop offset=".72" stop-color="#93a1b3"/>
<stop offset="1" stop-color="#5d6b7d"/>
</linearGradient>
<!-- DER STERN WIRD LILA (08.09.2026, zweite Ansage von Filipe).
Zuerst hiess es "manager: gelber stern der glitzert", dann nach
dem Bildschirmfoto: "die hauptfarbe von denen ist lila, der stern
soll so bleiben aber was gelb ist soll lila werden."
Die FORM bleibt also, nur die Farbe wechselt -- und das ist auch
stimmiger: Der Manager traegt Lila als Rollenfarbe, ein goldener
Stern daneben waere die einzige Stelle gewesen, an der Zeichen und
Rolle auseinandergehen. Die Wechsel hell/dunkel bleiben, sie sind
es, die aus einer Flaeche einen Koerper machen.
Der Name der Kennung bleibt `rs-gold`: Sie wird an mehreren
Stellen benutzt, und ein Umbenennen waere eine zweite Gelegenheit,
eine davon zu vergessen. -->
<linearGradient id="rs-gold" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#fff3b0"/>
<stop offset=".45" stop-color="#ffd24a"/>
<stop offset="1" stop-color="#c88a12"/>
<stop offset="0" stop-color="#e6d6ff"/>
<stop offset=".45" stop-color="#a78bfa"/>
<stop offset="1" stop-color="#5b3fa8"/>
</linearGradient>
<linearGradient id="rs-schild" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#7fe0ae"/>
@@ -135,8 +149,19 @@
Punkt allein sähe aus wie ein Loch, mit Lichtpunkt wirkt er nass. -->
<g id="r-husky">
<path fill="url(#rs-silber)" d="M6.3 4.2 9.6 8.9h4.8l3.3-4.7 1.1 6.2c.5 2.6-.4 5.1-2.4 6.8L12 21.2l-4.4-4c-2-1.7-2.9-4.2-2.4-6.8z"/>
<path fill="rgba(255,255,255,.34)" d="M6.3 4.2 9.6 8.9h2.4V4.9z"/>
<path fill="none" stroke="rgba(40,58,78,.55)" stroke-width=".85" stroke-linecap="round" d="M9.6 8.9c-.9 1.4-1.4 2.6-1.5 4.1M14.4 8.9c.9 1.4 1.4 2.6 1.5 4.1"/>
<!-- DIE OHREN, dunkel ausgelegt -- daran erkennt man einen Husky
zuerst. Vorher war nur das linke angedeutet und beide gingen in
der silbernen Flaeche unter; Filipe: "der husky soll viel besser
aussehen und zu sehen sein". -->
<path fill="#2a3644" d="M6.3 4.2 9.6 8.9H7.5z"/>
<path fill="#2a3644" d="M17.7 4.2 14.4 8.9h2.1z"/>
<path fill="rgba(255,255,255,.5)" d="M7.35 5.6 9.1 8.1H8z"/>
<path fill="rgba(255,255,255,.5)" d="M16.65 5.6 14.9 8.1H16z"/>
<!-- Die Gesichtsmaske: heller Keil zwischen den Augen bis zur
Schnauze. Sie macht aus dem Umriss ein GESICHT -- ohne sie ist
es nur eine spitze Form mit zwei Punkten. -->
<path fill="rgba(255,255,255,.55)" d="M12 9.4c1.5 0 2.6 1.4 2.6 3.4S13.4 17 12 17s-2.6-2.2-2.6-4.2S10.5 9.4 12 9.4z"/>
<path fill="none" stroke="rgba(30,44,60,.75)" stroke-width="1" stroke-linecap="round" d="M9.6 8.9c-.9 1.4-1.4 2.6-1.5 4.1M14.4 8.9c.9 1.4 1.4 2.6 1.5 4.1"/>
<circle fill="url(#rs-auge)" cx="9.5" cy="13.1" r="1.15"/>
<circle fill="url(#rs-auge)" cx="14.5" cy="13.1" r="1.15"/>
<circle fill="#fff" opacity=".9" cx="9.15" cy="12.75" r=".33"/>
+30 -5
View File
@@ -96,10 +96,24 @@
<stop offset=".72" stop-color="#93a1b3"/>
<stop offset="1" stop-color="#5d6b7d"/>
</linearGradient>
<!-- DER STERN WIRD LILA (08.09.2026, zweite Ansage von Filipe).
Zuerst hiess es "manager: gelber stern der glitzert", dann nach
dem Bildschirmfoto: "die hauptfarbe von denen ist lila, der stern
soll so bleiben aber was gelb ist soll lila werden."
Die FORM bleibt also, nur die Farbe wechselt -- und das ist auch
stimmiger: Der Manager traegt Lila als Rollenfarbe, ein goldener
Stern daneben waere die einzige Stelle gewesen, an der Zeichen und
Rolle auseinandergehen. Die Wechsel hell/dunkel bleiben, sie sind
es, die aus einer Flaeche einen Koerper machen.
Der Name der Kennung bleibt `rs-gold`: Sie wird an mehreren
Stellen benutzt, und ein Umbenennen waere eine zweite Gelegenheit,
eine davon zu vergessen. -->
<linearGradient id="rs-gold" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#fff3b0"/>
<stop offset=".45" stop-color="#ffd24a"/>
<stop offset="1" stop-color="#c88a12"/>
<stop offset="0" stop-color="#e6d6ff"/>
<stop offset=".45" stop-color="#a78bfa"/>
<stop offset="1" stop-color="#5b3fa8"/>
</linearGradient>
<linearGradient id="rs-schild" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#7fe0ae"/>
@@ -140,8 +154,19 @@
Punkt allein sähe aus wie ein Loch, mit Lichtpunkt wirkt er nass. -->
<g id="r-husky">
<path fill="url(#rs-silber)" d="M6.3 4.2 9.6 8.9h4.8l3.3-4.7 1.1 6.2c.5 2.6-.4 5.1-2.4 6.8L12 21.2l-4.4-4c-2-1.7-2.9-4.2-2.4-6.8z"/>
<path fill="rgba(255,255,255,.34)" d="M6.3 4.2 9.6 8.9h2.4V4.9z"/>
<path fill="none" stroke="rgba(40,58,78,.55)" stroke-width=".85" stroke-linecap="round" d="M9.6 8.9c-.9 1.4-1.4 2.6-1.5 4.1M14.4 8.9c.9 1.4 1.4 2.6 1.5 4.1"/>
<!-- DIE OHREN, dunkel ausgelegt -- daran erkennt man einen Husky
zuerst. Vorher war nur das linke angedeutet und beide gingen in
der silbernen Flaeche unter; Filipe: "der husky soll viel besser
aussehen und zu sehen sein". -->
<path fill="#2a3644" d="M6.3 4.2 9.6 8.9H7.5z"/>
<path fill="#2a3644" d="M17.7 4.2 14.4 8.9h2.1z"/>
<path fill="rgba(255,255,255,.5)" d="M7.35 5.6 9.1 8.1H8z"/>
<path fill="rgba(255,255,255,.5)" d="M16.65 5.6 14.9 8.1H16z"/>
<!-- Die Gesichtsmaske: heller Keil zwischen den Augen bis zur
Schnauze. Sie macht aus dem Umriss ein GESICHT -- ohne sie ist
es nur eine spitze Form mit zwei Punkten. -->
<path fill="rgba(255,255,255,.55)" d="M12 9.4c1.5 0 2.6 1.4 2.6 3.4S13.4 17 12 17s-2.6-2.2-2.6-4.2S10.5 9.4 12 9.4z"/>
<path fill="none" stroke="rgba(30,44,60,.75)" stroke-width="1" stroke-linecap="round" d="M9.6 8.9c-.9 1.4-1.4 2.6-1.5 4.1M14.4 8.9c.9 1.4 1.4 2.6 1.5 4.1"/>
<circle fill="url(#rs-auge)" cx="9.5" cy="13.1" r="1.15"/>
<circle fill="url(#rs-auge)" cx="14.5" cy="13.1" r="1.15"/>
<circle fill="#fff" opacity=".9" cx="9.15" cy="12.75" r=".33"/>