diff options
| author | Cadence Ember <cloudrac3r@vivaldi.net> | 2021-02-04 00:51:55 +1300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-02-03 12:51:55 +0100 |
| commit | 2ca72354ecd760b5a0a066b4f18a9ac0519accc3 (patch) | |
| tree | cff371b377a63e4f6a69b42ba2f18d33e8f64413 /client | |
| parent | 72aa835e170f5dfa5fb7b78d50a5d097ea194ef6 (diff) | |
| download | PeerTube-2ca72354ecd760b5a0a066b4f18a9ac0519accc3.tar.gz PeerTube-2ca72354ecd760b5a0a066b4f18a9ac0519accc3.tar.zst PeerTube-2ca72354ecd760b5a0a066b4f18a9ac0519accc3.zip | |
refactor noscript/incompatible browser messages (#3684)
also align noscript and incompatible browser styles
Co-authored-by: Rigel Kent <sendmemail@rigelk.eu>
Diffstat (limited to 'client')
| -rw-r--r-- | client/src/index.html | 29 | ||||
| -rw-r--r-- | client/src/sass/application.scss | 10 |
2 files changed, 27 insertions, 12 deletions
diff --git a/client/src/index.html b/client/src/index.html index 95e7e384b..72c184dc1 100644 --- a/client/src/index.html +++ b/client/src/index.html | |||
| @@ -36,18 +36,33 @@ | |||
| 36 | <!-- 3. Display the application --> | 36 | <!-- 3. Display the application --> |
| 37 | <body id="custom-css"> | 37 | <body id="custom-css"> |
| 38 | 38 | ||
| 39 | <noscript> | 39 | <noscript class="alert alert-light" role="alert"> |
| 40 | <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> | 40 | <h1 class="alert-heading">PeerTube</h1> |
| 41 | <h2 class="mb-3">JavaScript required</h2> | ||
| 41 | 42 | ||
| 42 | <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> | 43 | <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> |
| 44 | <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> | ||
| 43 | 45 | ||
| 44 | <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> | 46 | <hr> |
| 47 | |||
| 48 | <h2 class="mb-3">Your options</h2> | ||
| 49 | |||
| 50 | <ul> | ||
| 51 | <li>Allow JavaScript in your browser</li> | ||
| 52 | <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> | ||
| 53 | <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. | ||
| 54 | </ul> | ||
| 45 | </noscript> | 55 | </noscript> |
| 46 | 56 | ||
| 47 | <div id="incompatible-browser" class="alert alert-danger" style="display: none"> | 57 | <div id="incompatible-browser" class="alert alert-light" role="alert" style="display: none"> |
| 58 | <h1 class="alert-heading">PeerTube</h1> | ||
| 59 | <h2 class="mb-3">Incompatible browser</h2> | ||
| 60 | |||
| 48 | <p>We are sorry but it seems that PeerTube is not compatible with your web browser.</p> | 61 | <p>We are sorry but it seems that PeerTube is not compatible with your web browser.</p> |
| 49 | <p>Please try with the latest version of <a href="https://www.mozilla.org" target="_blank">Mozilla Firefox</a>.</p> | 62 | |
| 50 | <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> | 63 | <hr> |
| 64 | <p>Please try with the latest version of <a class="alert-link" href="https://www.mozilla.org" target="_blank">Mozilla Firefox</a>.</p> | ||
| 65 | <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> | ||
| 51 | </div> | 66 | </div> |
| 52 | 67 | ||
| 53 | <script type="text/javascript"> | 68 | <script type="text/javascript"> |
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index 1888d9350..a0009eecc 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss | |||
| @@ -71,12 +71,12 @@ body { | |||
| 71 | background-color: pvar(--mainHoverColor); | 71 | background-color: pvar(--mainHoverColor); |
| 72 | } | 72 | } |
| 73 | 73 | ||
| 74 | noscript, | ||
| 74 | #incompatible-browser { | 75 | #incompatible-browser { |
| 75 | display: none; | 76 | display: block; |
| 76 | text-align: center; | 77 | font-size: 1.2rem; |
| 77 | position: absolute; | 78 | max-width: 600px; |
| 78 | width: 100%; | 79 | margin: 1rem auto; |
| 79 | top: 45%; | ||
| 80 | } | 80 | } |
| 81 | 81 | ||
| 82 | strong { | 82 | strong { |