diff options
Diffstat (limited to 'frontend/public/asuka-headset-logo.svg')
| -rw-r--r-- | frontend/public/asuka-headset-logo.svg | 101 |
1 files changed, 101 insertions, 0 deletions
diff --git a/frontend/public/asuka-headset-logo.svg b/frontend/public/asuka-headset-logo.svg new file mode 100644 index 0000000..f8ba4c0 --- /dev/null +++ b/frontend/public/asuka-headset-logo.svg @@ -0,0 +1,101 @@ +<svg width="100" height="80" viewBox="0 0 100 80" xmlns="http://www.w3.org/2000/svg"> + <defs> + <!-- White/silver gradient for the main interface --> + <linearGradient id="whiteGradient" x1="0%" y1="0%" x2="100%" y2="100%"> + <stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" /> + <stop offset="50%" style="stop-color:#f0f0f0;stop-opacity:1" /> + <stop offset="100%" style="stop-color:#d0d0d0;stop-opacity:1" /> + </linearGradient> + + <!-- Orange/yellow gradient for accent parts --> + <linearGradient id="orangeGradient" x1="0%" y1="0%" x2="100%" y2="100%"> + <stop offset="0%" style="stop-color:#ffaa00;stop-opacity:1" /> + <stop offset="50%" style="stop-color:#ff8800;stop-opacity:1" /> + <stop offset="100%" style="stop-color:#ee6600;stop-opacity:1" /> + </linearGradient> + + <!-- Red gradient for warning/active elements --> + <radialGradient id="redGradient" cx="50%" cy="50%" r="50%"> + <stop offset="0%" style="stop-color:#ff3333;stop-opacity:1" /> + <stop offset="100%" style="stop-color:#cc0000;stop-opacity:1" /> + </radialGradient> + + <!-- Shadow filter --> + <filter id="shadow" x="-50%" y="-50%" width="200%" height="200%"> + <feDropShadow dx="1" dy="2" stdDeviation="2" flood-color="#000000" flood-opacity="0.4"/> + </filter> + + <!-- Glow filter --> + <filter id="glow" x="-50%" y="-50%" width="200%" height="200%"> + <feGaussianBlur stdDeviation="2" result="coloredBlur"/> + <feMerge> + <feMergeNode in="coloredBlur"/> + <feMergeNode in="SourceGraphic"/> + </feMerge> + </filter> + </defs> + + <!-- Left A10 nerve connector (the distinctive cat-ear like protrusion) --> + <g transform="translate(15, 25)"> + <!-- Main white interface body --> + <ellipse cx="0" cy="5" rx="12" ry="18" fill="url(#whiteGradient)" filter="url(#shadow)"/> + <!-- Orange accent stripe --> + <rect x="-8" y="-8" width="16" height="4" fill="url(#orangeGradient)" rx="2"/> + <!-- Top connector detail --> + <rect x="-6" y="-12" width="12" height="6" fill="url(#whiteGradient)" rx="3"/> + <!-- Interface ports --> + <circle cx="-4" cy="2" r="2" fill="#333333"/> + <circle cx="4" cy="2" r="2" fill="#333333"/> + <circle cx="0" cy="8" r="2" fill="#333333"/> + <!-- Small indicator lights --> + <circle cx="-4" cy="-4" r="1.5" fill="url(#redGradient)" filter="url(#glow)"/> + <circle cx="4" cy="-4" r="1.5" fill="url(#redGradient)" filter="url(#glow)"/> + </g> + + <!-- Right A10 nerve connector (mirrored) --> + <g transform="translate(85, 25)"> + <!-- Main white interface body --> + <ellipse cx="0" cy="5" rx="12" ry="18" fill="url(#whiteGradient)" filter="url(#shadow)"/> + <!-- Orange accent stripe --> + <rect x="-8" y="-8" width="16" height="4" fill="url(#orangeGradient)" rx="2"/> + <!-- Top connector detail --> + <rect x="-6" y="-12" width="12" height="6" fill="url(#whiteGradient)" rx="3"/> + <!-- Interface ports --> + <circle cx="-4" cy="2" r="2" fill="#333333"/> + <circle cx="4" cy="2" r="2" fill="#333333"/> + <circle cx="0" cy="8" r="2" fill="#333333"/> + <!-- Small indicator lights --> + <circle cx="-4" cy="-4" r="1.5" fill="url(#redGradient)" filter="url(#glow)"/> + <circle cx="4" cy="-4" r="1.5" fill="url(#redGradient)" filter="url(#glow)"/> + </g> + + <!-- Central connecting band (thin, barely visible like in the reference) --> + <path d="M 27 20 Q 50 12 73 20" + stroke="url(#whiteGradient)" + stroke-width="2" + fill="none" + opacity="0.7"/> + + <!-- Central forehead interface (small white rectangular piece) --> + <g transform="translate(50, 15)"> + <rect x="-8" y="-3" width="16" height="6" fill="url(#whiteGradient)" rx="2" filter="url(#shadow)"/> + <rect x="-6" y="-2" width="12" height="4" fill="url(#orangeGradient)" rx="1"/> + <!-- Central indicator --> + <circle cx="0" cy="0" r="1.5" fill="url(#redGradient)" filter="url(#glow)"/> + </g> + + <!-- Additional connecting wires/cables (very thin lines) --> + <path d="M 27 25 Q 35 22 43 24" stroke="#666666" stroke-width="1" fill="none" opacity="0.5"/> + <path d="M 73 25 Q 65 22 57 24" stroke="#666666" stroke-width="1" fill="none" opacity="0.5"/> + + <!-- Bottom neural interface details --> + <g transform="translate(15, 40)"> + <rect x="-2" y="0" width="4" height="8" fill="url(#whiteGradient)" rx="1"/> + <rect x="-1" y="2" width="2" height="4" fill="url(#orangeGradient)"/> + </g> + + <g transform="translate(85, 40)"> + <rect x="-2" y="0" width="4" height="8" fill="url(#whiteGradient)" rx="1"/> + <rect x="-1" y="2" width="2" height="4" fill="url(#orangeGradient)"/> + </g> +</svg>
\ No newline at end of file |