{
  "id": "/",
  "name": "Nam Đẹp Trai",
  "short_name": "Nam DZ",
  "description": "Ứng dụng web của Nam Đẹp Trai",
  "lang": "vi",

  "start_url": "/",
  "scope": "/",
  "display": "standalone",
  "display_override": ["standalone", "minimal-ui"],
  "orientation": "portrait-primary",

  "background_color": "#0d0f14",
  "theme_color": "#818cf8",

  "categories": ["productivity"],

  "icons": [
    {
      "src": "/favicon.ico",
      "sizes": "32x32",
      "type": "image/x-icon"
    },

    {
      "src": "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 192'><rect fill='%23818cf8' width='192' height='192'/><text x='50%' y='50%' font-size='110' fill='%23dde1f0' text-anchor='middle' dominant-baseline='central' font-family='Arial, sans-serif' font-weight='bold'>N</text></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'><rect fill='%23818cf8' width='512' height='512'/><text x='50%' y='52%' font-size='260' fill='%23dde1f0' text-anchor='middle' dominant-baseline='central' font-family='Arial, sans-serif' font-weight='bold'>N</text></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='%230d0f14' width='540' height='720'/></svg>",
      "sizes": "540x720",
      "type": "image/svg+xml",
      "form_factor": "narrow"
    },
    {
      "src": "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 720'><rect fill='%230d0f14' width='1280' height='720'/></svg>",
      "sizes": "1280x720",
      "type": "image/svg+xml",
      "form_factor": "wide"
    }
  ],

  "shortcuts": [
    {
      "name": "Trang chủ",
      "short_name": "Home",
      "url": "/",
      "icons": [
        {
          "src": "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'><rect fill='%23818cf8' width='96' height='96'/><text x='50%' y='50%' font-size='60' fill='%23dde1f0' text-anchor='middle' dominant-baseline='central'>N</text></svg>",
          "sizes": "96x96",
          "type": "image/svg+xml"
        }
      ]
    }
  ]
}