feat: Add SkyView logo, favicon, and branding assets - resolves #38
Created comprehensive branding package for SkyView including: Assets Created: - SVG logo with animated radar theme for header - Multi-size favicon set (16px, 32px, 48px) - High-resolution app icon (512x512) for mobile/desktop - Aviation-themed radar design with animated aircraft blips UI Updates: - Updated HTML with proper favicon links and theme color - Enhanced header layout to include logo alongside version info - Added responsive CSS styling for new branding elements - Logo features animated radar sweep and aircraft tracking theme Technical Details: - All assets use SVG format for scalability and crisp display - Radar theme with cyan/blue color scheme matching app design - Logo includes animated elements (radar sweep, blinking aircraft) - Favicons optimized for different display sizes - Added proper meta tags for mobile app integration 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
57e63975db
commit
49f584016e
8 changed files with 319 additions and 5 deletions
32
assets/static/images/skyview-favicon.svg
Normal file
32
assets/static/images/skyview-favicon.svg
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="radarBg" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#001a26;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#003d52;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background circle -->
|
||||
<circle cx="16" cy="16" r="15" fill="url(#radarBg)" stroke="#00d4ff" stroke-width="1"/>
|
||||
|
||||
<!-- Radar circles -->
|
||||
<circle cx="16" cy="16" r="12" stroke="#00d4ff" stroke-width="1" fill="none" opacity="0.4"/>
|
||||
<circle cx="16" cy="16" r="8" stroke="#00d4ff" stroke-width="0.8" fill="none" opacity="0.5"/>
|
||||
<circle cx="16" cy="16" r="4" stroke="#00d4ff" stroke-width="0.6" fill="none" opacity="0.6"/>
|
||||
|
||||
<!-- Radar sweep line -->
|
||||
<line x1="16" y1="16" x2="26" y2="10" stroke="#00d4ff" stroke-width="1.5" opacity="0.8"/>
|
||||
|
||||
<!-- Cross hairs -->
|
||||
<line x1="16" y1="4" x2="16" y2="28" stroke="#00d4ff" stroke-width="0.5" opacity="0.3"/>
|
||||
<line x1="4" y1="16" x2="28" y2="16" stroke="#00d4ff" stroke-width="0.5" opacity="0.3"/>
|
||||
|
||||
<!-- Aircraft blips -->
|
||||
<circle cx="22" cy="12" r="1" fill="#00ff00" opacity="0.9"/>
|
||||
<circle cx="12" cy="20" r="1" fill="#00ff00" opacity="0.7"/>
|
||||
<circle cx="20" cy="22" r="1" fill="#00ff00" opacity="0.8"/>
|
||||
|
||||
<!-- Center dot -->
|
||||
<circle cx="16" cy="16" r="1.5" fill="#00d4ff"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
Loading…
Add table
Add a link
Reference in a new issue