62 lines
3.1 KiB
XML
62 lines
3.1 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="sLayerGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#6366F1"/>
|
||
|
|
<stop offset="100%" style="stop-color:#4F46E5"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="sProcessorGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#22D3EE"/>
|
||
|
|
<stop offset="100%" style="stop-color:#06B6D4"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="sFlowGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#6366F1"/>
|
||
|
|
<stop offset="50%" style="stop-color:#22D3EE"/>
|
||
|
|
<stop offset="100%" style="stop-color:#6366F1"/>
|
||
|
|
</linearGradient>
|
||
|
|
<filter id="sProcessorGlow" x="-30%" y="-30%" width="160%" height="160%">
|
||
|
|
<feGaussianBlur stdDeviation="8" result="coloredBlur"/>
|
||
|
|
<feMerge>
|
||
|
|
<feMergeNode in="coloredBlur"/>
|
||
|
|
<feMergeNode in="SourceGraphic"/>
|
||
|
|
</feMerge>
|
||
|
|
</filter>
|
||
|
|
<filter id="sNodeGlow" x="-50%" y="-50%" width="200%" height="200%">
|
||
|
|
<feGaussianBlur stdDeviation="3" result="coloredBlur"/>
|
||
|
|
<feMerge>
|
||
|
|
<feMergeNode in="coloredBlur"/>
|
||
|
|
<feMergeNode in="SourceGraphic"/>
|
||
|
|
</feMerge>
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- Layers -->
|
||
|
|
<rect x="80" y="115" width="352" height="48" rx="10" fill="url(#sLayerGrad)" opacity="0.7"/>
|
||
|
|
<rect x="80" y="232" width="352" height="48" rx="10" fill="url(#sLayerGrad)"/>
|
||
|
|
<rect x="80" y="349" width="352" height="48" rx="10" fill="url(#sLayerGrad)" opacity="0.7"/>
|
||
|
|
|
||
|
|
<!-- Flows -->
|
||
|
|
<path d="M130 163 Q130 200 190 230 Q230 250 230 256" stroke="url(#sFlowGrad)" stroke-width="4" fill="none" opacity="0.6" stroke-linecap="round"/>
|
||
|
|
<path d="M382 163 Q382 200 322 230 Q282 250 282 256" stroke="url(#sFlowGrad)" stroke-width="4" fill="none" opacity="0.6" stroke-linecap="round"/>
|
||
|
|
<path d="M230 256 Q230 262 190 282 Q130 312 130 349" stroke="url(#sFlowGrad)" stroke-width="4" fill="none" opacity="0.6" stroke-linecap="round"/>
|
||
|
|
<path d="M282 256 Q282 262 322 282 Q382 312 382 349" stroke="url(#sFlowGrad)" stroke-width="4" fill="none" opacity="0.6" stroke-linecap="round"/>
|
||
|
|
|
||
|
|
<!-- I/O Points -->
|
||
|
|
<circle cx="130" cy="139" r="10" fill="#22D3EE" filter="url(#sNodeGlow)"/>
|
||
|
|
<circle cx="382" cy="139" r="10" fill="#22D3EE" filter="url(#sNodeGlow)"/>
|
||
|
|
<circle cx="130" cy="373" r="10" fill="#6366F1" filter="url(#sNodeGlow)"/>
|
||
|
|
<circle cx="382" cy="373" r="10" fill="#6366F1" filter="url(#sNodeGlow)"/>
|
||
|
|
|
||
|
|
<!-- Central processor -->
|
||
|
|
<rect x="206" y="206" width="100" height="100" rx="18" fill="url(#sProcessorGrad)" filter="url(#sProcessorGlow)"/>
|
||
|
|
<rect x="224" y="224" width="64" height="64" rx="10" fill="#ffffff" opacity="0.95"/>
|
||
|
|
|
||
|
|
<!-- Static equalizer bars -->
|
||
|
|
<rect x="236" y="252" width="8" height="24" rx="2" fill="#22D3EE"/>
|
||
|
|
<rect x="252" y="246" width="8" height="36" rx="2" fill="#06B6D4"/>
|
||
|
|
<rect x="268" y="250" width="8" height="28" rx="2" fill="#22D3EE"/>
|
||
|
|
|
||
|
|
<!-- Indicators -->
|
||
|
|
<circle cx="242" cy="240" r="4" fill="#22D3EE"/>
|
||
|
|
<rect x="254" y="236" width="24" height="4" rx="2" fill="#06B6D4" opacity="0.8"/>
|
||
|
|
</svg>
|