ice/public/icons/icon-512-maskable.svg
Claude Code c13b61cd03 Add Progressive Web App functionality
- Add web app manifest for home screen installation
- Implement service worker with offline caching strategy
- Create offline fallback page with auto-reconnect
- Generate PWA icons in multiple sizes (72px-512px)
- Add PWA meta tags and Apple Touch icons to all pages
- Register service worker with graceful degradation
- Update documentation with PWA installation instructions
- Add browserconfig.xml for Windows tile support

Features:
- Installable on mobile and desktop
- Offline functionality with cached resources
- App-like experience in standalone mode
- Automatic updates when online
- Works seamlessly with existing progressive enhancement

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-07-06 00:46:00 -04:00

33 lines
No EOL
1.5 KiB
XML

<?xml version="1.0" encoding="UTF-8"?>
<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
<stop offset="100%" style="stop-color:#1976D2;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Background circle -->
<circle cx="256" cy="256" r="256" fill="url(#bg)"/>
<!-- Ice crystal/snowflake icon -->
<g transform="translate(256, 256)">
<!-- Main cross -->
<line x1="-122.88" y1="0" x2="122.88" y2="0" stroke="white" stroke-width="32.768" stroke-linecap="round"/>
<line x1="0" y1="-122.88" x2="0" y2="122.88" stroke="white" stroke-width="32.768" stroke-linecap="round"/>
<!-- Diagonal lines -->
<line x1="-86.016" y1="-86.016" x2="86.016" y2="86.016" stroke="white" stroke-width="24.576" stroke-linecap="round"/>
<line x1="86.016" y1="-86.016" x2="-86.016" y2="86.016" stroke="white" stroke-width="24.576" stroke-linecap="round"/>
<!-- Small decorative elements -->
<circle cx="0" cy="0" r="16.384" fill="white"/>
<circle cx="61.44" cy="0" r="8.192" fill="white"/>
<circle cx="-61.44" cy="0" r="8.192" fill="white"/>
<circle cx="0" cy="61.44" r="8.192" fill="white"/>
<circle cx="0" cy="-61.44" r="8.192" fill="white"/>
</g>
<!-- Safe zone indicator (invisible) -->
<circle cx="256" cy="256" r="204.8" fill="none" stroke="none"/>
</svg>