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:
Ole-Morten Duesund 2025-09-01 17:39:42 +02:00
commit 49f584016e
8 changed files with 319 additions and 5 deletions

View file

@ -101,6 +101,30 @@ body {
color: #00a8ff;
}
/* New header branding styles */
.header-brand {
display: flex;
align-items: center;
gap: 1rem;
}
.header-logo {
height: 50px;
width: auto;
filter: drop-shadow(0 2px 4px rgba(0, 212, 255, 0.3));
}
.header-text {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.header-links {
display: flex;
gap: 0.5rem;
}
.stats-summary {
display: flex;
gap: 1rem;