296 lines
18 KiB
XML
296 lines
18 KiB
XML
|
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" width="400" height="400">
|
||
|
|
<defs>
|
||
|
|
<!-- Blade Gradients: Amethyst (0°) -->
|
||
|
|
<linearGradient id="g0_F1" x1="20" y1="17" x2="-30" y2="160" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop offset="0%" stop-color="#A78BFA"><animate attributeName="stop-color" values="#A78BFA;#C4B5FD;#A78BFA" dur="5s" repeatCount="indefinite"/></stop>
|
||
|
|
<stop offset="100%" stop-color="#8B5CF6"><animate attributeName="stop-color" values="#8B5CF6;#A78BFA;#8B5CF6" dur="5s" repeatCount="indefinite"/></stop>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="g0_F2" x1="40" y1="0" x2="140" y2="60" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop offset="0%" stop-color="#8B5CF6"/><stop offset="100%" stop-color="#5B21B6"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Blade Gradients: Sapphire (60°) -->
|
||
|
|
<linearGradient id="g1_F1" x1="20" y1="17" x2="-30" y2="160" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop offset="0%" stop-color="#93C5FD"><animate attributeName="stop-color" values="#93C5FD;#BFDBFE;#93C5FD" dur="5.5s" repeatCount="indefinite"/></stop>
|
||
|
|
<stop offset="100%" stop-color="#3B82F6"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="g1_F2" x1="40" y1="0" x2="140" y2="60" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop offset="0%" stop-color="#3B82F6"/><stop offset="100%" stop-color="#1D4ED8"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Blade Gradients: Emerald (120°) -->
|
||
|
|
<linearGradient id="g2_F1" x1="20" y1="17" x2="-30" y2="160" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop offset="0%" stop-color="#6EE7B7"><animate attributeName="stop-color" values="#6EE7B7;#A7F3D0;#6EE7B7" dur="6s" repeatCount="indefinite"/></stop>
|
||
|
|
<stop offset="100%" stop-color="#10B981"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="g2_F2" x1="40" y1="0" x2="140" y2="60" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop offset="0%" stop-color="#10B981"/><stop offset="100%" stop-color="#047857"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Blade Gradients: Amber (180°) -->
|
||
|
|
<linearGradient id="g3_F1" x1="20" y1="17" x2="-30" y2="160" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop offset="0%" stop-color="#FCD34D"><animate attributeName="stop-color" values="#FCD34D;#FDE68A;#FCD34D" dur="4.8s" repeatCount="indefinite"/></stop>
|
||
|
|
<stop offset="100%" stop-color="#F59E0B"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="g3_F2" x1="40" y1="0" x2="140" y2="60" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop offset="0%" stop-color="#F59E0B"/><stop offset="100%" stop-color="#B45309"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Blade Gradients: Rose (240°) -->
|
||
|
|
<linearGradient id="g4_F1" x1="20" y1="17" x2="-30" y2="160" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop offset="0%" stop-color="#F9A8D4"><animate attributeName="stop-color" values="#F9A8D4;#FBCFE8;#F9A8D4" dur="5.2s" repeatCount="indefinite"/></stop>
|
||
|
|
<stop offset="100%" stop-color="#EC4899"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="g4_F2" x1="40" y1="0" x2="140" y2="60" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop offset="0%" stop-color="#EC4899"/><stop offset="100%" stop-color="#BE185D"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Blade Gradients: Indigo (300°) -->
|
||
|
|
<linearGradient id="g5_F1" x1="20" y1="17" x2="-30" y2="160" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop offset="0%" stop-color="#A5B4FC"><animate attributeName="stop-color" values="#A5B4FC;#C7D2FE;#A5B4FC" dur="5.8s" repeatCount="indefinite"/></stop>
|
||
|
|
<stop offset="100%" stop-color="#6366F1"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="g5_F2" x1="40" y1="0" x2="140" y2="60" gradientUnits="userSpaceOnUse">
|
||
|
|
<stop offset="0%" stop-color="#6366F1"/><stop offset="100%" stop-color="#4338CA"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Cycling Prismatic Core Gradient -->
|
||
|
|
<linearGradient id="prismatic" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#8B5CF6"><animate attributeName="stop-color" values="#8B5CF6;#3B82F6;#10B981;#F59E0B;#EC4899;#8B5CF6" dur="8s" repeatCount="indefinite"/></stop>
|
||
|
|
<stop offset="25%" stop-color="#3B82F6"><animate attributeName="stop-color" values="#3B82F6;#10B981;#F59E0B;#EC4899;#8B5CF6;#3B82F6" dur="8s" repeatCount="indefinite"/></stop>
|
||
|
|
<stop offset="50%" stop-color="#10B981"><animate attributeName="stop-color" values="#10B981;#F59E0B;#EC4899;#8B5CF6;#3B82F6;#10B981" dur="8s" repeatCount="indefinite"/></stop>
|
||
|
|
<stop offset="75%" stop-color="#F59E0B"><animate attributeName="stop-color" values="#F59E0B;#EC4899;#8B5CF6;#3B82F6;#10B981;#F59E0B" dur="8s" repeatCount="indefinite"/></stop>
|
||
|
|
<stop offset="100%" stop-color="#EC4899"><animate attributeName="stop-color" values="#EC4899;#8B5CF6;#3B82F6;#10B981;#F59E0B;#EC4899" dur="8s" repeatCount="indefinite"/></stop>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Outer aura for transparent bg -->
|
||
|
|
<radialGradient id="outerAura" cx="50%" cy="50%" r="50%">
|
||
|
|
<stop offset="0%" stop-color="#8B5CF6" stop-opacity="0.08"><animate attributeName="stop-color" values="#8B5CF6;#3B82F6;#10B981;#F59E0B;#EC4899;#8B5CF6" dur="10s" repeatCount="indefinite"/></stop>
|
||
|
|
<stop offset="70%" stop-color="#8B5CF6" stop-opacity="0.03"/>
|
||
|
|
<stop offset="100%" stop-color="#8B5CF6" stop-opacity="0"/>
|
||
|
|
</radialGradient>
|
||
|
|
|
||
|
|
<!-- Bloom halo gradient (subtle soft glow) -->
|
||
|
|
<radialGradient id="bloomHalo" cx="50%" cy="50%" r="50%">
|
||
|
|
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.15"/>
|
||
|
|
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
|
||
|
|
</radialGradient>
|
||
|
|
|
||
|
|
<!-- Filters -->
|
||
|
|
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
|
||
|
|
<feGaussianBlur stdDeviation="6" result="blur"/>
|
||
|
|
<feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
|
||
|
|
</filter>
|
||
|
|
<filter id="coreGlow" x="-50%" y="-50%" width="200%" height="200%">
|
||
|
|
<feGaussianBlur stdDeviation="12" result="blur"/>
|
||
|
|
<feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
|
||
|
|
</filter>
|
||
|
|
<filter id="shimmer" x="-50%" y="-50%" width="200%" height="200%">
|
||
|
|
<feGaussianBlur stdDeviation="3" result="blur"/>
|
||
|
|
<feMerge><feMergeNode in="blur"/><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
|
||
|
|
</filter>
|
||
|
|
<filter id="wideGlow" x="-80%" y="-80%" width="260%" height="260%">
|
||
|
|
<feGaussianBlur stdDeviation="18" result="blur"/>
|
||
|
|
<feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- Subtle breathing aura (replaces dark bg) -->
|
||
|
|
<circle cx="200" cy="200" r="190" fill="url(#outerAura)">
|
||
|
|
<animate attributeName="r" values="175;195;175" dur="6s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
|
||
|
|
<!-- The Iris — slow continuous rotation -->
|
||
|
|
<g transform="translate(200, 200)">
|
||
|
|
<animateTransform attributeName="transform" type="rotate" from="0" to="360" dur="90s" repeatCount="indefinite" additive="sum"/>
|
||
|
|
|
||
|
|
<!-- Amethyst Blade (0°) with shimmer -->
|
||
|
|
<g transform="rotate(0)" style="mix-blend-mode: screen;">
|
||
|
|
<path d="M 40,0 L -30,160 L 140,60 Z" fill="url(#g0_F2)" fill-opacity="0.80" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.4" stroke-linejoin="round">
|
||
|
|
<animate attributeName="fill-opacity" values="0.75;0.90;0.75" dur="4s" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
<path d="M 40,0 L 20,34.641 L -30,160 Z" fill="url(#g0_F1)" fill-opacity="0.95" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.6" stroke-linejoin="round">
|
||
|
|
<animate attributeName="fill-opacity" values="0.90;1;0.90" dur="4s" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
<!-- Edge shimmer -->
|
||
|
|
<line x1="40" y1="0" x2="-30" y2="160" stroke="#fff" stroke-width="1" opacity="0">
|
||
|
|
<animate attributeName="opacity" values="0;0.6;0" dur="5s" begin="0s" repeatCount="indefinite"/>
|
||
|
|
</line>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Sapphire Blade (60°) -->
|
||
|
|
<g transform="rotate(60)" style="mix-blend-mode: screen;">
|
||
|
|
<path d="M 40,0 L -30,160 L 140,60 Z" fill="url(#g1_F2)" fill-opacity="0.80" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.4" stroke-linejoin="round">
|
||
|
|
<animate attributeName="fill-opacity" values="0.75;0.90;0.75" dur="4.5s" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
<path d="M 40,0 L 20,34.641 L -30,160 Z" fill="url(#g1_F1)" fill-opacity="0.95" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.6" stroke-linejoin="round"/>
|
||
|
|
<line x1="40" y1="0" x2="-30" y2="160" stroke="#fff" stroke-width="1" opacity="0">
|
||
|
|
<animate attributeName="opacity" values="0;0.6;0" dur="5s" begin="0.83s" repeatCount="indefinite"/>
|
||
|
|
</line>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Emerald Blade (120°) -->
|
||
|
|
<g transform="rotate(120)" style="mix-blend-mode: screen;">
|
||
|
|
<path d="M 40,0 L -30,160 L 140,60 Z" fill="url(#g2_F2)" fill-opacity="0.80" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.4" stroke-linejoin="round">
|
||
|
|
<animate attributeName="fill-opacity" values="0.75;0.90;0.75" dur="5s" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
<path d="M 40,0 L 20,34.641 L -30,160 Z" fill="url(#g2_F1)" fill-opacity="0.95" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.6" stroke-linejoin="round"/>
|
||
|
|
<line x1="40" y1="0" x2="-30" y2="160" stroke="#fff" stroke-width="1" opacity="0">
|
||
|
|
<animate attributeName="opacity" values="0;0.6;0" dur="5s" begin="1.66s" repeatCount="indefinite"/>
|
||
|
|
</line>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Amber Blade (180°) -->
|
||
|
|
<g transform="rotate(180)" style="mix-blend-mode: screen;">
|
||
|
|
<path d="M 40,0 L -30,160 L 140,60 Z" fill="url(#g3_F2)" fill-opacity="0.80" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.4" stroke-linejoin="round">
|
||
|
|
<animate attributeName="fill-opacity" values="0.75;0.90;0.75" dur="4.2s" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
<path d="M 40,0 L 20,34.641 L -30,160 Z" fill="url(#g3_F1)" fill-opacity="0.95" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.6" stroke-linejoin="round"/>
|
||
|
|
<line x1="40" y1="0" x2="-30" y2="160" stroke="#fff" stroke-width="1" opacity="0">
|
||
|
|
<animate attributeName="opacity" values="0;0.6;0" dur="5s" begin="2.5s" repeatCount="indefinite"/>
|
||
|
|
</line>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Rose Blade (240°) -->
|
||
|
|
<g transform="rotate(240)" style="mix-blend-mode: screen;">
|
||
|
|
<path d="M 40,0 L -30,160 L 140,60 Z" fill="url(#g4_F2)" fill-opacity="0.80" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.4" stroke-linejoin="round">
|
||
|
|
<animate attributeName="fill-opacity" values="0.75;0.90;0.75" dur="4.8s" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
<path d="M 40,0 L 20,34.641 L -30,160 Z" fill="url(#g4_F1)" fill-opacity="0.95" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.6" stroke-linejoin="round"/>
|
||
|
|
<line x1="40" y1="0" x2="-30" y2="160" stroke="#fff" stroke-width="1" opacity="0">
|
||
|
|
<animate attributeName="opacity" values="0;0.6;0" dur="5s" begin="3.33s" repeatCount="indefinite"/>
|
||
|
|
</line>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Indigo Blade (300°) -->
|
||
|
|
<g transform="rotate(300)" style="mix-blend-mode: screen;">
|
||
|
|
<path d="M 40,0 L -30,160 L 140,60 Z" fill="url(#g5_F2)" fill-opacity="0.80" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.4" stroke-linejoin="round">
|
||
|
|
<animate attributeName="fill-opacity" values="0.75;0.90;0.75" dur="4.3s" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
<path d="M 40,0 L 20,34.641 L -30,160 Z" fill="url(#g5_F1)" fill-opacity="0.95" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.6" stroke-linejoin="round"/>
|
||
|
|
<line x1="40" y1="0" x2="-30" y2="160" stroke="#fff" stroke-width="1" opacity="0">
|
||
|
|
<animate attributeName="opacity" values="0;0.6;0" dur="5s" begin="4.16s" repeatCount="indefinite"/>
|
||
|
|
</line>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- THE KALEIDOSCOPE CORE - MINIATURE BLOOM DESIGN -->
|
||
|
|
<g filter="url(#coreGlow)">
|
||
|
|
<!-- Bloom halo (subtle soft glow behind petals) -->
|
||
|
|
<circle cx="0" cy="0" r="45" fill="url(#bloomHalo)" opacity="0.6">
|
||
|
|
<animate attributeName="opacity" values="0.4;0.7;0.4" dur="4s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
|
||
|
|
<!-- Mini-petals rotating OPPOSITE to outer iris (counter-rotate) -->
|
||
|
|
<!-- Each petal uses scaled bezier curve from original: M 0,-24 Q 50,-100 30,-170 Q -10,-170 -40,-140 Q -30,-80 0,-24 -->
|
||
|
|
<!-- Scaled by ~0.23 to fit within r=40 -->
|
||
|
|
<g transform="rotate(0)" style="mix-blend-mode: screen;">
|
||
|
|
<animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="20s" repeatCount="indefinite" additive="sum"/>
|
||
|
|
|
||
|
|
<!-- Violet petal (0°) -->
|
||
|
|
<path d="M 0,-5.5 Q 11.5,-23 6.9,-39 Q -2.3,-39 -9.2,-32.2 Q -6.9,-18.4 0,-5.5" fill="#A78BFA" fill-opacity="0.7" stroke="none"/>
|
||
|
|
|
||
|
|
<!-- Blue petal (60°) -->
|
||
|
|
<path d="M 4.75,-2.75 Q 15.75,-16.5 17.25,-30.5 Q 11,-37.25 2.3,-36.5 Q -2.3,-24.75 4.75,-2.75" fill="#60A5FA" fill-opacity="0.7" stroke="none"/>
|
||
|
|
|
||
|
|
<!-- Green petal (120°) -->
|
||
|
|
<path d="M 4.75,2.75 Q 15.75,16.5 17.25,30.5 Q 11,37.25 2.3,36.5 Q -2.3,24.75 4.75,2.75" fill="#34D399" fill-opacity="0.7" stroke="none"/>
|
||
|
|
|
||
|
|
<!-- Amber petal (180°) -->
|
||
|
|
<path d="M 0,5.5 Q 11.5,23 6.9,39 Q -2.3,39 -9.2,32.2 Q -6.9,18.4 0,5.5" fill="#FCD34D" fill-opacity="0.7" stroke="none"/>
|
||
|
|
|
||
|
|
<!-- Pink petal (240°) -->
|
||
|
|
<path d="M -4.75,2.75 Q -15.75,16.5 -17.25,30.5 Q -11,37.25 -2.3,36.5 Q 2.3,24.75 -4.75,2.75" fill="#F472B6" fill-opacity="0.7" stroke="none"/>
|
||
|
|
|
||
|
|
<!-- Indigo petal (300°) -->
|
||
|
|
<path d="M -4.75,-2.75 Q -15.75,-16.5 -17.25,-30.5 Q -11,-37.25 -2.3,-36.5 Q 2.3,-24.75 -4.75,-2.75" fill="#818CF8" fill-opacity="0.7" stroke="none"/>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Individual petal breathing animations (staggered) -->
|
||
|
|
<g transform="rotate(0)">
|
||
|
|
<animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="20s" repeatCount="indefinite" additive="sum"/>
|
||
|
|
<path d="M 0,-5.5 Q 11.5,-23 6.9,-39 Q -2.3,-39 -9.2,-32.2 Q -6.9,-18.4 0,-5.5" fill="#A78BFA" fill-opacity="0.7" stroke="none">
|
||
|
|
<animate attributeName="fill-opacity" values="0.5;0.9;0.5" dur="3s" begin="0s" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g transform="rotate(60)">
|
||
|
|
<animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="20s" repeatCount="indefinite" additive="sum"/>
|
||
|
|
<path d="M 0,-5.5 Q 11.5,-23 6.9,-39 Q -2.3,-39 -9.2,-32.2 Q -6.9,-18.4 0,-5.5" fill="#60A5FA" fill-opacity="0.7" stroke="none">
|
||
|
|
<animate attributeName="fill-opacity" values="0.5;0.9;0.5" dur="3s" begin="0.5s" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g transform="rotate(120)">
|
||
|
|
<animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="20s" repeatCount="indefinite" additive="sum"/>
|
||
|
|
<path d="M 0,-5.5 Q 11.5,-23 6.9,-39 Q -2.3,-39 -9.2,-32.2 Q -6.9,-18.4 0,-5.5" fill="#34D399" fill-opacity="0.7" stroke="none">
|
||
|
|
<animate attributeName="fill-opacity" values="0.5;0.9;0.5" dur="3s" begin="1s" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g transform="rotate(180)">
|
||
|
|
<animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="20s" repeatCount="indefinite" additive="sum"/>
|
||
|
|
<path d="M 0,-5.5 Q 11.5,-23 6.9,-39 Q -2.3,-39 -9.2,-32.2 Q -6.9,-18.4 0,-5.5" fill="#FCD34D" fill-opacity="0.7" stroke="none">
|
||
|
|
<animate attributeName="fill-opacity" values="0.5;0.9;0.5" dur="3s" begin="1.5s" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g transform="rotate(240)">
|
||
|
|
<animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="20s" repeatCount="indefinite" additive="sum"/>
|
||
|
|
<path d="M 0,-5.5 Q 11.5,-23 6.9,-39 Q -2.3,-39 -9.2,-32.2 Q -6.9,-18.4 0,-5.5" fill="#F472B6" fill-opacity="0.7" stroke="none">
|
||
|
|
<animate attributeName="fill-opacity" values="0.5;0.9;0.5" dur="3s" begin="2s" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g transform="rotate(300)">
|
||
|
|
<animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="20s" repeatCount="indefinite" additive="sum"/>
|
||
|
|
<path d="M 0,-5.5 Q 11.5,-23 6.9,-39 Q -2.3,-39 -9.2,-32.2 Q -6.9,-18.4 0,-5.5" fill="#818CF8" fill-opacity="0.7" stroke="none">
|
||
|
|
<animate attributeName="fill-opacity" values="0.5;0.9;0.5" dur="3s" begin="2.5s" repeatCount="indefinite"/>
|
||
|
|
</path>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Glowing prismatic center dot with color cycling -->
|
||
|
|
<circle cx="0" cy="0" r="8" fill="url(#prismatic)" filter="url(#glow)">
|
||
|
|
<animate attributeName="r" values="6;10;6" dur="2.5s" repeatCount="indefinite"/>
|
||
|
|
<animate attributeName="opacity" values="0.7;1;0.7" dur="2.5s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
|
||
|
|
<!-- Specular white highlight on center dot -->
|
||
|
|
<circle cx="-2" cy="-2" r="3" fill="#ffffff" opacity="0.8" filter="url(#glow)">
|
||
|
|
<animate attributeName="opacity" values="0.6;1;0.6" dur="2s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Outer core edge polygon (updated for bloom design) -->
|
||
|
|
<circle cx="0" cy="0" r="45" fill="none" stroke="#ffffff" stroke-width="1" opacity="0.7">
|
||
|
|
<animate attributeName="opacity" values="0.5;1;0.5" dur="3s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
|
||
|
|
<!-- Orbiting light motes -->
|
||
|
|
<g filter="url(#shimmer)">
|
||
|
|
<circle r="2" fill="#A78BFA" opacity="0">
|
||
|
|
<animateMotion dur="7s" repeatCount="indefinite" path="M0,-155 A155,155 0 1 1 -0.1,-155"/>
|
||
|
|
<animate attributeName="opacity" values="0;0.9;0;0;0" dur="7s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
<circle r="1.5" fill="#3B82F6" opacity="0">
|
||
|
|
<animateMotion dur="9s" repeatCount="indefinite" path="M0,-140 A140,140 0 1 0 -0.1,-140"/>
|
||
|
|
<animate attributeName="opacity" values="0;0;0.8;0;0" dur="9s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
<circle r="1.5" fill="#10B981" opacity="0">
|
||
|
|
<animateMotion dur="6s" repeatCount="indefinite" path="M0,-165 A165,165 0 1 1 -0.1,-165"/>
|
||
|
|
<animate attributeName="opacity" values="0;0.7;0;0.5;0" dur="6s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
<circle r="2" fill="#F59E0B" opacity="0">
|
||
|
|
<animateMotion dur="11s" repeatCount="indefinite" path="M0,-130 A130,130 0 1 0 -0.1,-130"/>
|
||
|
|
<animate attributeName="opacity" values="0;0;0;0.9;0" dur="11s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
<circle r="1" fill="#EC4899" opacity="0">
|
||
|
|
<animateMotion dur="8s" repeatCount="indefinite" path="M0,-150 A150,150 0 1 1 -0.1,-150"/>
|
||
|
|
<animate attributeName="opacity" values="0;0.8;0;0;0.6;0" dur="8s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
<circle r="1.5" fill="#fff" opacity="0">
|
||
|
|
<animateMotion dur="5s" repeatCount="indefinite" path="M0,-120 A120,120 0 1 0 -0.1,-120"/>
|
||
|
|
<animate attributeName="opacity" values="0;1;0;0;0" dur="5s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
</g>
|
||
|
|
</g>
|
||
|
|
</svg>
|