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>
26 lines
1.1 KiB
XML
26 lines
1.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
|
|
<!--
|
|
Aura, dunkel ("Mond"): der Vollmond an derselben Stelle wie die Sonne im
|
|
hellen Modus - weicher Hof, blasse Scheibe, ein paar Krater.
|
|
-->
|
|
<defs>
|
|
<radialGradient id="hof" cx="50" cy="50" r="50" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0.3" stop-color="#dfe4ff" stop-opacity="0.45" />
|
|
<stop offset="0.65" stop-color="#b9c2ff" stop-opacity="0.12" />
|
|
<stop offset="1" stop-color="#b9c2ff" stop-opacity="0" />
|
|
</radialGradient>
|
|
<radialGradient id="scheibe" cx="44" cy="44" r="22" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0" stop-color="#fbfbff" />
|
|
<stop offset="1" stop-color="#d7dcef" />
|
|
</radialGradient>
|
|
</defs>
|
|
<circle cx="50" cy="50" r="50" fill="url(#hof)" />
|
|
<circle cx="50" cy="50" r="18" fill="url(#scheibe)" />
|
|
<g fill="#b8bfd8" opacity="0.55">
|
|
<circle cx="44" cy="46" r="3.5" />
|
|
<circle cx="55" cy="55" r="2.5" />
|
|
<circle cx="52" cy="41" r="1.8" />
|
|
<circle cx="43" cy="57" r="1.5" />
|
|
</g>
|
|
</svg>
|