65 lines
3.2 KiB
XML
65 lines
3.2 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
|
|
<defs>
|
|
<linearGradient id="sdLayerGrad" 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="sdProcessorGrad" 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="sdFlowGrad" 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="sdProcessorGlow" x="-30%" y="-30%" width="160%" height="160%">
|
|
<feGaussianBlur stdDeviation="10" result="coloredBlur"/>
|
|
<feMerge>
|
|
<feMergeNode in="coloredBlur"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
<filter id="sdNodeGlow" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feGaussianBlur stdDeviation="4" result="coloredBlur"/>
|
|
<feMerge>
|
|
<feMergeNode in="coloredBlur"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Dark background -->
|
|
<rect width="512" height="512" rx="96" fill="#0F172A"/>
|
|
|
|
<!-- Layers -->
|
|
<rect x="80" y="115" width="352" height="48" rx="10" fill="url(#sdLayerGrad)" opacity="0.75"/>
|
|
<rect x="80" y="232" width="352" height="48" rx="10" fill="url(#sdLayerGrad)"/>
|
|
<rect x="80" y="349" width="352" height="48" rx="10" fill="url(#sdLayerGrad)" opacity="0.75"/>
|
|
|
|
<!-- Flows -->
|
|
<path d="M130 163 Q130 200 190 230 Q230 250 230 256" stroke="url(#sdFlowGrad)" stroke-width="4" fill="none" opacity="0.7" stroke-linecap="round"/>
|
|
<path d="M382 163 Q382 200 322 230 Q282 250 282 256" stroke="url(#sdFlowGrad)" stroke-width="4" fill="none" opacity="0.7" stroke-linecap="round"/>
|
|
<path d="M230 256 Q230 262 190 282 Q130 312 130 349" stroke="url(#sdFlowGrad)" stroke-width="4" fill="none" opacity="0.7" stroke-linecap="round"/>
|
|
<path d="M282 256 Q282 262 322 282 Q382 312 382 349" stroke="url(#sdFlowGrad)" stroke-width="4" fill="none" opacity="0.7" stroke-linecap="round"/>
|
|
|
|
<!-- I/O Points -->
|
|
<circle cx="130" cy="139" r="11" fill="#22D3EE" filter="url(#sdNodeGlow)"/>
|
|
<circle cx="382" cy="139" r="11" fill="#22D3EE" filter="url(#sdNodeGlow)"/>
|
|
<circle cx="130" cy="373" r="11" fill="#6366F1" filter="url(#sdNodeGlow)"/>
|
|
<circle cx="382" cy="373" r="11" fill="#6366F1" filter="url(#sdNodeGlow)"/>
|
|
|
|
<!-- Central processor -->
|
|
<rect x="206" y="206" width="100" height="100" rx="18" fill="url(#sdProcessorGrad)" filter="url(#sdProcessorGlow)"/>
|
|
<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>
|