]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blobdiff - client/src/index.html
WIP plugins: load theme on client side
[github/Chocobozzz/PeerTube.git] / client / src / index.html
index 83f4cc8f09d26700bf7efcb19cabb1e9996b850a..0b610c55a0850fee514ce10d40c56e07bf7ae50b 100644 (file)
@@ -1,17 +1,58 @@
+<!DOCTYPE html>
 <html>
   <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <meta name="theme-color" content="#fff" />
+    <meta property="og:platform" content="PeerTube" />
+    <!-- Web Manifest file -->
+    <link rel="manifest" href="/manifest.webmanifest">
+
+    <link rel="icon" type="image/png" href="/client/assets/images/favicon.png" />
+
+    <!-- base url -->
     <base href="/">
 
-    <title>PeerTube</title>
+    <!-- /!\ The following comment is used by the server to prerender some tags /!\ -->
 
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- title tag -->
+    <!-- description tag -->
+    <!-- custom css tag -->
+    <!-- meta tags -->
 
-    <link rel="icon" href="/client/assets/favicon.ico" />
+    <!-- /!\ Do not remove it /!\ -->
   </head>
 
   <!-- 3. Display the application -->
-  <body>
-    <my-app>Loading...</my-app>
+  <body id="custom-css">
+
+    <noscript>
+      <p>You are blocking Javascript, and we totally get that. However this endpoint uses Angular, so the front end is in full JavaScript and won't work without it.
+      </br></br>
+      There will be other non JS-based clients to access PeerTube, but for now none is available. Be sure we will update this page with a list once alternative clients are developed. You can certainly develop you own in the meantime as our code is open source and libre software under GNU AGPLv3.0.
+      </br></br>
+      There might be numerous reasons you refuse to use JavaScript. If it has just to do with security (or lack thereof) of JavaScript-based webapps, then depending on your threat menace you might want to go through the code running on the node you are trying to access, and look for security audits.
+      </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>
+
   </body>
 </html>