c13b61cd03
- 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>
33 lines
No EOL
1.5 KiB
XML
33 lines
No EOL
1.5 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg width="192" height="192" viewBox="0 0 192 192" 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="96" cy="96" r="96" fill="url(#bg)"/>
|
|
|
|
<!-- Ice crystal/snowflake icon -->
|
|
<g transform="translate(96, 96)">
|
|
<!-- Main cross -->
|
|
<line x1="-46.08" y1="0" x2="46.08" y2="0" stroke="white" stroke-width="12.288" stroke-linecap="round"/>
|
|
<line x1="0" y1="-46.08" x2="0" y2="46.08" stroke="white" stroke-width="12.288" stroke-linecap="round"/>
|
|
|
|
<!-- Diagonal lines -->
|
|
<line x1="-32.256" y1="-32.256" x2="32.256" y2="32.256" stroke="white" stroke-width="9.216" stroke-linecap="round"/>
|
|
<line x1="32.256" y1="-32.256" x2="-32.256" y2="32.256" stroke="white" stroke-width="9.216" stroke-linecap="round"/>
|
|
|
|
<!-- Small decorative elements -->
|
|
<circle cx="0" cy="0" r="6.144" fill="white"/>
|
|
<circle cx="23.04" cy="0" r="3.072" fill="white"/>
|
|
<circle cx="-23.04" cy="0" r="3.072" fill="white"/>
|
|
<circle cx="0" cy="23.04" r="3.072" fill="white"/>
|
|
<circle cx="0" cy="-23.04" r="3.072" fill="white"/>
|
|
</g>
|
|
|
|
<!-- Safe zone indicator (invisible) -->
|
|
<circle cx="96" cy="96" r="76.80000000000001" fill="none" stroke="none"/>
|
|
</svg> |