fix iOS / Android PWA icon

website/themes/book/assets/manifest.json

@@ -1,15 +1,54 @@
 {
   "name": "{{ .Site.Title }}",
-  "short_name": "{{ .Site.Title }}",
+  "short_name": "Cookbook",
   "start_url": "{{ "/" | relURL }}",
   "scope": "{{ "/" | relURL }}",
   "display": "standalone",
-  "background_color": "#000000",
-  "theme_color": "#000000",
+  "background_color": "#FFFFFF",
+  "theme_color": "#FFFFFF",
   "icons": [
     {
-      "src": "{{ "/favicon.svg" | relURL }}",
-      "sizes": "512x512"
+      "src": "{{ "/apple-touch-icon-180x180.png" | relURL }}",
+      "sizes": "180x180",
+      "type": "image/png",
+      "density": "3.0",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "{{ "/apple-touch-icon-1024x1024.png" | relURL }}",
+      "sizes": "1024x1024",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "{{ "/apple-touch-icon-60x60.png" | relURL }}",
+      "sizes": "60x60",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "{{ "/apple-touch-icon-76x76.png" | relURL }}",
+      "sizes": "76x76",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "{{ "/apple-touch-icon-120x120.png" | relURL }}",
+      "sizes": "120x120",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "{{ "/apple-touch-icon-152x152.png" | relURL }}",
+      "sizes": "152x152",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "{{ "/apple-touch-icon-512x512.png" | relURL }}",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
     }
   ]
 }

website/themes/book/layouts/partials/docs/inject/head.html

@@ -1 +1,6 @@
-<link rel="stylesheet" href="/leetcode/prism.css"/>
+<link rel="stylesheet" href="/leetcode/prism.css"/>
+<link href="{{ "apple-touch-icon.png" | relURL }}"rel="apple-touch-icon" />
+<link href="{{ "apple-touch-icon-76x76.png" | relURL }}" rel="apple-touch-icon" sizes="76x76" />
+<link href="{{ "apple-touch-icon-120x120.png" | relURL }}" rel="apple-touch-icon" sizes="120x120" />
+<link href="{{ "apple-touch-icon-152x152.png" | relURL }}" rel="apple-touch-icon" sizes="152x152" />
+<link href="{{ "apple-touch-icon-512x512.png" | relURL }}" rel="apple-touch-icon" sizes="512x512" />