feat(design): neues Theme Aura (hell Sunshine, dunkel Mond)
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>
This commit is contained in:
co-authored by
Claude Opus 5
parent
5cdc42002a
commit
3c56cf8361
@@ -0,0 +1,19 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 80" width="800" height="80">
|
||||
<!--
|
||||
Aura, hintere Wolken. Eine Kachel, die sich nahtlos wiederholt: keine Wolke
|
||||
beruehrt den linken oder rechten Rand. index.css schiebt die Kachel langsam
|
||||
nach rechts, genau um ihre Breite je Umlauf - deshalb kein Ruck.
|
||||
-->
|
||||
<defs>
|
||||
<filter id="weich" x="-20%" y="-50%" width="140%" height="200%">
|
||||
<feGaussianBlur stdDeviation="3" />
|
||||
</filter>
|
||||
</defs>
|
||||
<g fill="#ffffff" opacity="0.55" filter="url(#weich)">
|
||||
<ellipse cx="110" cy="24" rx="70" ry="12" />
|
||||
<ellipse cx="140" cy="18" rx="40" ry="11" />
|
||||
<ellipse cx="430" cy="46" rx="80" ry="12" />
|
||||
<ellipse cx="460" cy="38" rx="42" ry="12" />
|
||||
<ellipse cx="650" cy="20" rx="60" ry="10" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 788 B |
Reference in New Issue
Block a user