diff --git a/.gitignore b/.gitignore index 73a75ea..138467d 100644 --- a/.gitignore +++ b/.gitignore @@ -3,6 +3,7 @@ node_modules vendor @excluded dist/**/* +assets/**/*.css !dist/userscript !dist/userscript/client.user.js !dist/css diff --git a/src/UserInterface/Modals/UserInfoModal.ts b/src/UserInterface/Modals/UserInfoModal.ts index 45b7fb8..8460072 100644 --- a/src/UserInterface/Modals/UserInfoModal.ts +++ b/src/UserInterface/Modals/UserInfoModal.ts @@ -665,37 +665,32 @@ export class UserInfoModal extends AbstractModal { // label: 'Verified', // active: true // }, - // { - // type: 'staff', - // label: 'Staff', - // active: true - // }, - // { - // type: 'Partner', - // label: 'partner', - // active: true - // }, - // { - // type: 'global_moderator', - // label: 'Global moderator', - // active: true - // }, - // { - // type: 'global_admin', - // label: 'Global admin', - // active: true - // }, + // // { + // // type: 'staff', + // // label: 'Staff', + // // active: true + // // }, + // // { + // // type: 'Partner', + // // label: 'partner', + // // active: true + // // }, + // // { + // // type: 'global_moderator', + // // label: 'Global moderator', + // // active: true + // // }, + // // { + // // type: 'global_admin', + // // label: 'Global admin', + // // active: true + // // }, // { // type: 'moderator', // label: 'Moderator', // active: true // }, // { - // type: 'vip', - // label: 'VIP', - // active: true - // }, - // { // type: 'founder', // label: 'Founder', // active: true @@ -706,10 +701,15 @@ export class UserInfoModal extends AbstractModal { // active: true // }, // { - // type: 'sidekick', - // label: 'Sidekick', + // type: 'vip', + // label: 'VIP', // active: true // }, + // // { + // // type: 'sidekick', + // // label: 'Sidekick', + // // active: true + // // }, // { // type: 'subscriber', // label: 'Subscriber', diff --git a/web/img/NTV_icon_128.png b/web/img/NTV_icon_128.png new file mode 100644 index 0000000..1a169e7 Binary files /dev/null and b/web/img/NTV_icon_128.png differ diff --git a/web/img/brave_3.jpg b/web/img/brave_3.jpg new file mode 100644 index 0000000..6647096 Binary files /dev/null and b/web/img/brave_3.jpg differ diff --git a/web/img/chrome_1.png b/web/img/chrome_1.png new file mode 100644 index 0000000..a671dc0 Binary files /dev/null and b/web/img/chrome_1.png differ diff --git a/web/img/chrome_2.png b/web/img/chrome_2.png new file mode 100644 index 0000000..d09c11c Binary files /dev/null and b/web/img/chrome_2.png differ diff --git a/web/img/chrome_3.png b/web/img/chrome_3.png new file mode 100644 index 0000000..dbb2924 Binary files /dev/null and b/web/img/chrome_3.png differ diff --git a/web/img/commands_menu.png b/web/img/commands_menu.png new file mode 100644 index 0000000..62b6d9a Binary files /dev/null and b/web/img/commands_menu.png differ diff --git a/web/img/edge_1.png b/web/img/edge_1.png new file mode 100644 index 0000000..728cf8d Binary files /dev/null and b/web/img/edge_1.png differ diff --git a/web/img/edge_2.png b/web/img/edge_2.png new file mode 100644 index 0000000..ec81350 Binary files /dev/null and b/web/img/edge_2.png differ diff --git a/web/img/edge_3.png b/web/img/edge_3.png new file mode 100644 index 0000000..ad7d16a Binary files /dev/null and b/web/img/edge_3.png differ diff --git a/web/img/emote_menu.png b/web/img/emote_menu.png new file mode 100644 index 0000000..9052fd5 Binary files /dev/null and b/web/img/emote_menu.png differ diff --git a/web/img/emotes/bedge.webp b/web/img/emotes/bedge.webp new file mode 100644 index 0000000..43ba281 Binary files /dev/null and b/web/img/emotes/bedge.webp differ diff --git a/web/img/emotes/booba.webp b/web/img/emotes/booba.webp new file mode 100644 index 0000000..29f8c4b Binary files /dev/null and b/web/img/emotes/booba.webp differ diff --git a/web/img/emotes/clueless.webp b/web/img/emotes/clueless.webp new file mode 100644 index 0000000..e9ff0b4 Binary files /dev/null and b/web/img/emotes/clueless.webp differ diff --git a/web/img/emotes/donowall.webp b/web/img/emotes/donowall.webp new file mode 100644 index 0000000..8e3a979 Binary files /dev/null and b/web/img/emotes/donowall.webp differ diff --git a/web/img/emotes/gigachad.webp b/web/img/emotes/gigachad.webp new file mode 100644 index 0000000..b75f00c Binary files /dev/null and b/web/img/emotes/gigachad.webp differ diff --git a/web/img/emotes/hmm.webp b/web/img/emotes/hmm.webp new file mode 100644 index 0000000..ee2d249 Binary files /dev/null and b/web/img/emotes/hmm.webp differ diff --git a/web/img/emotes/huh.webp b/web/img/emotes/huh.webp new file mode 100644 index 0000000..9720427 Binary files /dev/null and b/web/img/emotes/huh.webp differ diff --git a/web/img/emotes/letsgo.webp b/web/img/emotes/letsgo.webp new file mode 100644 index 0000000..6d7cd02 Binary files /dev/null and b/web/img/emotes/letsgo.webp differ diff --git a/web/img/emotes/monkasteer.webp b/web/img/emotes/monkasteer.webp new file mode 100644 index 0000000..9af2715 Binary files /dev/null and b/web/img/emotes/monkasteer.webp differ diff --git a/web/img/emotes/noooo.webp b/web/img/emotes/noooo.webp new file mode 100644 index 0000000..f89ee21 Binary files /dev/null and b/web/img/emotes/noooo.webp differ diff --git a/web/img/emotes/omegalul.webp b/web/img/emotes/omegalul.webp new file mode 100644 index 0000000..d2d74e6 Binary files /dev/null and b/web/img/emotes/omegalul.webp differ diff --git a/web/img/emotes/ooo.webp b/web/img/emotes/ooo.webp new file mode 100644 index 0000000..e7559ed Binary files /dev/null and b/web/img/emotes/ooo.webp differ diff --git a/web/img/emotes/peepodj.webp b/web/img/emotes/peepodj.webp new file mode 100644 index 0000000..56afc08 Binary files /dev/null and b/web/img/emotes/peepodj.webp differ diff --git a/web/img/emotes/peepohey.webp b/web/img/emotes/peepohey.webp new file mode 100644 index 0000000..3ae0769 Binary files /dev/null and b/web/img/emotes/peepohey.webp differ diff --git a/web/img/emotes/peeporiot.webp b/web/img/emotes/peeporiot.webp new file mode 100644 index 0000000..49b22ce Binary files /dev/null and b/web/img/emotes/peeporiot.webp differ diff --git a/web/img/emotes/peeposhy.webp b/web/img/emotes/peeposhy.webp new file mode 100644 index 0000000..10ebc54 Binary files /dev/null and b/web/img/emotes/peeposhy.webp differ diff --git a/web/img/emotes/peped.webp b/web/img/emotes/peped.webp new file mode 100644 index 0000000..5055643 Binary files /dev/null and b/web/img/emotes/peped.webp differ diff --git a/web/img/emotes/petthemods.webp b/web/img/emotes/petthemods.webp new file mode 100644 index 0000000..a415bc3 Binary files /dev/null and b/web/img/emotes/petthemods.webp differ diff --git a/web/img/emotes/pog.webp b/web/img/emotes/pog.webp new file mode 100644 index 0000000..13e22db Binary files /dev/null and b/web/img/emotes/pog.webp differ diff --git a/web/img/emotes/pogu.webp b/web/img/emotes/pogu.webp new file mode 100644 index 0000000..7a074c8 Binary files /dev/null and b/web/img/emotes/pogu.webp differ diff --git a/web/img/emotes/prayge.webp b/web/img/emotes/prayge.webp new file mode 100644 index 0000000..eca8529 Binary files /dev/null and b/web/img/emotes/prayge.webp differ diff --git a/web/img/emotes/ratjam.webp b/web/img/emotes/ratjam.webp new file mode 100644 index 0000000..de28a9b Binary files /dev/null and b/web/img/emotes/ratjam.webp differ diff --git a/web/img/emotes/sniffa.webp b/web/img/emotes/sniffa.webp new file mode 100644 index 0000000..59ccb5d Binary files /dev/null and b/web/img/emotes/sniffa.webp differ diff --git a/web/img/emotes/sussy.webp b/web/img/emotes/sussy.webp new file mode 100644 index 0000000..eb83b73 Binary files /dev/null and b/web/img/emotes/sussy.webp differ diff --git a/web/img/emotes/xdd.webp b/web/img/emotes/xdd.webp new file mode 100644 index 0000000..1d0708f Binary files /dev/null and b/web/img/emotes/xdd.webp differ diff --git a/web/img/firefox_1.png b/web/img/firefox_1.png new file mode 100644 index 0000000..744c40f Binary files /dev/null and b/web/img/firefox_1.png differ diff --git a/web/img/firefox_2.png b/web/img/firefox_2.png new file mode 100644 index 0000000..4872b9d Binary files /dev/null and b/web/img/firefox_2.png differ diff --git a/web/img/firefox_3.png b/web/img/firefox_3.png new file mode 100644 index 0000000..50be7dd Binary files /dev/null and b/web/img/firefox_3.png differ diff --git a/web/img/firefox_4.png b/web/img/firefox_4.png new file mode 100644 index 0000000..a671dc0 Binary files /dev/null and b/web/img/firefox_4.png differ diff --git a/web/img/firefox_5.png b/web/img/firefox_5.png new file mode 100644 index 0000000..2b7924c Binary files /dev/null and b/web/img/firefox_5.png differ diff --git a/web/img/firefox_6.png b/web/img/firefox_6.png new file mode 100644 index 0000000..80c3b79 Binary files /dev/null and b/web/img/firefox_6.png differ diff --git a/web/img/firefox_7.png b/web/img/firefox_7.png new file mode 100644 index 0000000..c6e3bf6 Binary files /dev/null and b/web/img/firefox_7.png differ diff --git a/web/img/icons/github-mark-white.svg b/web/img/icons/github-mark-white.svg new file mode 100644 index 0000000..d5e6491 --- /dev/null +++ b/web/img/icons/github-mark-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/img/logo_full.png b/web/img/logo_full.png new file mode 100644 index 0000000..75fcc24 Binary files /dev/null and b/web/img/logo_full.png differ diff --git a/web/img/quick_emote_picker.png b/web/img/quick_emote_picker.png new file mode 100644 index 0000000..2284103 Binary files /dev/null and b/web/img/quick_emote_picker.png differ diff --git a/web/img/settings_panel.png b/web/img/settings_panel.png new file mode 100644 index 0000000..8e67e83 Binary files /dev/null and b/web/img/settings_panel.png differ diff --git a/web/index.html b/web/index.html new file mode 100644 index 0000000..2791dea --- /dev/null +++ b/web/index.html @@ -0,0 +1,155 @@ + + + + + + NipahTV + + + + + + +
+
+ Logo icon + +
+
+ +
+ +
+ Emote menu +

Easy to use emote menu

+
+
+ Quick emote picker +

Quick emote picker for easy access

+
+
+ Commands menu +

Improved moderator experience with enhanced Kick commands

+
+
+ Settings panel +

Quality of life features

+
+
+
+

Follow us on Github

+ + Github logo + +
+
+
+ + + + diff --git a/web/style.css b/web/style.css new file mode 100644 index 0000000..5d34d01 --- /dev/null +++ b/web/style.css @@ -0,0 +1,269 @@ +* { + box-sizing: border-box; +} + +body { + background-color: #1c1719; + font-family: "Inter", sans-serif; + font-variation-settings: "slnt" 0; + font-optical-sizing: auto; + font-style: normal; + color: white; + margin: 0; +} + +input, +select { + font-family: "Inter", sans-serif; + font-variation-settings: "slnt" 0; + font-optical-sizing: auto; + font-style: normal; +} + +h2, +h3 { + line-height: 1.5; +} + +h2 { + font-size: 1.618em; + text-align: center; + font-weight: 400; +} + +h3 { + font-weight: normal; + font-size: 1.618em; + max-width: 26rem; +} + +p { + line-height: 1.618em; + max-width: 50em; +} + +p, +a { + word-break: break-word; +} + +a, +a:visited { + color: #76bded; +} + +img { + max-width: 100%; +} + +.elevation-3 { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} + +.flex-center { + justify-content: center; + align-items: center; + display: flex; + gap: 1.618em; +} + +.grid-center { + justify-items: center; + display: grid; +} + +.text-center { + text-align: center; +} + +.button { + background-color: #f0f0f0; + border-radius: 0.618em; + text-decoration: none; + padding: 1em 1.618em; + font-weight: 500; + color: #000; +} +.button:visited { + color: #000; +} + +.container { + max-width: 1140px; + padding: 0 1em; + margin: 0 auto; + width: 100%; +} + +.tabs { + justify-content: center; + margin-top: 3em; + flex-wrap: wrap; + display: flex; +} +.tabs > input[type=radio] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.tabs > label { + border-radius: 0.2em; + background: #fff; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + cursor: pointer; + color: black; + opacity: 0.68; + padding: 1em; +} +.tabs__panels { + margin-top: 2.618em; + width: 100%; +} +.tabs__panel { + justify-items: center; + display: none; + width: 100%; +} +.tabs__panel img { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + margin: 1.618em 0; +} +.tabs > input:first-child:checked ~ .tabs__panels > .tabs__panel:first-child, .tabs > input:nth-child(3):checked ~ .tabs__panels > .tabs__panel:nth-child(2), .tabs > input:nth-child(5):checked ~ .tabs__panels > .tabs__panel:nth-child(3), .tabs > input:nth-child(7):checked ~ .tabs__panels > .tabs__panel:nth-child(4), .tabs > input:nth-child(9):checked ~ .tabs__panels > .tabs__panel:nth-child(5), .tabs > input:nth-child(11):checked ~ .tabs__panels > .tabs__panel:nth-child(6) { + display: grid; +} +.tabs > label:hover, .tabs > input:focus + label, .tabs > input:checked + label { + background: #faf6f8; + opacity: 1; +} + +header { + background-color: #700f39; + color: white; + /* padding: 1em 0; */ +} +header .container { + justify-content: center; + align-items: center; + padding-right: 3em; /* To center the nav */ + display: flex; +} +@media (max-width: 500px) { + header .container { + padding-right: 0; + } +} +header img { + height: 3em; + width: 3em; +} +header nav { + flex: 1 1; +} +header ul { + justify-content: center; + list-style-type: none; + font-size: 1em; + display: flex; + gap: 0.618em; + padding: 0; + margin: 0; +} +header li.active { + border-bottom: 2px solid rgba(255, 168, 168, 0.86); +} +header li:hover { + background-color: rgba(255, 168, 168, 0.36); + cursor: pointer; +} +header li a { + text-decoration: none; + display: inline-block; + line-height: 4.618em; + padding: 0 1em; + color: white; +} +header li a:visited { + color: white; +} + +section { + justify-content: center; + align-content: center; + align-items: center; + padding: 200px 25px; + row-gap: 1.618em; + -moz-column-gap: 5em; + column-gap: 5em; + flex-wrap: wrap; + display: flex; +} +section:nth-of-type(odd) { + background-color: #140c10; + flex-direction: row-reverse; +} +section.less-padding { + padding: 100px 25px; +} +section img { + border-radius: 0.618em; +} +section .row { + width: 100%; +} + +#banner { + flex-direction: row; + -moz-column-gap: 1.618em; + column-gap: 1.618em; + position: relative; + max-height: 70vh; + flex-wrap: wrap; + padding: 0 25px; + height: 750px; +} +#banner img { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + max-width: 100%; +} +#banner h2 { + width: 100%; +} +#banner .emotes_box { + container-type: size; + position: absolute; + overflow: hidden; + bottom: 0; + right: 0; + left: 0; + top: 0; +} +#banner .emotes_box img { + animation: emoteRain 2s ease-in; + transform: translateY(-10cqh); + transform-origin: center; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + height: 2.618em; + display: block; + width: 2.618em; + top: 0; +} +#banner > *:not(.emotes_box) { + z-index: 2; +} + +@keyframes emoteRain { + 0% { + transform: translateY(-10cqh) rotate(0); + } + 100% { + transform: translateY(100cqh) rotate(2turn); + } +} \ No newline at end of file diff --git a/web/style.scss b/web/style.scss new file mode 100644 index 0000000..313c321 --- /dev/null +++ b/web/style.scss @@ -0,0 +1,292 @@ +* { + box-sizing: border-box; +} + +body { + background-color: #1c1719; + font-family: 'Inter', sans-serif; + font-variation-settings: 'slnt' 0; + font-optical-sizing: auto; + font-style: normal; + color: white; + margin: 0; +} + +input, +select { + font-family: 'Inter', sans-serif; + font-variation-settings: 'slnt' 0; + font-optical-sizing: auto; + font-style: normal; +} + +h2, +h3 { + line-height: 1.5; +} + +h2 { + font-size: 1.618em; + text-align: center; + font-weight: 400; +} + +h3 { + font-weight: normal; + font-size: 1.618em; + max-width: 26rem; +} + +p { + line-height: 1.618em; + max-width: 50em; +} + +p, +a { + word-break: break-word; +} + +a, +a:visited { + color: #76bded; +} + +img { + max-width: 100%; +} + +.elevation-3 { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} + +.flex-center { + justify-content: center; + align-items: center; + display: flex; + gap: 1.618em; +} + +.grid-center { + justify-items: center; + display: grid; +} + +.text-center { + text-align: center; +} + +.button { + background-color: #f0f0f0; + border-radius: 0.618em; + text-decoration: none; + padding: 1em 1.618em; + font-weight: 500; + color: #000; + + &:visited { + color: #000; + } +} + +.container { + max-width: 1140px; + padding: 0 1em; + margin: 0 auto; + width: 100%; +} + +.tabs { + justify-content: center; + margin-top: 3em; + flex-wrap: wrap; + display: flex; + + > input[type='radio'] { + appearance: none; + } + + > label { + border-radius: 0.2em; + background: #fff; + user-select: none; + cursor: pointer; + color: black; + opacity: 0.68; + padding: 1em; + } + + &__panels { + margin-top: 2.618em; + width: 100%; + } + + &__panel { + justify-items: center; + display: none; + width: 100%; + + img { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + margin: 1.618em 0; + } + } + + & > input:first-child:checked ~ &__panels > &__panel:first-child, + & > input:nth-child(3):checked ~ &__panels > &__panel:nth-child(2), + & > input:nth-child(5):checked ~ &__panels > &__panel:nth-child(3), + & > input:nth-child(7):checked ~ &__panels > &__panel:nth-child(4), + & > input:nth-child(9):checked ~ &__panels > &__panel:nth-child(5), + & > input:nth-child(11):checked ~ &__panels > &__panel:nth-child(6) { + display: grid; + } + + & > label:hover, + & > input:focus + label, + & > input:checked + label { + background: #faf6f8; + opacity: 1; + } +} + +header { + background-color: #700f39; + color: white; + /* padding: 1em 0; */ + + .container { + justify-content: center; + align-items: center; + padding-right: 3em; /* To center the nav */ + display: flex; + + @media (max-width: 500px) { + padding-right: 0; + } + } + + img { + height: 3em; + width: 3em; + } + + nav { + flex: 1 1; + } + + ul { + justify-content: center; + list-style-type: none; + font-size: 1em; + display: flex; + gap: 0.618em; + padding: 0; + margin: 0; + } + + li { + &.active { + border-bottom: 2px solid rgba(255, 168, 168, 0.86); + } + + &:hover { + background-color: rgba(255, 168, 168, 0.36); + cursor: pointer; + } + + a { + text-decoration: none; + display: inline-block; + line-height: 4.618em; + padding: 0 1em; + color: white; + + &:visited { + color: white; + } + } + } +} + +section { + justify-content: center; + align-content: center; + align-items: center; + padding: 200px 25px; + row-gap: 1.618em; + column-gap: 5em; + flex-wrap: wrap; + display: flex; + + &:nth-of-type(odd) { + background-color: #140c10; + flex-direction: row-reverse; + } + + &.less-padding { + padding: 100px 25px; + } + + img { + border-radius: 0.618em; + } + + .row { + width: 100%; + } +} + +#banner { + flex-direction: row; + column-gap: 1.618em; + position: relative; + max-height: 70vh; + flex-wrap: wrap; + padding: 0 25px; + height: 750px; + + img { + pointer-events: none; + user-select: none; + max-width: 100%; + } + + h2 { + width: 100%; + } + + .emotes_box { + container-type: size; + position: absolute; + overflow: hidden; + bottom: 0; + right: 0; + left: 0; + top: 0; + + img { + animation: emoteRain 2s ease-in; + transform: translateY(-10cqh); + transform-origin: center; + pointer-events: none; + user-select: none; + height: 2.618em; + display: block; + width: 2.618em; + top: 0; + } + } + + > *:not(.emotes_box) { + z-index: 2; + } +} + +@keyframes emoteRain { + 0% { + transform: translateY(-10cqh) rotate(0); + } + 100% { + transform: translateY(100cqh) rotate(2turn); + } +} diff --git a/web/userscript.html b/web/userscript.html new file mode 100644 index 0000000..e90f911 --- /dev/null +++ b/web/userscript.html @@ -0,0 +1,151 @@ + + + + + + NipahTV - Userscript + + + + + + +
+
+ Logo icon + +
+
+ +
+
+
+

Userscript Installation Instructions

+ +

Userscripts are scripts that can be installed in your browser to add new features to websites. NipahTV is also available as an userscript that adds new features to the Kick website. To install the script, you will need to install an userscript manager extension in your browser.

+ +
+ + + + + + + + + + + + + + + + + + +
+
+

We recommend using the open source Violentmonkey extension as Userscript manager. You can get it from the Chrome Web Store.

+ +

After installing the Userscript manager, click here to install the script. A new page will open asking you to install the script. Click the "+ Close" button to install the script and close the page.

+ Chrome screenshot + +

Want to keep 7TV extension for Twitch or Youtube?

+

If you want to keep using the 7TV extension for other sites like Twitch or Youtube, make sure the extension is not enabled on the Kick domain. To do this, either disable the Kick plaform on the 7TV settings page or go to your browser extensions and follow the following steps to disable it.

+ + Chrome screenshot + Chrome screenshot + +

That's all there is to it, enjoy!

+
+
+

We recommend using the open source Violentmonkey extension as Userscript manager. You can get it from the Firefox Add-ons.

+ +

After installing the Userscript manager, click on the extension and open it's dashboard.

+ Firefox screenshot +

Next in the topleft corner click on the plus icon and choose "Install from URL".

+ Firefox screenshot +

It will ask you to input an URL, enter: https://raw.githubusercontent.com/Xzensi/NipahTV/master/dist/userscript/client.user.js

+ Firefox screenshot +

On a new page it will ask you to install the script. Press "+ Close" to install and close the page.

+ Firefox screenshot + +

Want to keep 7TV extension for Twitch or Youtube?

+

If you want to keep using the 7TV extension for other sites like Twitch or Youtube, make sure the extension is not enabled on the Kick domain. To do this, either disable the Kick plaform on the 7TV settings page or go to your browser extensions and follow the following steps to disable it.

+ + Firefox screenshot + Firefox screenshot + Firefox screenshot + +

That's all there is to it, enjoy!

+
+
+

We recommend using the open source Violentmonkey extension as Userscript manager. You can get it from the Microsoft Edge Add-ons.

+ +

After installing the Userscript manager,click here to install the script. A new page will open asking you to install the script. Click the "+ Close" button to install the script and close the page. Lastly, make sure to read the part about 7TV in this section.

+ Edge screenshot + +

Want to keep 7TV extension for Twitch or Youtube?

+

If you want to keep using the 7TV extension for other sites like Twitch or Youtube, make sure the extension is not enabled on the Kick domain. To do this, either disable the Kick plaform on the 7TV settings page or go to your browser extensions and follow the following steps to disable it.

+ + Edge screenshot + Edge screenshot + +

That's all there is to it, enjoy!

+
+
+

Should be same steps as Chrome and Edge. Please let me know if it's not.

+
+
+

I don't have a Mac so I can't add instructions for this. If you have a Mac, please send me some screenshots and instructions if you can so I can add them here.

+
+
+

If you're already familiar with userscripts, you can just grab it from this URL:
+ https://raw.githubusercontent.com/Xzensi/NipahTV/master/dist/userscript/client.user.js +

+ Make sure you don't have 7TV extension enabled alongside NipahTV on Kick. Just disable the extension for the kick domain/plaform in your browser settings of the extension.

+
+
+
+
+ +
+
+
+

Follow us on Github

+ + Github logo + +
+
+
+ + + +