]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blobdiff - client/src/index.html
Use source sans 3 font
[github/Chocobozzz/PeerTube.git] / client / src / index.html
index 2af0020ad88a83e2f6c0522fbd112120d6306922..95e7e384b432c8685d04aecff0b722c9903a74b7 100644 (file)
@@ -5,35 +5,43 @@
     <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">
-
-    <!-- /!\ The following comment is used by the server to prerender some tags /!\ -->
+    <link rel="manifest" href="/manifest.webmanifest?[manifestContentHash]">
 
-      <!-- title tag -->
-      <!-- description tag -->
-      <!-- custom css tag -->
-      <!-- open graph and oembed tags -->
-
-    <!-- /!\ Do not remove it /!\ -->
+    <link rel="icon" type="image/png" href="/client/assets/images/favicon.png?[faviconContentHash]" />
+    <link rel="apple-touch-icon" href="/client/assets/images/icons/icon-144x144.png" sizes="144x144" />
+    <link rel="apple-touch-icon" href="/client/assets/images/icons/icon-192x192.png" sizes="192x192" />
 
-    <link rel="icon" type="image/png" href="/client/assets/images/favicon.png" />
+    <!-- logo background-image -->
+    <style type="text/css">
+      .icon-logo {
+        background-image: url(/client/assets/images/logo.svg?[logoContentHash]);
+      }
+    </style>
 
     <!-- base url -->
     <base href="/">
+
+    <!-- /!\ The following comment is used by the server to prerender some tags /!\ -->
+
+    <!-- title tag -->
+    <!-- description tag -->
+    <!-- custom css tag -->
+    <!-- meta tags -->
+
+    <!-- /!\ Do not remove it /!\ -->
   </head>
 
   <!-- 3. Display the application -->
   <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>
+      <p>It seems you are either <strong>blocking or disabling Javascript</strong> on your browser, and we totally get that. However this endpoint uses Angular, so the front end is in full JavaScript and won't work without it.</p>
+
+      <p>There might be numerous reasons you refuse to use JavaScript. If it just has to do with security (or lack thereof) of JavaScript-based web applications, 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>
+
+      <p>There are other non JS-based unofficial clients to access PeerTube. You can find a list maintained by the PeerTube project in <a href="https://framagit.org/framasoft/peertube/documentation/-/raw/master/use-third-party-application.md">the thid-party applications section</a>. You can also develop your own as our code is open source and libre software under the <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" target="_blank" rel="noopener">GNU AGPLv3.0</a> and documented on <a href="https://docs.joinpeertube.org/api-rest-reference.html">docs.joinpeertube.org</a>.</p>
     </noscript>
 
     <div id="incompatible-browser" class="alert alert-danger" style="display: none">
     </div>
 
     <script type="text/javascript">
-      window.onerror = function () {
+      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>
+    <my-app role="main">
     </my-app>
 
   </body>