{
    "name": "Weather Progressive Web App",
    "short_name": "Weather",
    "description": "A simple weather app that works offline",
    "start_url": "/",
    "display": "standalone",
    "background_color": "#ffffff",
    "theme_color": "#4A90E2",
    "orientation": "portrait-primary",
    "icons": [
        {
            "src": "icon-192.svg",
            "sizes": "192x192",
            "type": "image/svg+xml",
            "purpose": "any"
        },
        {
            "src": "icon-512.svg",
            "sizes": "512x512",
            "type": "image/svg+xml",
            "purpose": "any"
        },
        {
            "src": "icon-192.svg",
            "sizes": "192x192",
            "type": "image/svg+xml",
            "purpose": "maskable"
        },
        {
            "src": "icon-512.svg",
            "sizes": "512x512",
            "type": "image/svg+xml",
            "purpose": "maskable"
        }
    ],
    "categories": ["weather"],
    "screenshots": [
        {
            "src": "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 720'><rect width='540' height='720' fill='%23667eea'/><text x='270' y='100' font-size='40' fill='white' text-anchor='middle' font-weight='bold'>Weather PWA</text><rect x='20' y='150' width='500' height='400' rx='20' fill='white'/><text x='270' y='300' font-size='80' fill='%234A90E2' text-anchor='middle'>☀</text><text x='270' y='500' font-size='30' fill='%234A90E2' text-anchor='middle'>25°C</text></svg>",
            "sizes": "540x720",
            "type": "image/svg+xml",
            "form_factor": "narrow"
        }
    ]
}