219 lines
16 KiB
XML
219 lines
16 KiB
XML
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" width="400" height="400">
|
|
<defs>
|
|
<!-- Petal gradients with animated color shifting -->
|
|
<linearGradient id="b1" x1="50%" y1="0%" x2="50%" y2="100%"><stop offset="0%" stop-color="#A78BFA"><animate attributeName="stop-color" values="#A78BFA;#C4B5FD;#A78BFA" dur="4s" repeatCount="indefinite"/></stop><stop offset="100%" stop-color="#6D28D9"><animate attributeName="stop-color" values="#6D28D9;#8B5CF6;#6D28D9" dur="4s" repeatCount="indefinite"/></stop></linearGradient>
|
|
<linearGradient id="b2" x1="50%" y1="0%" x2="50%" y2="100%"><stop offset="0%" stop-color="#60A5FA"><animate attributeName="stop-color" values="#60A5FA;#93C5FD;#60A5FA" dur="4.5s" repeatCount="indefinite"/></stop><stop offset="100%" stop-color="#1E40AF"><animate attributeName="stop-color" values="#1E40AF;#3B82F6;#1E40AF" dur="4.5s" repeatCount="indefinite"/></stop></linearGradient>
|
|
<linearGradient id="b3" x1="50%" y1="0%" x2="50%" y2="100%"><stop offset="0%" stop-color="#34D399"><animate attributeName="stop-color" values="#34D399;#6EE7B7;#34D399" dur="5s" repeatCount="indefinite"/></stop><stop offset="100%" stop-color="#065F46"><animate attributeName="stop-color" values="#065F46;#10B981;#065F46" dur="5s" repeatCount="indefinite"/></stop></linearGradient>
|
|
<linearGradient id="b4" x1="50%" y1="0%" x2="50%" y2="100%"><stop offset="0%" stop-color="#FCD34D"><animate attributeName="stop-color" values="#FCD34D;#FDE68A;#FCD34D" dur="4.2s" repeatCount="indefinite"/></stop><stop offset="100%" stop-color="#92400E"><animate attributeName="stop-color" values="#92400E;#D97706;#92400E" dur="4.2s" repeatCount="indefinite"/></stop></linearGradient>
|
|
<linearGradient id="b5" x1="50%" y1="0%" x2="50%" y2="100%"><stop offset="0%" stop-color="#F472B6"><animate attributeName="stop-color" values="#F472B6;#FBCFE8;#F472B6" dur="4.8s" repeatCount="indefinite"/></stop><stop offset="100%" stop-color="#9D174D"><animate attributeName="stop-color" values="#9D174D;#EC4899;#9D174D" dur="4.8s" repeatCount="indefinite"/></stop></linearGradient>
|
|
<linearGradient id="b6" x1="50%" y1="0%" x2="50%" y2="100%"><stop offset="0%" stop-color="#818CF8"><animate attributeName="stop-color" values="#818CF8;#A5B4FC;#818CF8" dur="4.3s" repeatCount="indefinite"/></stop><stop offset="100%" stop-color="#3730A3"><animate attributeName="stop-color" values="#3730A3;#6366F1;#3730A3" dur="4.3s" repeatCount="indefinite"/></stop></linearGradient>
|
|
|
|
<!-- Rotating prismatic gradient for core -->
|
|
<linearGradient id="prismatic" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#C4B5FD"><animate attributeName="stop-color" values="#C4B5FD;#93C5FD;#6EE7B7;#FDE68A;#FBCFE8;#C4B5FD" dur="6s" repeatCount="indefinite"/></stop>
|
|
<stop offset="25%" stop-color="#93C5FD"><animate attributeName="stop-color" values="#93C5FD;#6EE7B7;#FDE68A;#FBCFE8;#C4B5FD;#93C5FD" dur="6s" repeatCount="indefinite"/></stop>
|
|
<stop offset="50%" stop-color="#6EE7B7"><animate attributeName="stop-color" values="#6EE7B7;#FDE68A;#FBCFE8;#C4B5FD;#93C5FD;#6EE7B7" dur="6s" repeatCount="indefinite"/></stop>
|
|
<stop offset="75%" stop-color="#FDE68A"><animate attributeName="stop-color" values="#FDE68A;#FBCFE8;#C4B5FD;#93C5FD;#6EE7B7;#FDE68A" dur="6s" repeatCount="indefinite"/></stop>
|
|
<stop offset="100%" stop-color="#FBCFE8"><animate attributeName="stop-color" values="#FBCFE8;#C4B5FD;#93C5FD;#6EE7B7;#FDE68A;#FBCFE8" dur="6s" repeatCount="indefinite"/></stop>
|
|
</linearGradient>
|
|
|
|
<!-- Outer aura gradient -->
|
|
<radialGradient id="aura" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#C4B5FD" stop-opacity="0.15"><animate attributeName="stop-color" values="#C4B5FD;#93C5FD;#6EE7B7;#FDE68A;#FBCFE8;#C4B5FD" dur="8s" repeatCount="indefinite"/></stop>
|
|
<stop offset="100%" stop-color="#C4B5FD" stop-opacity="0"/>
|
|
</radialGradient>
|
|
|
|
<!-- Inter-petal glow gradient (replaces dashed circle) -->
|
|
<radialGradient id="interPetalGlow" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#C4B5FD" stop-opacity="0"/>
|
|
<stop offset="45%" stop-color="#A78BFA" stop-opacity="0.06"><animate attributeName="stop-color" values="#A78BFA;#60A5FA;#34D399;#FCD34D;#F472B6;#A78BFA" dur="10s" repeatCount="indefinite"/></stop>
|
|
<stop offset="65%" stop-color="#8B5CF6" stop-opacity="0.04"><animate attributeName="stop-color" values="#8B5CF6;#3B82F6;#10B981;#D97706;#EC4899;#8B5CF6" dur="10s" repeatCount="indefinite"/></stop>
|
|
<stop offset="100%" stop-color="#8B5CF6" stop-opacity="0"/>
|
|
</radialGradient>
|
|
|
|
<!-- Glow 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="softGlow" x="-80%" y="-80%" width="260%" height="260%">
|
|
<feGaussianBlur stdDeviation="14" result="blur"/>
|
|
<feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
|
|
</filter>
|
|
<filter id="sparkle" x="-100%" y="-100%" width="300%" height="300%">
|
|
<feGaussianBlur stdDeviation="2" result="blur"/>
|
|
<feMerge><feMergeNode in="blur"/><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
|
|
</filter>
|
|
<filter id="petalTipGlow" x="-200%" y="-200%" width="500%" height="500%">
|
|
<feGaussianBlur stdDeviation="4" result="blur"/>
|
|
<feMerge><feMergeNode in="blur"/><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Breathing outer aura -->
|
|
<circle cx="200" cy="200" r="180" fill="url(#aura)">
|
|
<animate attributeName="r" values="160;185;160" dur="5s" repeatCount="indefinite"/>
|
|
<animate attributeName="opacity" values="0.6;1;0.6" dur="5s" repeatCount="indefinite"/>
|
|
</circle>
|
|
|
|
<!-- Main logo group with very slow rotation -->
|
|
<g transform="translate(200,200)">
|
|
<animateTransform attributeName="transform" type="rotate" from="0 200 200" to="360 200 200" dur="120s" repeatCount="indefinite" additive="replace"/>
|
|
<animateTransform attributeName="transform" type="translate" values="200,200" dur="120s" repeatCount="indefinite" additive="sum"/>
|
|
|
|
<!-- Soft inter-petal color wash (replaces old dashed circle) -->
|
|
<circle r="120" fill="url(#interPetalGlow)">
|
|
<animate attributeName="opacity" values="0.5;0.9;0.5" dur="6s" repeatCount="indefinite"/>
|
|
</circle>
|
|
|
|
<!-- Petals with stained-glass outlines and tighter spacing -->
|
|
<path d="M 0,-24 Q 48,-98 28,-168 Q -8,-168 -38,-138 Q -28,-78 0,-24" fill="url(#b1)" opacity="0.9" stroke="#fff" stroke-width="0.6" stroke-opacity="0.2">
|
|
<animate attributeName="opacity" values="0.85;1;0.85" dur="4s" repeatCount="indefinite"/>
|
|
</path>
|
|
<path d="M 0,-24 Q 48,-98 28,-168 Q -8,-168 -38,-138 Q -28,-78 0,-24" fill="url(#b2)" opacity="0.87" transform="rotate(60)" stroke="#fff" stroke-width="0.6" stroke-opacity="0.2">
|
|
<animate attributeName="opacity" values="0.82;0.97;0.82" dur="4.5s" repeatCount="indefinite"/>
|
|
</path>
|
|
<path d="M 0,-24 Q 48,-98 28,-168 Q -8,-168 -38,-138 Q -28,-78 0,-24" fill="url(#b3)" opacity="0.87" transform="rotate(120)" stroke="#fff" stroke-width="0.6" stroke-opacity="0.2">
|
|
<animate attributeName="opacity" values="0.82;0.97;0.82" dur="5s" repeatCount="indefinite"/>
|
|
</path>
|
|
<path d="M 0,-24 Q 48,-98 28,-168 Q -8,-168 -38,-138 Q -28,-78 0,-24" fill="url(#b4)" opacity="0.87" transform="rotate(180)" stroke="#fff" stroke-width="0.6" stroke-opacity="0.2">
|
|
<animate attributeName="opacity" values="0.82;0.97;0.82" dur="4.2s" repeatCount="indefinite"/>
|
|
</path>
|
|
<path d="M 0,-24 Q 48,-98 28,-168 Q -8,-168 -38,-138 Q -28,-78 0,-24" fill="url(#b5)" opacity="0.87" transform="rotate(240)" stroke="#fff" stroke-width="0.6" stroke-opacity="0.2">
|
|
<animate attributeName="opacity" values="0.82;0.97;0.82" dur="4.8s" repeatCount="indefinite"/>
|
|
</path>
|
|
<path d="M 0,-24 Q 48,-98 28,-168 Q -8,-168 -38,-138 Q -28,-78 0,-24" fill="url(#b6)" opacity="0.82" transform="rotate(300)" stroke="#fff" stroke-width="0.6" stroke-opacity="0.2">
|
|
<animate attributeName="opacity" values="0.78;0.95;0.78" dur="4.3s" repeatCount="indefinite"/>
|
|
</path>
|
|
|
|
<!-- Petal tip glow points — soft colored lights at each petal apex -->
|
|
<g filter="url(#petalTipGlow)">
|
|
<circle cx="-5" cy="-153" r="3" fill="#C4B5FD" opacity="0">
|
|
<animate attributeName="opacity" values="0;0.5;0" dur="4s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="-5" cy="-153" r="3" fill="#93C5FD" opacity="0" transform="rotate(60)">
|
|
<animate attributeName="opacity" values="0;0.5;0" dur="4.5s" begin="0.5s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="-5" cy="-153" r="3" fill="#6EE7B7" opacity="0" transform="rotate(120)">
|
|
<animate attributeName="opacity" values="0;0.5;0" dur="5s" begin="1s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="-5" cy="-153" r="3" fill="#FDE68A" opacity="0" transform="rotate(180)">
|
|
<animate attributeName="opacity" values="0;0.5;0" dur="4.2s" begin="1.5s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="-5" cy="-153" r="3" fill="#FBCFE8" opacity="0" transform="rotate(240)">
|
|
<animate attributeName="opacity" values="0;0.5;0" dur="4.8s" begin="2s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="-5" cy="-153" r="3" fill="#A5B4FC" opacity="0" transform="rotate(300)">
|
|
<animate attributeName="opacity" values="0;0.5;0" dur="4.3s" begin="2.5s" repeatCount="indefinite"/>
|
|
</circle>
|
|
</g>
|
|
|
|
<!-- Subtle refraction light lines radiating from center (refined — softer, shorter) -->
|
|
<g opacity="0.18">
|
|
<line x1="0" y1="0" x2="0" y2="-140" stroke="#fff" stroke-width="0.4" stroke-linecap="round">
|
|
<animate attributeName="opacity" values="0.05;0.3;0.05" dur="3.5s" begin="0s" repeatCount="indefinite"/>
|
|
</line>
|
|
<line x1="0" y1="0" x2="0" y2="-140" stroke="#fff" stroke-width="0.4" stroke-linecap="round" transform="rotate(60)">
|
|
<animate attributeName="opacity" values="0.05;0.3;0.05" dur="3.5s" begin="0.58s" repeatCount="indefinite"/>
|
|
</line>
|
|
<line x1="0" y1="0" x2="0" y2="-140" stroke="#fff" stroke-width="0.4" stroke-linecap="round" transform="rotate(120)">
|
|
<animate attributeName="opacity" values="0.05;0.3;0.05" dur="3.5s" begin="1.16s" repeatCount="indefinite"/>
|
|
</line>
|
|
<line x1="0" y1="0" x2="0" y2="-140" stroke="#fff" stroke-width="0.4" stroke-linecap="round" transform="rotate(180)">
|
|
<animate attributeName="opacity" values="0.05;0.3;0.05" dur="3.5s" begin="1.75s" repeatCount="indefinite"/>
|
|
</line>
|
|
<line x1="0" y1="0" x2="0" y2="-140" stroke="#fff" stroke-width="0.4" stroke-linecap="round" transform="rotate(240)">
|
|
<animate attributeName="opacity" values="0.05;0.3;0.05" dur="3.5s" begin="2.33s" repeatCount="indefinite"/>
|
|
</line>
|
|
<line x1="0" y1="0" x2="0" y2="-140" stroke="#fff" stroke-width="0.4" stroke-linecap="round" transform="rotate(300)">
|
|
<animate attributeName="opacity" values="0.05;0.3;0.05" dur="3.5s" begin="2.91s" repeatCount="indefinite"/>
|
|
</line>
|
|
</g>
|
|
|
|
<!-- Pulsing prismatic core (slightly larger, richer glow) -->
|
|
<circle r="32" fill="url(#prismatic)" filter="url(#softGlow)">
|
|
<animate attributeName="r" values="30;35;30" dur="3s" repeatCount="indefinite"/>
|
|
</circle>
|
|
|
|
<!-- Core inner depth — soft concentric prismatic ring instead of dashed white circle -->
|
|
<circle r="22" fill="none" stroke="url(#prismatic)" stroke-width="1.2" opacity="0.25">
|
|
<animate attributeName="r" values="20;25;20" dur="3s" repeatCount="indefinite"/>
|
|
<animate attributeName="opacity" values="0.15;0.35;0.15" dur="3s" repeatCount="indefinite"/>
|
|
</circle>
|
|
|
|
<!-- Rotating inner dot ring (8 dots — now prismatic-tinted, not white) -->
|
|
<g>
|
|
<animateTransform attributeName="transform" type="rotate" from="0" to="-360" dur="15s" repeatCount="indefinite"/>
|
|
<circle cx="18" cy="0" r="1" fill="#C4B5FD" opacity="0.15">
|
|
<animate attributeName="opacity" values="0.1;0.3;0.1" dur="2.5s" begin="0s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="12.73" cy="12.73" r="1" fill="#93C5FD" opacity="0.15">
|
|
<animate attributeName="opacity" values="0.1;0.3;0.1" dur="2.5s" begin="0.625s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="0" cy="18" r="1" fill="#6EE7B7" opacity="0.15">
|
|
<animate attributeName="opacity" values="0.1;0.3;0.1" dur="2.5s" begin="1.25s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="-12.73" cy="12.73" r="1" fill="#FDE68A" opacity="0.15">
|
|
<animate attributeName="opacity" values="0.1;0.3;0.1" dur="2.5s" begin="1.875s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="-18" cy="0" r="1" fill="#FBCFE8" opacity="0.15">
|
|
<animate attributeName="opacity" values="0.1;0.3;0.1" dur="2.5s" begin="2.5s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="-12.73" cy="-12.73" r="1" fill="#A5B4FC" opacity="0.15">
|
|
<animate attributeName="opacity" values="0.1;0.3;0.1" dur="2.5s" begin="3.125s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="0" cy="-18" r="1" fill="#C4B5FD" opacity="0.15">
|
|
<animate attributeName="opacity" values="0.1;0.3;0.1" dur="2.5s" begin="3.75s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="12.73" cy="-12.73" r="1" fill="#93C5FD" opacity="0.15">
|
|
<animate attributeName="opacity" values="0.1;0.3;0.1" dur="2.5s" begin="4.375s" repeatCount="indefinite"/>
|
|
</circle>
|
|
</g>
|
|
|
|
<!-- Primary specular highlight on core (enhanced) -->
|
|
<circle cx="-7" cy="-9" r="9" fill="white" opacity="0.35">
|
|
<animate attributeName="opacity" values="0.25;0.5;0.25" dur="4s" repeatCount="indefinite"/>
|
|
<animate attributeName="r" values="8;10;8" dur="4s" repeatCount="indefinite"/>
|
|
</circle>
|
|
|
|
<!-- Secondary highlight -->
|
|
<circle cx="4" cy="6" r="4" fill="white" opacity="0.15">
|
|
<animate attributeName="opacity" values="0.1;0.25;0.1" dur="3.5s" repeatCount="indefinite"/>
|
|
</circle>
|
|
|
|
<!-- Tertiary pinpoint highlight (new — adds glass depth) -->
|
|
<circle cx="-3" cy="3" r="1.5" fill="white" opacity="0.1">
|
|
<animate attributeName="opacity" values="0.05;0.2;0.05" dur="2.8s" repeatCount="indefinite"/>
|
|
</circle>
|
|
|
|
<!-- Floating sparkle particles orbiting the logo -->
|
|
<g filter="url(#sparkle)">
|
|
<circle r="2" fill="#C4B5FD" opacity="0">
|
|
<animateMotion dur="8s" repeatCount="indefinite" path="M0,-140 A140,140 0 1 1 -0.1,-140"/>
|
|
<animate attributeName="opacity" values="0;0.8;0;0;0" dur="8s" repeatCount="indefinite"/>
|
|
<animate attributeName="r" values="1;2.5;1" dur="8s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle r="1.5" fill="#93C5FD" opacity="0">
|
|
<animateMotion dur="10s" repeatCount="indefinite" path="M0,-120 A120,120 0 1 1 -0.1,-120"/>
|
|
<animate attributeName="opacity" values="0;0;0.7;0;0" dur="10s" repeatCount="indefinite"/>
|
|
<animate attributeName="r" values="1;2;1" dur="10s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle r="1.5" fill="#6EE7B7" opacity="0">
|
|
<animateMotion dur="7s" repeatCount="indefinite" path="M0,-155 A155,155 0 1 1 -0.1,-155"/>
|
|
<animate attributeName="opacity" values="0;0.6;0;0.6;0" dur="7s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle r="2" fill="#FDE68A" opacity="0">
|
|
<animateMotion dur="9s" repeatCount="indefinite" path="M0,-130 A130,130 0 1 0 -0.1,-130"/>
|
|
<animate attributeName="opacity" values="0;0;0;0.8;0" dur="9s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle r="1.5" fill="#FBCFE8" opacity="0">
|
|
<animateMotion dur="11s" repeatCount="indefinite" path="M0,-145 A145,145 0 1 0 -0.1,-145"/>
|
|
<animate attributeName="opacity" values="0;0.7;0;0;0.5;0" dur="11s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle r="1" fill="#fff" opacity="0">
|
|
<animateMotion dur="6s" repeatCount="indefinite" path="M0,-110 A110,110 0 1 1 -0.1,-110"/>
|
|
<animate attributeName="opacity" values="0;0.9;0;0;0" dur="6s" repeatCount="indefinite"/>
|
|
</circle>
|
|
</g>
|
|
</g>
|
|
</svg> |