index.html


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

<!DOCTYPE html>
<html>

<head>
    <title>ilotterytea&apos;s chat widget</title>
    <link rel="stylesheet" href="/style.css">
</head>

<body class="center">
    <h1><img src="/logo.png" alt> ilotterytea&apos;s chat widget</h1>
    <p>a simple, client-side, lightweight Twitch chat for your streams.</p>
    <form action="/twitch.html" method="get">
        <div>
            <label for="channel">Channel name:</label>
            <input type="text" name="channel" id="channel" placeholder="forsen">
        </div>
        <div>
            <label for="fetchrecentmessages">Fetch recent messages:</label>
            <input type="checkbox" name="fetchrecentmessages" id="fetchrecentmessages" value="1">
        </div>
        <div>
            <label for="thirdpartyemotes">Enable Third-party emotes
                <i>&lpar;FFZ, BTTV, 7TV, TinyEmotes&rpar;</i>:</label>
            <input type="checkbox" name="thirdpartyemotes" id="thirdpartyemotes" value="1" checked>
        </div>
        <div>
            <label for="membership">Show joined/parted chatters:</label>
            <input type="checkbox" name="membership" id="membership" value="1">
        </div>
        <div>
            <label for="perplex">Perplex chat:</label>
            <input type="checkbox" name="perplex" id="perplex" value="1">
        </div>
        <details>
            <summary>More...</summary>

            <div>
                <label for="ircserver">IRC server:</label>
                <input type="url" name="ircserver" id="ircserver" placeholder="wss://irc-ws.chat.twitch.tv">
            </div>

            <div>
                <label for="ircuser">IRC username:</label>
                <input type="name" name="ircuser" id="ircuser" placeholder="justinfan12345">
            </div>

            <div>
                <label for="ircpass">IRC password:</label>
                <input type="password" name="ircpass" id="ircpass" placeholder="65432">
            </div>

            <div>
                <label for="tinyemotesinstances">TinyEmotes
                    instances:</label>
                <textarea name="tinyemotesinstances" id="tinyemotesinstances" placeholder="1 URL per line"></textarea>
            </div>

        </details>
        <button type="submit">Generate</button>
    </form>
</body>

</html>