marwinm/website
3
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ feat: update favicon generation and add neuron favicon image

Browse Source
This commit is contained in:
Marwin
2025-05-02 16:07:46 +01:00
parent a0e4cd2208
commit 7918de1723
3 changed files with 124 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
static/img/neuron-favicon.svg Normal file
View File

@@ -0,0 +1,76 @@
<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)" />
<!-- Zentraler Soma (Zellkörper) -->
<circle cx="256" cy="256" r="90" fill="url(#glow_gradient)" filter="url(#glow)" />
<!-- 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" />
<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" />
<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" />
<!-- 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>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB