54 lines
3.0 KiB
XML
54 lines
3.0 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 240" width="100%" height="100%">
|
|
<defs>
|
|
<linearGradient id="bannerBg" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#0E1A2E"/>
|
|
<stop offset="100%" stop-color="#070C18"/>
|
|
</linearGradient>
|
|
<linearGradient id="textCyan" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" stop-color="#00E5FF"/>
|
|
<stop offset="100%" stop-color="#00FFA3"/>
|
|
</linearGradient>
|
|
<linearGradient id="cyanGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#00E5FF"/>
|
|
<stop offset="100%" stop-color="#0072FF"/>
|
|
</linearGradient>
|
|
<linearGradient id="emeraldGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" stop-color="#00FFA3"/>
|
|
<stop offset="100%" stop-color="#00E5FF"/>
|
|
</linearGradient>
|
|
<filter id="bannerGlow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="8" result="blur"/>
|
|
<feMerge>
|
|
<feMergeNode in="blur"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Background Card -->
|
|
<rect width="960" height="240" rx="16" fill="url(#bannerBg)" stroke="#162A45" stroke-width="2"/>
|
|
|
|
<!-- Left Emblem Group (scaled & positioned) -->
|
|
<g transform="translate(40, 20) scale(0.39)">
|
|
<!-- Hexagon Shield -->
|
|
<polygon points="256,24 456,139 456,373 256,488 56,373 56,139"
|
|
fill="#0E1A2E" stroke="url(#cyanGrad)" stroke-width="12" filter="url(#bannerGlow)"/>
|
|
<!-- Inner Telemetry Ring -->
|
|
<polygon points="256,58 426,156 426,356 256,454 86,356 86,156"
|
|
fill="none" stroke="#162A45" stroke-width="4" stroke-dasharray="10 8"/>
|
|
<!-- Stylized L & Telemetry Bars -->
|
|
<rect x="140" y="140" width="46" height="232" rx="10" fill="url(#cyanGrad)"/>
|
|
<rect x="140" y="326" width="220" height="46" rx="10" fill="url(#cyanGrad)"/>
|
|
<rect x="220" y="210" width="36" height="80" rx="8" fill="url(#emeraldGrad)"/>
|
|
<rect x="286" y="150" width="36" height="140" rx="8" fill="url(#cyanGrad)"/>
|
|
<!-- Connection Points -->
|
|
<circle cx="238" cy="190" r="9" fill="#00FFA3"/>
|
|
<circle cx="304" cy="130" r="9" fill="#00E5FF"/>
|
|
<circle cx="380" cy="349" r="10" fill="#00E5FF"/>
|
|
</g>
|
|
|
|
<!-- Typography & Tagline -->
|
|
<text x="270" y="98" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" font-size="56" font-weight="900" letter-spacing="4" fill="url(#textCyan)" filter="url(#bannerGlow)">LOGAR</text>
|
|
<text x="272" y="142" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" font-size="20" font-weight="600" fill="#E2E8F0" letter-spacing="0.5">Fleet Log Aggregation & Telemetry Hub</text>
|
|
<text x="272" y="174" font-family="'JetBrains Mono', 'Fira Code', monospace" font-size="13" font-weight="400" fill="#00E5FF" letter-spacing="1">ZERO-STATE FORWARDERS • MUTUAL TLS 1.3 • TEMPORAL PERSISTENCE</text>
|
|
</svg> |