Sascha WolfandClaude Opus 5
3c56cf8361
Sonne bzw. Mond in der Ecke oben rechts der Leiste, dahinter ziehen Wolken in zwei Lagen langsam von links nach rechts (reines CSS, nahtlose Kacheln). Im hellen Modus fallen alle 16-24 s zwei bis drei Sonnenstrahlen diagonal ueber den Bildschirm. Bernstein bei Tag, Lavendel und Sterne bei Nacht. Bei prefers-reduced-motion still. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
21 lines
1.1 KiB
XML
21 lines
1.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 900" width="260" height="900" preserveAspectRatio="xMidYMax slice">
|
|
<!--
|
|
Aura, Seitenleiste: sanfte Huegel in Pastell, von unten hereinwachsend.
|
|
Eine Datei fuer beide Modi - der Schleier des Mond-Modus toent sie zur
|
|
Nacht ab (index.css).
|
|
-->
|
|
<defs>
|
|
<linearGradient id="dunst" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#ffd9a0" stop-opacity="0" />
|
|
<stop offset="1" stop-color="#ffd9a0" stop-opacity="0.45" />
|
|
</linearGradient>
|
|
<filter id="weich" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="14" />
|
|
</filter>
|
|
</defs>
|
|
<rect y="520" width="260" height="380" fill="url(#dunst)" filter="url(#weich)" />
|
|
<path d="M0 730 C 60 690 120 700 170 720 C 210 736 240 716 260 706 L260 900 L0 900 Z" fill="#c7b8e8" opacity="0.5" />
|
|
<path d="M0 780 C 50 760 110 772 160 764 C 200 758 236 770 260 762 L260 900 L0 900 Z" fill="#f2b98a" opacity="0.55" />
|
|
<path d="M0 830 C 70 812 130 826 190 818 C 220 814 244 820 260 816 L260 900 L0 900 Z" fill="#9fcfa8" opacity="0.55" />
|
|
</svg>
|