]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/index.html
Move to sass module
[github/Chocobozzz/PeerTube.git] / client / src / index.html
CommitLineData
7da18e44 1<!DOCTYPE html>
4a6995be
C
2<html>
3 <head>
4a6995be
C
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6
93df58cc 7 <meta name="theme-color" content="#fff" />
96f7fff1 8 <meta property="og:platform" content="PeerTube" />
9ccf1119 9 <!-- Web Manifest file -->
caf2aaf4 10 <link rel="manifest" href="/manifest.webmanifest?[manifestContentHash]">
6583edee 11
caf2aaf4 12 <link rel="icon" type="image/png" href="/client/assets/images/favicon.png?[faviconContentHash]" />
0450fa8e 13 <link rel="apple-touch-icon" href="/client/assets/images/icons/icon-144x144.png" sizes="144x144" />
14 <link rel="apple-touch-icon" href="/client/assets/images/icons/icon-192x192.png" sizes="192x192" />
caf2aaf4
K
15
16 <!-- logo background-image -->
17 <style type="text/css">
18 .icon-logo {
19 background-image: url(/client/assets/images/logo.svg?[logoContentHash]);
20 }
21 </style>
8635a2c7 22
4d19d2f1 23 <!-- base url -->
63c4db6d 24 <base href="/">
ffb321be
C
25
26 <!-- /!\ The following comment is used by the server to prerender some tags /!\ -->
27
28 <!-- title tag -->
29 <!-- description tag -->
30 <!-- custom css tag -->
31 <!-- meta tags -->
aea0b0e7 32 <!-- server config -->
ffb321be
C
33
34 <!-- /!\ Do not remove it /!\ -->
4a6995be
C
35 </head>
36
37 <!-- 3. Display the application -->
d49b872a 38 <body id="custom-css">
4d19d2f1 39
2ca72354
CE
40 <noscript class="alert alert-light" role="alert">
41 <h1 class="alert-heading">PeerTube</h1>
42 <h2 class="mb-3">JavaScript required</h2>
1198edf4 43
2ca72354
CE
44 <p>It seems JavaScript is either blocked or disabled in your web browser. We totally get that. However, this page will not work without it.</p>
45 <p>If you are concerned about the security and privacy (or lack thereof) of JavaScript web applications, you might want to review the source code of the instance you are trying to access, or look for security audits.</p>
1198edf4 46
2ca72354
CE
47 <hr>
48
49 <h2 class="mb-3">Your options</h2>
50
51 <ul>
52 <li>Allow JavaScript in your browser</li>
53 <li>Use one of the <a class="alert-link" href="https://framagit.org/framasoft/peertube/documentation/-/raw/master/use-third-party-application.md" target="_blank">third-party applications</a> to browse this instance</li>
54 <li>Review the source code on <a class="alert-link" href="https://github.com/Chocobozzz/PeerTube" target="_blank">GitHub</a> or <a class="alert-link" href="https://framagit.org/framasoft/peertube/PeerTube" target="_blank">Framasoft's GitLab</a>, and ask for eventual modifications to the instance owner.
55 </ul>
f41e76cd
RK
56 </noscript>
57
2ca72354
CE
58 <div id="incompatible-browser" class="alert alert-light" role="alert" style="display: none">
59 <h1 class="alert-heading">PeerTube</h1>
60 <h2 class="mb-3">Incompatible browser</h2>
61
73e09f27 62 <p>We are sorry but it seems that PeerTube is not compatible with your web browser.</p>
2ca72354
CE
63
64 <hr>
65 <p>Please try with the latest version of <a class="alert-link" href="https://www.mozilla.org" target="_blank">Mozilla Firefox</a>.</p>
66 <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>
73e09f27
C
67 </div>
68
69 <script type="text/javascript">
6c733e46 70 function displayIncompatibleBrowser () {
73e09f27
C
71 var elem = document.getElementById('incompatible-browser')
72 if (elem.className.indexOf('browser-ok') === -1) {
73 elem.style.display = 'block'
74 }
75 }
6c733e46
C
76
77 window.onerror = function () {
78 displayIncompatibleBrowser()
79 }
80
81 if (/MSIE|Trident/.test(window.navigator.userAgent) ) {
82 displayIncompatibleBrowser()
83 }
73e09f27
C
84 </script>
85
1916c966 86 <my-app role="main">
5555f886 87 </my-app>
4d19d2f1 88
4a6995be
C
89 </body>
90</html>