olemd/skyview
1
0
Fork 0
Code Issues 12 Pull requests Projects Releases 11 Packages Wiki Activity Actions

feat: Improve aircraft legend clarity and icon differentiation - resolves #13 #36

Merged
olemd merged 3 commits from feature/improve-aircraft-legend-issue-13 into main 2025-09-01 10:06:30 +02:00
Conversation 0 Commits 3 Files changed 26 +17 -7
1 changed files with 17 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 4fd0846127 - Show all commits

fix: Replace simplified helicopter icon with proper detailed rotorcraft design

Prev Next 
- Updated legend to use the actual helicopter.svg design instead of abstract simplified version
- Now shows proper helicopter with main rotor, fuselage, cockpit, tail boom, tail rotor, and landing skids
- Much more recognizable as rotorcraft in the legend display
Ole-Morten Duesund 2025-09-01 10:02:17 +02:00
commit 4fd0846127

24
assets/static/index.html
View file

@ -211,13 +211,23 @@
<span class="legend-icon helicopter">
<svg width="24" height="24" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(16,16)">
<path d="M-2,-12 L2,-12 L2,-10 L-2,-10 Z" fill="currentColor"/>
<ellipse cx="0" cy="-8" rx="2" ry="1" fill="currentColor"/>
<path d="M-6,-2 L6,-2 L6,0 L-6,0 Z" fill="currentColor"/>
<path d="M-1,-8 L-1,6 L1,6 L1,-8 Z" fill="currentColor"/>
<path d="M-3,6 L3,6 L4,8 L-4,8 Z" fill="currentColor"/>
<path d="M2,8 L2,10 L4,10 L4,8 Z" fill="currentColor"/>
<ellipse cx="0" cy="7" rx="6" ry="1" fill="currentColor"/>
<!-- Main rotor disc -->
<ellipse cx="0" cy="-2" rx="11" ry="1" fill="currentColor" opacity="0.2"/>
<path d="M-11,-2 L11,-2" stroke="currentColor" stroke-width="0.5" opacity="0.4"/>
<!-- Main fuselage -->
<path d="M0,-8 C-3,-8 -4,-6 -4,-3 L-4,4 C-4,6 -3,7 -1,7 L1,7 C3,7 4,6 4,4 L4,-3 C4,-6 3,-8 0,-8 Z" fill="currentColor"/>
<!-- Cockpit windscreen -->
<path d="M0,-8 C-2,-8 -3,-7 -3,-5 L-3,-3 L3,-3 L3,-5 C3,-7 2,-8 0,-8 Z" fill="currentColor" opacity="0.7"/>
<!-- Tail boom -->
<rect x="-1" y="6" width="2" height="8" fill="currentColor"/>
<!-- Tail rotor -->
<ellipse cx="0" cy="13" rx="1" ry="3" fill="currentColor"/>
<path d="M-3,13 L3,13" stroke="currentColor" stroke-width="0.8"/>
<!-- Landing skids -->
<path d="M-3,7 L-3,9 L-1,9" stroke="currentColor" stroke-width="1" fill="none"/>
<path d="M3,7 L3,9 L1,9" stroke="currentColor" stroke-width="1" fill="none"/>
<!-- Rotor hub -->
<circle cx="0" cy="-2" r="1" fill="currentColor"/>
</g>
</svg>
</span>