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
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue