{
    "name": "QR Attendance Scanner",
    "short_name": "QR Scanner",
    "description": "Mobile app for scanning QR codes to mark attendance",
    "start_url": "/mobile-scanner.php",
    "scope": "/",
    "display": "standalone",
    "orientation": "portrait-primary",
    "background_color": "#1a1a2e",
    "theme_color": "#667eea",
    "icons": [
        {
            "src": "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 192'><defs><linearGradient id='grad' x1='0%' y1='0%' x2='100%' y2='100%'><stop offset='0%' style='stop-color:%23667eea;stop-opacity:1' /><stop offset='100%' style='stop-color:%23764ba2;stop-opacity:1' /></linearGradient></defs><rect fill='url(%23grad)' width='192' height='192'/><rect x='20' y='20' width='152' height='152' fill='none' stroke='white' stroke-width='4'/><circle cx='40' cy='40' r='8' fill='white'/><circle cx='152' cy='40' r='8' fill='white'/><circle cx='40' cy='152' r='8' fill='white'/><line x1='96' y1='50' x2='96' y2='142' stroke='white' stroke-width='3'/><line x1='50' y1='96' x2='142' y2='96' stroke='white' stroke-width='3'/></svg>",
            "sizes": "192x192",
            "type": "image/svg+xml",
            "purpose": "any"
        },
        {
            "src": "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><defs><linearGradient id='grad' x1='0%' y1='0%' x2='100%' y2='100%'><stop offset='0%' style='stop-color:%23667eea;stop-opacity:1' /><stop offset='100%' style='stop-color:%23764ba2;stop-opacity:1' /></linearGradient></defs><rect fill='url(%23grad)' width='512' height='512'/><rect x='50' y='50' width='412' height='412' fill='none' stroke='white' stroke-width='12'/><circle cx='106' cy='106' r='20' fill='white'/><circle cx='406' cy='106' r='20' fill='white'/><circle cx='106' cy='406' r='20' fill='white'/><line x1='256' y1='100' x2='256' y2='412' stroke='white' stroke-width='8'/><line x1='100' y1='256' x2='412' y2='256' stroke='white' stroke-width='8'/></svg>",
            "sizes": "512x512",
            "type": "image/svg+xml",
            "purpose": "any maskable"
        }
    ],
    "screenshots": [
        {
            "src": "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 720'><rect fill='%231a1a2e' width='540' height='720'/><text x='270' y='100' font-size='48' fill='%23667eea' text-anchor='middle' font-weight='bold'>QR Scanner</text><rect x='50' y='200' width='440' height='350' fill='%23000' stroke='%23667eea' stroke-width='2' rx='12'/><text x='270' y='400' font-size='36' fill='white' text-anchor='middle'>📱</text><text x='270' y='650' font-size='20' fill='white' text-anchor='middle'>Mark your attendance</text></svg>",
            "sizes": "540x720",
            "type": "image/svg+xml",
            "form_factor": "narrow"
        }
    ],
    "categories": [
        "education",
        "productivity"
    ],
    "screenshots_path": "/attendance/",
    "shortcuts": [
        {
            "name": "Scan Attendance",
            "short_name": "Scan",
            "description": "Quickly scan QR code for attendance",
            "url": "/mobile-scanner.php",
            "icons": [
                {
                    "src": "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'><rect fill='%23667eea' width='96' height='96'/><text x='48' y='60' font-size='40' fill='white' text-anchor='middle'>QR</text></svg>",
                    "sizes": "96x96"
                }
            ]
        }
    ]
}