Improve aircraft icons and add weight-based color coding

- Replaced simple geometric shapes with detailed, realistic SVG icons for all aircraft types
- Implemented color differentiation based on aircraft weight categories:
  * Light (<7000kg): Sky blue
  * Medium (7000-34000kg): Green
  * Large (34000-136000kg): Orange
  * Heavy (>136000kg): Red
- Created new icons for: commercial airliner, helicopter, cargo aircraft, general aviation, military fighter, ground vehicle
- Updated legend to reflect new weight-based categories
- Modified getAircraftColor() to assign colors based on aircraft category/weight

Closes #17

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ole-Morten Duesund 2025-08-24 20:16:25 +02:00
commit ed1e03382a
10 changed files with 175 additions and 42 deletions

View file

@ -107,19 +107,19 @@
<div class="legend">
<h4>ADS-B Categories</h4>
<div class="legend-item">
<span class="legend-icon commercial"></span>
<span class="legend-icon light"></span>
<span>Light &lt; 7000kg</span>
</div>
<div class="legend-item">
<span class="legend-icon commercial"></span>
<span class="legend-icon medium"></span>
<span>Medium 7000-34000kg</span>
</div>
<div class="legend-item">
<span class="legend-icon commercial"></span>
<span class="legend-icon large"></span>
<span>Large 34000-136000kg</span>
</div>
<div class="legend-item">
<span class="legend-icon cargo"></span>
<span class="legend-icon heavy"></span>
<span>Heavy &gt; 136000kg</span>
</div>
<div class="legend-item">