summaryrefslogtreecommitdiff
path: root/frontend/public/asuka-headset-logo.svg
blob: f8ba4c0d234df7904785bf0277b5a060a78c82d4 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
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>