{
  "name": "Observer & Viewport API Guide",
  "short_name": "ObserverViewport",
  "description": "A developer-focused resource for mastering IntersectionObserver, ResizeObserver, viewport change tracking, and scroll performance.",
  "start_url": "/",
  "display": "standalone",
  "orientation": "any",
  "theme_color": "#C0292B",
  "background_color": "#F8FAFC",
  "lang": "en",
  "categories": ["education", "developer-tools"],
  "icons": [
    { "src": "/assets/images/icons/icon-72.png",  "sizes": "72x72",   "type": "image/png" },
    { "src": "/assets/images/icons/icon-96.png",  "sizes": "96x96",   "type": "image/png" },
    { "src": "/assets/images/icons/icon-128.png", "sizes": "128x128", "type": "image/png" },
    { "src": "/assets/images/icons/icon-144.png", "sizes": "144x144", "type": "image/png" },
    { "src": "/assets/images/icons/icon-152.png", "sizes": "152x152", "type": "image/png" },
    { "src": "/assets/images/icons/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
    { "src": "/assets/images/icons/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
  ],
  "screenshots": [],
  "shortcuts": [
    {
      "name": "Core Observer Fundamentals",
      "url": "/core-observer-fundamentals-browser-apis/",
      "icons": [{ "src": "/assets/images/icons/icon-96.png", "sizes": "96x96" }]
    },
    {
      "name": "Implementation Patterns",
      "url": "/implementation-patterns-for-viewport-resize-tracking/",
      "icons": [{ "src": "/assets/images/icons/icon-96.png", "sizes": "96x96" }]
    },
    {
      "name": "Performance & Memory",
      "url": "/performance-optimization-memory-management/",
      "icons": [{ "src": "/assets/images/icons/icon-96.png", "sizes": "96x96" }]
    }
  ]
}