<meta name="theme-color" content="#fff" />
<meta property="og:platform" content="PeerTube" />
<!-- Web Manifest file -->
- <link rel="manifest" href="/manifest.webmanifest">
+ <link rel="manifest" href="/manifest.webmanifest?[manifestContentHash]">
- <link rel="icon" type="image/png" href="/client/assets/images/favicon.png" />
+ <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="/">
</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>