Front: Customise root html

front/web/index.html

@@ -16,18 +16,18 @@
 
   <meta charset="UTF-8">
   <meta content="IE=Edge" http-equiv="X-UA-Compatible">
-  <meta name="description" content="A new Flutter project.">
+  <meta name="description" content="Enjoy your Concert movies, Music Videos and DVD Extras, all in one place.">
 
   <!-- iOS meta tags & icons -->
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
-  <meta name="apple-mobile-web-app-title" content="front">
+  <meta name="apple-mobile-web-app-title" content="Blee">
   <link rel="apple-touch-icon" href="icons/Icon-192.png">
 
   <!-- Favicon -->
   <link rel="icon" type="image/png" href="favicon.png">
 
-  <title>front</title>
+  <title>Blee</title>
   <link rel="manifest" href="manifest.json">
 
   <script>
@@ -43,7 +43,24 @@
 
 
 
-
+  <script>
+    if (
+      navigator.userAgent.indexOf("Safari") !== -1 &&
+      navigator.userAgent.indexOf("Chrome") === -1
+    ) {
+      var originalGetContext = HTMLCanvasElement.prototype.getContext;
+      HTMLCanvasElement.prototype.getContext = function () {
+        var contextType = arguments[0];
+        if (contextType === "webgl2") {
+          return;
+        }
+        return originalGetContext.apply(
+          this,
+          [contextType].concat(Array.prototype.slice.call(arguments, 1)),
+        );
+      };
+    }
+  </script>
   <style id="splash-screen-style">
     html {
       height: 100%

front/web/manifest.json

@@ -3,9 +3,9 @@
     "short_name": "blee",
     "start_url": ".",
     "display": "standalone",
-    "background_color": "#0175C2",
-    "theme_color": "#0175C2",
-    "description": "A new Flutter project.",
+    "background_color": "#f5fafb",
+    "theme_color": "#f5fafb",
+    "description": "Enjoy your Concert movies, Music Videos and DVD Extras, all in one place.",
     "orientation": "portrait-primary",
     "prefer_related_applications": false,
     "icons": [