PeerTube/client/src/index.html

<!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?[manifestContentHash]">

    <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" />

    <!-- 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 -->
    <!-- server config -->

    <!-- /!\ Do not remove it /!\ -->
  </head>

  <!-- 3. Display the application -->
  <body id="custom-css">

    <noscript class="alert alert-light" role="alert">
      <h1 class="alert-heading">PeerTube</h1>
      <h2 class="mb-3">JavaScript required</h2>

      <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>
      <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>

      <hr>

      <h2 class="mb-3">Your options</h2>

      <ul>
        <li>Allow JavaScript in your browser</li>
        <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>
        <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.
      </ul>
    </noscript>

    <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">
    </my-app>

  </body>
</html>
Client: add user management 2016-08-09 14:45:21 -05:00			`<!DOCTYPE html>`
First draft to use webpack instead of systemjs 2016-06-03 15:08:03 -05:00			`<html>`
			`<head>`
			`<meta charset="UTF-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1">`

Fix service worker registration 2018-02-22 04:54:17 -06:00			`<meta name="theme-color" content="#fff" />`
Add meta tag to index.html 2019-01-31 09:32:03 -06:00			`<meta property="og:platform" content="PeerTube" />`
Include Web Manifest (#273) * Include Web Manifest Now we need to fix the path, which shouldn't be hard. * Delete unused icon * Remove Thumbs.db That file was automatically generated * Fixed icon path * Fixed typo 2018-02-08 02:52:35 -06:00			`<!-- Web Manifest file -->`
Add ability to override client assets : logo - favicon - PWA icons - PWA manifest name and description (#2897) * Add client-overrides storage to config * Add static-serve for client overrides * Move backgroun-image logo from bundle to css tag for runtime content hash * Add dynamic JSON manifest * Add content hash for manifest, favicon and logo Co-authored-by: kimsible <kimsible@users.noreply.github.com> 2020-07-10 03:20:11 -05:00			`<link rel="manifest" href="/manifest.webmanifest?[manifestContentHash]">`
Include manifest in build 2018-02-08 03:00:09 -06:00
Add ability to override client assets : logo - favicon - PWA icons - PWA manifest name and description (#2897) * Add client-overrides storage to config * Add static-serve for client overrides * Move backgroun-image logo from bundle to css tag for runtime content hash * Add dynamic JSON manifest * Add content hash for manifest, favicon and logo Co-authored-by: kimsible <kimsible@users.noreply.github.com> 2020-07-10 03:20:11 -05:00			`<link rel="icon" type="image/png" href="/client/assets/images/favicon.png?[faviconContentHash]" />`
client: add iOS icon 2021-01-02 15:05:12 -06:00			`<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" />`
Add ability to override client assets : logo - favicon - PWA icons - PWA manifest name and description (#2897) * Add client-overrides storage to config * Add static-serve for client overrides * Move backgroun-image logo from bundle to css tag for runtime content hash * Add dynamic JSON manifest * Add content hash for manifest, favicon and logo Co-authored-by: kimsible <kimsible@users.noreply.github.com> 2020-07-10 03:20:11 -05:00
			`<!-- logo background-image -->`
			`<style type="text/css">`
			`.icon-logo {`
			`background-image: url(/client/assets/images/logo.svg?[logoContentHash]);`
			`}`
			`</style>`
Update client modules 2017-06-11 05:28:22 -05:00
Update to webpack beta 25 2016-11-04 06:50:01 -05:00			`<!-- base url -->`
Move to angular cli 2017-12-11 10:36:46 -06:00			`<base href="/">`
WIP plugins: load theme on client side 2019-07-10 07:06:19 -05:00
			`<!-- /!\ The following comment is used by the server to prerender some tags /!\ -->`

			`<!-- title tag -->`
			`<!-- description tag -->`
			`<!-- custom css tag -->`
			`<!-- meta tags -->`
Inject server config in HTML 2021-05-14 05:04:44 -05:00			`<!-- server config -->`
WIP plugins: load theme on client side 2019-07-10 07:06:19 -05:00
			`<!-- /!\ Do not remove it /!\ -->`
First draft to use webpack instead of systemjs 2016-06-03 15:08:03 -05:00			`</head>`

			`<!-- 3. Display the application -->`
Add id to body for more specific css 2018-04-04 02:30:54 -05:00			`<body id="custom-css">`
Update to webpack beta 25 2016-11-04 06:50:01 -05:00
refactor noscript/incompatible browser messages (#3684) also align noscript and incompatible browser styles Co-authored-by: Rigel Kent <sendmemail@rigelk.eu> 2021-02-03 05:51:55 -06:00			`<noscript class="alert alert-light" role="alert">`
			`<h1 class="alert-heading">PeerTube</h1>`
			`<h2 class="mb-3">JavaScript required</h2>`
Fix user notifications on new follow 2019-08-02 03:53:36 -05:00
refactor noscript/incompatible browser messages (#3684) also align noscript and incompatible browser styles Co-authored-by: Rigel Kent <sendmemail@rigelk.eu> 2021-02-03 05:51:55 -06:00			`<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>`
			`<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>`
Fix user notifications on new follow 2019-08-02 03:53:36 -05:00
refactor noscript/incompatible browser messages (#3684) also align noscript and incompatible browser styles Co-authored-by: Rigel Kent <sendmemail@rigelk.eu> 2021-02-03 05:51:55 -06:00			`<hr>`

			`<h2 class="mb-3">Your options</h2>`

			`<ul>`
			`<li>Allow JavaScript in your browser</li>`
			`<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>`
			`<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.`
			`</ul>`
Show a message on client when JavaScript is disabled (#200) 2018-01-15 01:36:39 -06:00			`</noscript>`

refactor noscript/incompatible browser messages (#3684) also align noscript and incompatible browser styles Co-authored-by: Rigel Kent <sendmemail@rigelk.eu> 2021-02-03 05:51:55 -06:00			`<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>`

Try to detect incompatible web browsers 2018-03-08 05:01:55 -06:00			`<p>We are sorry but it seems that PeerTube is not compatible with your web browser.</p>`
refactor noscript/incompatible browser messages (#3684) also align noscript and incompatible browser styles Co-authored-by: Rigel Kent <sendmemail@rigelk.eu> 2021-02-03 05:51:55 -06:00
			`<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>`
Try to detect incompatible web browsers 2018-03-08 05:01:55 -06:00			`</div>`

			`<script type="text/javascript">`
We don't support IE 2020-08-24 04:55:42 -05:00			`function displayIncompatibleBrowser () {`
Try to detect incompatible web browsers 2018-03-08 05:01:55 -06:00			`var elem = document.getElementById('incompatible-browser')`
			`if (elem.className.indexOf('browser-ok') === -1) {`
			`elem.style.display = 'block'`
			`}`
			`}`
We don't support IE 2020-08-24 04:55:42 -05:00
			`window.onerror = function () {`
			`displayIncompatibleBrowser()`
			`}`

			`if (/MSIE\|Trident/.test(window.navigator.userAgent) ) {`
			`displayIncompatibleBrowser()`
			`}`
Try to detect incompatible web browsers 2018-03-08 05:01:55 -06:00			`</script>`

Fix some accessibility issues 2020-12-22 05:05:32 -06:00			`<my-app role="main">`
Do not import whole rxjs 2016-06-05 02:34:41 -05:00			`</my-app>`
Update to webpack beta 25 2016-11-04 06:50:01 -05:00
First draft to use webpack instead of systemjs 2016-06-03 15:08:03 -05:00			`</body>`
			`</html>`