upd web icons & add base href

Author: X-Wei

pubspec.yaml

@@ -131,6 +131,9 @@ flutter_launcher_icons:
   ios: true
   remove_alpha_ios: true
   image_path: res/images/app_icon.png
+  web:
+    generate: true
+    image_path: res/images/app_icon.png
 
 # $ dart run flutter_native_splash:create
 # Cf. https://pub.dev/packages/flutter_native_splash

web/favicon.png

@@ -9,9 +9,7 @@
     Fore more details:
     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
   -->
-  <!-- ! I have to disable base ref for github pages to render correctly :/
-    cf. https://stackoverflow.com/a/64708825/12421326 -->
-  <!-- <base href="/"> -->
+  <base href="$FLUTTER_BASE_HREF">
 
   <meta charset="UTF-8">
   <meta content="IE=Edge" http-equiv="X-UA-Compatible">
@@ -34,6 +32,8 @@
   <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
 
 
+  
+  
   <style id="splash-screen-style">
     html {
       height: 100%
@@ -109,6 +109,7 @@
 
 
 
+  
   <!-- The core Firebase JS SDK is always required and must be listed first -->
   <script src="https://www.gstatic.com/firebasejs/7.20.0/firebase-app.js"></script>
   <!--Add SDKs for Firebase products that you want to use

web/icons/Icon-192.png

@@ -18,6 +18,18 @@
             "src": "icons/Icon-512.png",
             "sizes": "512x512",
             "type": "image/png"
+        },
+        {
+            "src": "icons/Icon-maskable-192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "icons/Icon-maskable-512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "maskable"
         }
     ]
-}
+}