Merge branch 'dev'

Xzensi · Jun 1, 2024 · 37ba44b · 37ba44b
2 parents c05eb27 + ee626f1
commit 37ba44b
Show file tree

Hide file tree

Showing 52 changed files with 896 additions and 27 deletions.
diff --git 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
@@ -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
diff --git a/web/img/brave_3.jpg b/web/img/brave_3.jpg
diff --git a/web/img/chrome_1.png b/web/img/chrome_1.png
diff --git a/web/img/chrome_2.png b/web/img/chrome_2.png
diff --git a/web/img/chrome_3.png b/web/img/chrome_3.png
diff --git a/web/img/commands_menu.png b/web/img/commands_menu.png
diff --git a/web/img/edge_1.png b/web/img/edge_1.png
diff --git a/web/img/edge_2.png b/web/img/edge_2.png
diff --git a/web/img/edge_3.png b/web/img/edge_3.png
diff --git a/web/img/emote_menu.png b/web/img/emote_menu.png
diff --git a/web/img/emotes/bedge.webp b/web/img/emotes/bedge.webp
diff --git a/web/img/emotes/booba.webp b/web/img/emotes/booba.webp
diff --git a/web/img/emotes/clueless.webp b/web/img/emotes/clueless.webp
diff --git a/web/img/emotes/donowall.webp b/web/img/emotes/donowall.webp
diff --git a/web/img/emotes/gigachad.webp b/web/img/emotes/gigachad.webp
diff --git a/web/img/emotes/hmm.webp b/web/img/emotes/hmm.webp
diff --git a/web/img/emotes/huh.webp b/web/img/emotes/huh.webp
diff --git a/web/img/emotes/letsgo.webp b/web/img/emotes/letsgo.webp
diff --git a/web/img/emotes/monkasteer.webp b/web/img/emotes/monkasteer.webp
diff --git a/web/img/emotes/noooo.webp b/web/img/emotes/noooo.webp
diff --git a/web/img/emotes/omegalul.webp b/web/img/emotes/omegalul.webp
diff --git a/web/img/emotes/ooo.webp b/web/img/emotes/ooo.webp
diff --git a/web/img/emotes/peepodj.webp b/web/img/emotes/peepodj.webp
diff --git a/web/img/emotes/peepohey.webp b/web/img/emotes/peepohey.webp
diff --git a/web/img/emotes/peeporiot.webp b/web/img/emotes/peeporiot.webp
diff --git a/web/img/emotes/peeposhy.webp b/web/img/emotes/peeposhy.webp
diff --git a/web/img/emotes/peped.webp b/web/img/emotes/peped.webp
diff --git a/web/img/emotes/petthemods.webp b/web/img/emotes/petthemods.webp
diff --git a/web/img/emotes/pog.webp b/web/img/emotes/pog.webp
diff --git a/web/img/emotes/pogu.webp b/web/img/emotes/pogu.webp
diff --git a/web/img/emotes/prayge.webp b/web/img/emotes/prayge.webp
diff --git a/web/img/emotes/ratjam.webp b/web/img/emotes/ratjam.webp
diff --git a/web/img/emotes/sniffa.webp b/web/img/emotes/sniffa.webp
diff --git a/web/img/emotes/sussy.webp b/web/img/emotes/sussy.webp
diff --git a/web/img/emotes/xdd.webp b/web/img/emotes/xdd.webp
diff --git a/web/img/firefox_1.png b/web/img/firefox_1.png
diff --git a/web/img/firefox_2.png b/web/img/firefox_2.png
diff --git a/web/img/firefox_3.png b/web/img/firefox_3.png
diff --git a/web/img/firefox_4.png b/web/img/firefox_4.png
diff --git a/web/img/firefox_5.png b/web/img/firefox_5.png
diff --git a/web/img/firefox_6.png b/web/img/firefox_6.png
diff --git a/web/img/firefox_7.png b/web/img/firefox_7.png
diff --git a/web/img/icons/github-mark-white.svg b/web/img/icons/github-mark-white.svg
diff --git a/web/img/logo_full.png b/web/img/logo_full.png
diff --git a/web/img/quick_emote_picker.png b/web/img/quick_emote_picker.png
diff --git a/web/img/settings_panel.png b/web/img/settings_panel.png
diff --git a/web/index.html b/web/index.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>NipahTV</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" />
+ </head>
+ <body>
+ <header>
+ <div class="container">
+ <img src="img/NTV_icon_128.png" alt="Logo icon" />
+ <nav>
+ <ul>
+ <li class="active"><a href="index.html">HOME</a></li>
+ <li><a href="userscript.html">USERSCRIPT</a></li>
+ </ul>
+ </nav>
+ </div>
+ </header>
+
+ <main>
+ <section id="banner">
+ <div class="emotes_box"></div>
+ <img src="img/logo_full.png" alt="NipahTV Logo" />
+ <h2>A Better Kick and 7TV Emote Integration for Kick.</h2>
+ <!-- <a href="#" class="button">Install for Chrome</a> -->
+ <a href="userscript.html" class="button">Get Userscript</a>
+ </section>
+ <section>
+ <img src="img/emote_menu.png" alt="Emote menu" class="elevation-3" />
+ <h3>Easy to use emote menu</h3>
+ </section>
+ <section>
+ <img src="img/quick_emote_picker.png" alt="Quick emote picker" class="elevation-3" />
+ <h3>Quick emote picker for easy access</h3>
+ </section>
+ <section>
+ <img src="img/commands_menu.png" alt="Commands menu" class="elevation-3" />
+ <h3>Improved moderator experience with enhanced Kick commands</h3>
+ </section>
+ <section>
+ <img src="img/settings_panel.png" alt="Settings panel" class="elevation-3" />
+ <h3>Quality of life features</h3>
+ </section>
+ <section>
+ <div class="container text-center">
+ <h3>Follow us on Github</h3>
+ <a href="https://github.com/Xzensi/NipahTV" target="_blank" rel="noopener">
+ <img src="img/icons/github-mark-white.svg" alt="Github logo" target="_blank" />
+ </a>
+ </div>
+ </section>
+ </main>
+
+ <script>
+ const emojis = [
+ 'peped',
+ 'petthemods',
+ 'pog',
+ 'pogu',
+ 'prayge',
+ 'ratjam',
+ 'sniffa',
+ 'sussy',
+ 'xdd',
+ 'bedge',
+ 'booba',
+ 'clueless',
+ 'donowall',
+ 'gigachad',
+ 'hmm',
+ 'huh',
+ 'letsgo',
+ 'monkasteer',
+ 'noooo',
+ 'omegalul',
+ 'ooo',
+ 'peepodj',
+ 'peepohey',
+ 'peeporiot',
+ 'peeposhy'
+ ]
+
+ function debounce(func, wait, immediate) {
+ let timeout
+ return function () {
+ const context = this
+ const args = arguments
+ const later = function () {
+ timeout = null
+ if (!immediate) func.apply(context, args)
+ }
+ const callNow = immediate && !timeout
+ clearTimeout(timeout)
+ timeout = setTimeout(later, wait)
+ if (callNow) func.apply(context, args)
+ }
+ }
+
+ function splitmix32(a) {
+ return function () {
+ a |= 0
+ a = (a + 0x9e3779b9) | 0
+ let t = a ^ (a >>> 16)
+ t = Math.imul(t, 0x21f0aaad)
+ t = t ^ (t >>> 15)
+ t = Math.imul(t, 0x735a2d97)
+ return ((t = t ^ (t >>> 15)) >>> 0) / 4294967296
+ }
+ }
+
+ const prng = splitmix32((Math.random() * 2 ** 32) >>> 0)
+ const interval = 500
+ const imgSize = 48
+ const rand = Math.random
+
+ let clientWidth = document.body.clientWidth
+
+ function loop(width) {
+ if (width !== clientWidth) return
+
+ const emoji = emojis[(prng() * emojis.length) << 0]
+ const img = document.createElement('img')
+
+ img.src = `img/emotes/${emoji}.webp`
+ img.style.position = 'absolute'
+ img.style.left = `${prng() * 100}%`
+ img.addEventListener('animationend', img.remove)
+
+ document.querySelector('#banner .emotes_box').appendChild(img)
+
+ requestAnimationFrame(() => {
+ setTimeout(loop.bind(this, width), prng() * interval + interval / 2)
+ })
+ }
+
+ const loopCount = document.body.clientWidth / 700
+ for (let i = loopCount; i > 0; i--) loop(clientWidth)
+
+ function resize() {
+ if (clientWidth === document.body.clientWidth) return
+
+ clientWidth = document.body.clientWidth
+ const loopCount = document.body.clientWidth / 700 + 0.5
+ for (let i = loopCount; i > 0; i--) loop(clientWidth)
+ }
+
+ window.addEventListener('resize', debounce(resize, 500))
+ </script>
+ </body>
+</html>