{
  "name": "مرجع Flexbox و Grid — دروس وتمارين",
  "short_name": "CSS Master",
  "description": "تطبيق تعليمي تفاعلي لتعلم Flexbox و CSS Grid بالعربية والإنجليزية والفرنسية",
  "start_url": "./index.html",
  "scope": "./",
  "id": "css-layout-master-abdmou191",
  "display": "standalone",
  "orientation": "any",
  "dir": "rtl",
  "lang": "ar",
  "background_color": "#ffffff",
  "theme_color": "#111111",
  "categories": ["education", "developer tools", "productivity"],
  "icons": [
    {
      "src": "icons/icon-192.jpg",
      "sizes": "192x192",
      "type": "image/jpeg",
      "purpose": "any maskable"
    },
    {
      "src": "icons/icon-512.jpg",
      "sizes": "512x512",
      "type": "image/jpeg",
      "purpose": "any maskable"
    }
  ],
  "shortcuts": [
    {
      "name": "الدروس النظرية",
      "short_name": "الدروس",
      "description": "ابدأ بالدروس النظرية",
      "url": "./index.html?mode=theory",
      "icons": [{ "src": "icons/icon-192.jpg", "sizes": "192x192", "type": "image/jpeg" }]
    },
    {
      "name": "التمارين التطبيقية",
      "short_name": "التمارين",
      "description": "ابدأ بالتمارين التطبيقية",
      "url": "./index.html?mode=practice",
      "icons": [{ "src": "icons/icon-192.jpg", "sizes": "192x192", "type": "image/jpeg" }]
    }
  ]
}