templates/page: update favicon and icon

site.webmanifest

@@ -1,16 +1,18 @@
 {
-    "name": "",
+  "name": "Délégation étudiante",
-    "short_name": "",
+  "short_name": "Délégation étudiante",
   "icons": [
     {
-            "src": "/android-chrome-192x192.png",
+      "src": "/web-app-manifest-192x192.png",
       "sizes": "192x192",
-            "type": "image/png"
+      "type": "image/png",
+      "purpose": "maskable"
     },
     {
-            "src": "/android-chrome-512x512.png",
+      "src": "/web-app-manifest-512x512.png",
       "sizes": "512x512",
-            "type": "image/png"
+      "type": "image/png",
+      "purpose": "maskable"
     }
   ],
   "theme_color": "#ffffff",

templates/page.tmpl

@@ -13,12 +13,12 @@
 		<!-- for the record: it is absolutely ridiculous that new browsers
 		*and* operating systems each want their own little precious
 		snowflake just for a frigging icon -->
-		<link rel="apple-touch-icon" sizes="180x180" href="<TMPL_VAR BASEURL>apple-touch-icon.png">
+		<link rel="icon" type="image/png" href="<TMPL_VAR BASEURL>favicon-96x96.png" sizes="96x96" />
-		<link rel="icon" type="image/png" sizes="32x32" href="<TMPL_VAR BASEURL>favicon-32x32.png">
+		<link rel="icon" type="image/svg+xml" href="<TMPL_VAR BASEURL>favicon.svg" />
-		<link rel="icon" type="image/png" sizes="16x16" href="<TMPL_VAR BASEURL>favicon-16x16.png">
+		<link rel="shortcut icon" href="<TMPL_VAR BASEURL>favicon.ico" />
-		<link rel="manifest" href="<TMPL_VAR BASEURL>site.webmanifest">
+		<link rel="apple-touch-icon" sizes="180x180" href="<TMPL_VAR BASEURL>apple-touch-icon.png" />
-		<meta name="msapplication-TileColor" content="#da532c">
+		<meta name="apple-mobile-web-app-title" content="Délégation étudiante" />
-		<meta name="theme-color" content="#ffffff">
+		<link rel="manifest" href="<TMPL_VAR BASEURL>site.webmanifest" />
 
 		<!-- ikiwiki CSS -->
 		<link href="<TMPL_VAR BASEURL>css/style.css" rel="stylesheet" />