✨ feat: aktualisiere Favicon mit neuem Design und passe die HTML-Vorlage an, um das neue Favicon zu integrieren
This commit is contained in:
@@ -1,76 +1,29 @@
|
||||
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Hintergrund mit Farbverlauf im Stil der Website -->
|
||||
<rect width="512" height="512" rx="128" fill="url(#paint0_linear)" />
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Hintergrund -->
|
||||
<rect width="32" height="32" rx="8" fill="#6d28d9" />
|
||||
|
||||
<!-- Zentraler Soma (Zellkörper) -->
|
||||
<circle cx="256" cy="256" r="90" fill="url(#glow_gradient)" filter="url(#glow)" />
|
||||
<!-- Mindmap-Punkte -->
|
||||
<!-- Zentraler Punkt -->
|
||||
<circle cx="16" cy="16" r="3.5" fill="#a78bfa" />
|
||||
|
||||
<!-- Dendriten und Axone (Verzweigungen) -->
|
||||
<!-- Hauptäste -->
|
||||
<path d="M256 166 L180 80" stroke="white" stroke-width="8" stroke-linecap="round" />
|
||||
<path d="M256 166 L120 140" stroke="white" stroke-width="8" stroke-linecap="round" />
|
||||
<path d="M256 166 L140 210" stroke="white" stroke-width="8" stroke-linecap="round" />
|
||||
<!-- Umgebende Punkte -->
|
||||
<circle cx="8" cy="10" r="2.5" fill="#8b5cf6" />
|
||||
<circle cx="24" cy="10" r="2.5" fill="#8b5cf6" />
|
||||
<circle cx="16" cy="26" r="2.5" fill="#8b5cf6" />
|
||||
|
||||
<path d="M256 346 L150 390" stroke="white" stroke-width="8" stroke-linecap="round" />
|
||||
<path d="M256 346 L180 440" stroke="white" stroke-width="8" stroke-linecap="round" />
|
||||
<path d="M256 346 L300 430" stroke="white" stroke-width="8" stroke-linecap="round" />
|
||||
<!-- Verbindende Linien -->
|
||||
<path d="M16 16 L8 10" stroke="white" stroke-width="1" stroke-linecap="round" />
|
||||
<path d="M16 16 L24 10" stroke="white" stroke-width="1" stroke-linecap="round" />
|
||||
<path d="M16 16 L16 26" stroke="white" stroke-width="1" stroke-linecap="round" />
|
||||
|
||||
<path d="M346 256 L430 200" stroke="white" stroke-width="8" stroke-linecap="round" />
|
||||
<path d="M346 256 L440 300" stroke="white" stroke-width="8" stroke-linecap="round" />
|
||||
<path d="M346 256 L440 180" stroke="white" stroke-width="8" stroke-linecap="round" />
|
||||
<!-- Weitere Verbindungslinien für mehr Komplexität -->
|
||||
<path d="M8 10 L16 26" stroke="#c4b5fd" stroke-width="0.8" stroke-linecap="round" stroke-dasharray="2 1" />
|
||||
<path d="M24 10 L16 26" stroke="#c4b5fd" stroke-width="0.8" stroke-linecap="round" stroke-dasharray="2 1" />
|
||||
<path d="M8 10 L24 10" stroke="#c4b5fd" stroke-width="0.8" stroke-linecap="round" stroke-dasharray="2 1" />
|
||||
|
||||
<!-- Dendrit-Endpunkte (kleine Kreise) -->
|
||||
<circle cx="180" cy="80" r="12" fill="#8b5cf6" />
|
||||
<circle cx="120" cy="140" r="12" fill="#8b5cf6" />
|
||||
<circle cx="140" cy="210" r="12" fill="#8b5cf6" />
|
||||
|
||||
<circle cx="150" cy="390" r="12" fill="#8b5cf6" />
|
||||
<circle cx="180" cy="440" r="12" fill="#8b5cf6" />
|
||||
<circle cx="300" cy="430" r="12" fill="#8b5cf6" />
|
||||
|
||||
<circle cx="430" cy="200" r="12" fill="#8b5cf6" />
|
||||
<circle cx="440" cy="300" r="12" fill="#8b5cf6" />
|
||||
<circle cx="440" cy="180" r="12" fill="#8b5cf6" />
|
||||
|
||||
<!-- Nebenäste mit pulsierenden Punkten -->
|
||||
<path d="M180 80 L130 40" stroke="white" stroke-width="4" stroke-linecap="round" />
|
||||
<circle cx="130" cy="40" r="8" fill="#a78bfa">
|
||||
<animate attributeName="r" values="6;8;6" dur="3s" repeatCount="indefinite" />
|
||||
</circle>
|
||||
|
||||
<path d="M120 140 L70 110" stroke="white" stroke-width="4" stroke-linecap="round" />
|
||||
<circle cx="70" cy="110" r="8" fill="#a78bfa">
|
||||
<animate attributeName="r" values="6;8;6" dur="2.5s" repeatCount="indefinite" />
|
||||
</circle>
|
||||
|
||||
<path d="M430 200 L480 150" stroke="white" stroke-width="4" stroke-linecap="round" />
|
||||
<circle cx="480" cy="150" r="8" fill="#a78bfa">
|
||||
<animate attributeName="r" values="6;8;6" dur="3.2s" repeatCount="indefinite" />
|
||||
</circle>
|
||||
|
||||
<path d="M440 300 L490 340" stroke="white" stroke-width="4" stroke-linecap="round" />
|
||||
<circle cx="490" cy="340" r="8" fill="#a78bfa">
|
||||
<animate attributeName="r" values="6;8;6" dur="2.8s" repeatCount="indefinite" />
|
||||
</circle>
|
||||
|
||||
<!-- Definitionen für Farbverläufe und Effekte -->
|
||||
<defs>
|
||||
<!-- Haupthintergrund-Farbverlauf -->
|
||||
<linearGradient id="paint0_linear" x1="0" y1="0" x2="512" y2="512" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#6d28d9" />
|
||||
<stop offset="1" stop-color="#4c1d95" />
|
||||
</linearGradient>
|
||||
|
||||
<!-- Glüheffekt für den Zellkörper -->
|
||||
<filter id="glow" x="146" y="146" width="220" height="220" filterUnits="userSpaceOnUse">
|
||||
<feGaussianBlur stdDeviation="10" result="blur" />
|
||||
<feComposite in="SourceGraphic" in2="blur" operator="over" />
|
||||
</filter>
|
||||
|
||||
<!-- Farbverlauf für den Zellkörper -->
|
||||
<linearGradient id="glow_gradient" x1="166" y1="166" x2="346" y2="346" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#a78bfa" />
|
||||
<stop offset="1" stop-color="#8b5cf6" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
<!-- Kleine Dekoration-Punkte für Hintergrund-Ähnlichkeit -->
|
||||
<circle cx="5" cy="20" r="0.8" fill="#ddd6fe" opacity="0.7" />
|
||||
<circle cx="27" cy="20" r="0.8" fill="#ddd6fe" opacity="0.7" />
|
||||
<circle cx="20" cy="5" r="0.8" fill="#ddd6fe" opacity="0.7" />
|
||||
<circle cx="12" cy="5" r="0.8" fill="#ddd6fe" opacity="0.7" />
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 1.4 KiB |
Reference in New Issue
Block a user