+ <div id="incompatible-browser" class="alert alert-light" role="alert" style="display: none">
+ <h1 class="alert-heading">PeerTube</h1>
+ <h2 class="mb-3">Incompatible browser</h2>
+
+ <p>We are sorry but it seems that PeerTube is not compatible with your web browser.</p>
+
+ <hr>
+ <p>Please try with the latest version of <a class="alert-link" href="https://www.mozilla.org" target="_blank">Mozilla Firefox</a>.</p>
+ <p class="mb-0">If you think this is a mistake, please <a class="alert-link" href="https://github.com/Chocobozzz/PeerTube/issues/new" target="_blank">report it</a>.</p>
+ </div>
+
+ <script type="text/javascript">
+ function displayIncompatibleBrowser () {
+ var elem = document.getElementById('incompatible-browser')
+ if (elem.className.indexOf('browser-ok') === -1) {
+ elem.style.display = 'block'
+ }
+ }
+
+ window.onerror = function () {
+ displayIncompatibleBrowser()
+ }
+
+ if (/MSIE|Trident/.test(window.navigator.userAgent) ) {
+ displayIncompatibleBrowser()
+ }
+ </script>
+
+ <my-app role="main">