Slide 3: der Rahmen um die Aufgabe wird duenner

Sechs Pixel waren plump -- er trug mehr Farbe als die Karte, auf die er zeigen
soll, und im Profilraster wurde daraus ein gelber Balken. Jetzt drei.

Vier Alternativen geprueft und gerendert: ganz weg, ein weicher Schein, eine
gelbe Kante links, ein duenner Ring. Jede zusaetzlich auf Feed-Breite (480 px)
heruntergerechnet, weil dort entschieden wird, ob eine Linie noch etwas sagt.
Duenner als drei haelt das nicht aus: bei 480 px sind drei Pixel noch gut
einer, darunter verschwindet die Linie.

Der duenne Ring gewinnt, weil er als einziger die Aufgabe des alten behaelt,
naemlich auf genau diese Karte zu zeigen. "Weg" nimmt der Slide ihren Zeiger,
Schein und Kante markieren einen Zustand statt hinzuweisen.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
dejanandClaude Opus 5 committed 2026-08-26 14:44:11 +02:00
1 parent 35c998b7e1
commit a884df4cda
2 files changed
+26 -11

No files matched your search

+13 -7
View File
@@ -3132,9 +3132,9 @@ if (location.search.indexOf("nur=anim") >= 0)
for (const m of VERLAUF.slice(2, 5)) {
inhalt += blase(0, y, W, m);
/* Der Rahmen um die Aufgabe. Die Machart ist aus den Slack-Beitraegen
geborgt: ein dicker, runder Rahmen, der ueber die Flaeche hinausragt
und auf genau eine Sache zeigt. Bei Slack ist er violett, hier gelb
-- die Marke gibt den Ton vor, nicht das Vorbild.
geborgt: ein runder Rahmen, der ueber die Flaeche hinausragt und auf
genau eine Sache zeigt. Bei Slack ist er violett, hier gelb -- die
Marke gibt den Ton vor, nicht das Vorbild.
Er sitzt um die Anhangkarte der Aufgabe, weil die den Satz der Slide
traegt: aus der Nachricht wird etwas mit Frist und Namen. Die Lage
@@ -3143,11 +3143,17 @@ if (location.search.indexOf("nur=anim") >= 0)
/* Seitlich bricht er aus, oben und unten bleibt er knapp: rundum
gleich viel Luft schnitt den Satz darueber und die Uhrzeit
darunter mitten durch. Der Ausbruch nach links und rechts ist
ohnehin der, den man sieht. */
const a = letzterAnhang, seit = 16, ob = 5, un = 8;
ohnehin der, den man sieht.
Drei Pixel, nicht sechs. Bei sechs war er plump: er trug mehr Farbe
als die Karte, die er zeigen soll, und im Profilraster wurde daraus
ein gelber Balken. Duenner als drei haelt die Verkleinerung auf
Feed-Breite nicht aus -- bei 480 px Darstellung sind drei Pixel
noch gut ein Pixel, darunter verschwindet die Linie. */
const a = letzterAnhang, seit = 14, ob = 4, un = 6;
rahmen = '<path d="' + rundRechteck(a.x - seit, a.y - ob, a.b + 2 * seit,
a.h + ob + un, 20) +
'" fill="none" stroke="#F1B729" stroke-width="6" stroke-linejoin="round"/>';
a.h + ob + un, 18) +
'" fill="none" stroke="#F1B729" stroke-width="3" stroke-linejoin="round"/>';
}
y += blaseHoehe(m, W) + 18;
}