f0a1bfb31a
- Install vite-plugin-pwa and workbox-window for PWA functionality - Configure Vite with full PWA manifest (name, icons, theme, display) - Add service worker caching for static assets only (no API cache) - Create app icons (192x192, 512x512, apple-touch-icon) - Generate iOS splash screens for multiple device sizes - Add iOS-specific meta tags (apple-mobile-web-app-capable, etc.) - Implement InstallPWA component with dual platform support: - Android/Chrome: beforeinstallprompt event with custom UI - iOS Safari: manual installation instructions with icons - Add dismissal logic with 7-day localStorage persistence - Update documentation to reflect 90% project completion PWA implementation focuses on installability and static asset caching while avoiding offline API cache (WebRTC requires active connection).
21 lines
553 B
XML
21 lines
553 B
XML
<svg width="180" height="180" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- Background -->
|
|
<rect width="180" height="180" fill="#6366f1"/>
|
|
|
|
<!-- Spotlight effect -->
|
|
<g transform="translate(90, 90)">
|
|
<circle r="54" fill="#ffffff" opacity="0.2"/>
|
|
<circle r="36" fill="#ffffff" opacity="0.3"/>
|
|
<circle r="18" fill="#ffffff"/>
|
|
|
|
<!-- Letter 'S' -->
|
|
<text
|
|
x="0"
|
|
y="27"
|
|
font-family="Arial, sans-serif"
|
|
font-size="72"
|
|
font-weight="bold"
|
|
fill="#ffffff"
|
|
text-anchor="middle">S</text>
|
|
</g>
|
|
</svg> |