X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Findex.html;h=cd9f76cf9ddb1685fed7d28daa9e4b6d20afb988;hb=60a26a559ca21ca02458a1311c5b464044bb8a05;hp=8ff89f6a46d37a508ab61b38e602303cd8d92d7e;hpb=7193ad1044d2dfad8f929f0951f9a3601c056f67;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/index.html b/client/src/index.html
index 8ff89f6a4..cd9f76cf9 100644
--- a/client/src/index.html
+++ b/client/src/index.html
@@ -7,6 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="PeerTube, a decentralized video streaming platform using P2P (BitTorrent) directly in the web browser" />
 
+    <meta name="theme-color" content="#fff" />
+
     <!-- Web Manifest file -->
     <link rel="manifest" href="/manifest.json">
 
@@ -32,6 +34,21 @@
       </p>
     </noscript>
 
+    <div id="incompatible-browser" class="alert alert-danger" style="display: none">
+      <p>We are sorry but it seems that PeerTube is not compatible with your web browser.</p>
+      <p>Please try with the latest version of <a href="https://www.mozilla.org" target="_blank">Mozilla Firefox</a>.</p>
+      <p>If you think this is a mistake, do not hesitate <a href="https://github.com/Chocobozzz/PeerTube/issues/new" target="_blank">to report it</a>.</p>
+    </div>
+
+    <script type="text/javascript">
+      window.onerror = function () {
+        var elem = document.getElementById('incompatible-browser')
+        if (elem.className.indexOf('browser-ok') === -1) {
+          elem.style.display = 'block'
+        }
+      }
+    </script>
+
     <my-app>
     </my-app>