Web: Added buttons

Web: Added favicons
Xzensi · Jun 7, 2024 · 633a15e · 633a15e
1 parent f314ae2
commit 633a15e
Show file tree

Hide file tree

Showing 24 changed files with 86 additions and 3 deletions.
diff --git a/web/android-chrome-192x192.png b/web/android-chrome-192x192.png
diff --git a/web/android-chrome-512x512.png b/web/android-chrome-512x512.png
diff --git a/web/apple-touch-icon-114x114.png b/web/apple-touch-icon-114x114.png
diff --git a/web/apple-touch-icon-120x120.png b/web/apple-touch-icon-120x120.png
diff --git a/web/apple-touch-icon-144x144.png b/web/apple-touch-icon-144x144.png
diff --git a/web/apple-touch-icon-152x152.png b/web/apple-touch-icon-152x152.png
diff --git a/web/apple-touch-icon-180x180.png b/web/apple-touch-icon-180x180.png
diff --git a/web/apple-touch-icon-57x57.png b/web/apple-touch-icon-57x57.png
diff --git a/web/apple-touch-icon-60x60.png b/web/apple-touch-icon-60x60.png
diff --git a/web/apple-touch-icon-72x72.png b/web/apple-touch-icon-72x72.png
diff --git a/web/apple-touch-icon-76x76.png b/web/apple-touch-icon-76x76.png
diff --git a/web/apple-touch-icon.png b/web/apple-touch-icon.png
diff --git a/web/browserconfig.xml b/web/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+ <msapplication>
+ <tile>
+ <square150x150logo src="/mstile-150x150.png"/>
+ <TileColor>#da532c</TileColor>
+ </tile>
+ </msapplication>
+</browserconfig>
diff --git a/web/favicon-16x16.png b/web/favicon-16x16.png
diff --git a/web/favicon-32x32.png b/web/favicon-32x32.png
diff --git a/web/favicon.ico b/web/favicon.ico
diff --git a/web/img/NTV_icon_16.png b/web/img/NTV_icon_16.png
diff --git a/web/index.html b/web/index.html
@@ -3,14 +3,24 @@
  <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+ <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+ <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+ <link rel="manifest" href="/site.webmanifest" />
+ <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
+ <meta name="apple-mobile-web-app-title" content="NipahTV" />
+ <meta name="application-name" content="NipahTV" />
+ <meta name="msapplication-TileColor" content="#da532c" />
+ <meta name="theme-color" content="#ffffff" />
+
  <title>
  NipahTV - Transform your chat experience on Kick with new features, emotes and performance improvements
  </title>
+
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="style.css" />
- <link rel="shortcut icon" href="img/NTV_icon_16.png" type="image/x-icon" />
  </head>
  <body>
  <header>
@@ -35,8 +45,9 @@ <h2>A Better Kick and 7TV Emote Extension for Kick.</h2>
  class="button"
  target="_blank"
  rel="noopener"
- >Install for Chrome</a
+ >Install for Chrome & Edge</a
  >
+ <a href="/" class="button disabled" target="_blank" rel="noopener">Firefox (Coming soon)</a>
  <a href="userscript.html" class="button">Get Userscript</a>
  </section>
  <section>

diff --git a/web/mstile-150x150.png b/web/mstile-150x150.png
diff --git a/web/safari-pinned-tab.svg b/web/safari-pinned-tab.svg
diff --git a/web/site.webmanifest b/web/site.webmanifest
@@ -0,0 +1,19 @@
+{
+ "name": "NipahTV",
+ "short_name": "NipahTV",
+ "icons": [
+ {
+ "src": "/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/android-chrome-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ],
+ "theme_color": "#ffffff",
+ "background_color": "#ffffff",
+ "display": "standalone"
+}
diff --git a/web/style.css b/web/style.css
@@ -87,6 +87,11 @@ img {
 .button:visited {
  color: #000;
 }
+.button.disabled {
+ pointer-events: none;
+ cursor: not-allowed;
+ opacity: 0.5;
+}
 
 .container {
  max-width: 1140px;

diff --git a/web/style.scss b/web/style.scss
@@ -87,6 +87,12 @@ img {
  &:visited {
  color: #000;
  }
+
+ &.disabled {
+ pointer-events: none;
+ cursor: not-allowed;
+ opacity: 0.5;
+ }
 }
 
 .container {

diff --git a/web/userscript.html b/web/userscript.html
@@ -3,12 +3,22 @@
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+ <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+ <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+ <link rel="manifest" href="/site.webmanifest" />
+ <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
+ <meta name="apple-mobile-web-app-title" content="NipahTV" />
+ <meta name="application-name" content="NipahTV" />
+ <meta name="msapplication-TileColor" content="#da532c" />
+ <meta name="theme-color" content="#ffffff" />
+
  <title>NipahTV - Userscript</title>
+
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="style.css" />
- <link rel="shortcut icon" href="img/NTV_icon_16.png" type="image/x-icon" />
 </head>
 <body>
  <header>