TKMultiviewer/index.html at main · timswhatever/TKMultiviewer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Multiviewer</title>
    <link rel="stylesheet" href="styling/index.css">
    <link rel="stylesheet" href="styling/general.css">
    <link rel="stylesheet" href="styling/grid.css">
    <link rel="stylesheet" href="styling/toggle.css">
    <link rel="stylesheet" href="styling/themes.css">
    <link rel="stylesheet" href="styling/chat.css">
    <link rel="stylesheet" href="styling/opacity.css">

    <script src="js/players.js"></script>
    <script src="js/chat.js"></script>
    <script src="js/mobile-prevention.js"></script>
    <script src="js/themes.js"></script>
    <script src="js/chat.js"></script>
    <script src="js/settings.js"></script>
    <script async defer src="https://buttons.github.io/buttons.js"></script>

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    <link rel="author" href="https://github.com/timswhatever" />
    <meta name="description" content="A multi-viewer for twitch and kick live streaming platforms that allows you to view (almost) unlimited streams.">
    <meta name="keywords" content="multiviewer, twitch, kick, multi, viewer, twitch multiviewer, kick multiviewer">
  </head>

  <body>

    <!-- Sorry mobile users :( -->
    <div class="mobile-block" style="visibility:hidden;">
      <div class="bubble">
        <h1>Hey!</h1>
        <p>It appears you are trying to access this website on mobile.</p>
        <p>I have disabled mobile support because it would probably set your phone on fire, need to fix mobile viewing anyways.</p>
        <p>However if you are viewing this on an iPad or similar and your seeing this message, let me know on <a href="https://github.com/timswhatever">Github</a></p>
        <a class="github-button" href="https://github.com/timswhatever/timswhatever.github.io/issues" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-issue-opened" data-size="large" aria-label="Issue timswhatever/timswhatever.github.io on GitHub">Issue</a>
      </div>
    </div>

    <div class="settings-menu">
      <div class="bubble">
          <h1>TKMultiviewer</h1>
          <button class="settings-close">x</button>
        <div class="bubble-below">
          <select class="themes">
            <option value="dark-mode">Dark Mode (Default)</option>
            <option value="light-mode">Light mode</option>
            <option value="grey">Grey</option>
            <option value="purple-dark">Purple (Dark)</option>
            <option value="purple-light">Purple (Light)</option>
            <option value="green-dark">Green (Dark)</option>
            <option value="green-light">Green (Light)</option>
            <option value="gamer-mode">Gamer Mode</option>
          </select>
          <p>Chat Opacity</p>
          <input type="range" min="10" max="100" value="50" class="opacity-slider" oninput="chatOpacity()">
          <a class="github-button" href="https://github.com/timswhatever/timswhatever.github.io" data-color-scheme="no-preference: dark; light: dark; dark: dark;" data-size="large" aria-label="Star timswhatever/timswhatever.github.io on GitHub">Star</a>
        </div>
      </div>
    </div>

    <div class="header">
      <h1 class="header-title">TKMultiviewer</h1>
      <button class="settings-button">
        <img class="settings-img" src="assets/settingsdarkmode.svg">
      </button>
    </div>

    <div class="button-wrapper">
      <button class="plus-button js-plus-button" onclick="addPlayer()" tabindex="0">+</button>
    </div>

    <div class="embed-grid">
    </div>

    <div class="button-wrapper">
      <button class="plus-button js-plus-button bottom-plus-button" onclick="addPlayer()">+</button>
    </div>

    <button class="open-close-chat" onclick="openCloseChat()">&lt</button>

    <div class="chat-box" style="display: none;">
      <div class="chat-tabs">
      </div>
      <div class="chat-window">
        <iframe class="chat-iframe" src="" frame-order="0" style="display: none;"></iframe>
      </div>
    </div>

  </body>
</html>