summaryrefslogtreecommitdiffstats
path: root/index.html
blob: 01e48f8643627eace4770e9ce287f5cd2cbf0a62 (plain) (blame)
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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="robots" content="noindex" />

    <title>Livestream IRC</title>

    <link rel="stylesheet" href="style.css" />
</head>

<body>
    <section class="c-section c-section--create">
        <form class="c-form" action="index.html" method="GET">
            <label class="c-form-field">
                <div class="c-form-field__label">Title</div>
                <input class="c-form-field__input" name="title" />
                <div class="c-form-field__help">
                    Optional title for your stream page.
                </div>
            </label>
            <label class="c-form-field">
                <div class="c-form-field__label">Stream embed URL</div>
                <input class="c-form-field__input" name="stream" />
                <div class="c-form-field__help">
                    The URL of the stream you want to embed.
                    Make sure you use an embed URL so only the player is displayed instead of the whole website.
                    In case of PeerTube, replace the "/watch/" part in the URL with "/embed/".
                </div>
            </label>
            <label class="c-form-field">
                <div class="c-form-field__label">IRC channel URL</div>
                <input class="c-form-field__input" name="irc" />
                <div class="c-form-field__help">
                    The URL pointing to a channel on an IRC server.
                    It has the format "ircs://chat.server/channel", where "chat.server" is the IRC server
                    and "channel" the name of the channel without the leading #.
                    Use "irc://..." if the server does not support TLS.
                </div>
            </label>
            <button class="c-form-field">Create</button>
        </form>
    </section>

    <section class="c-section c-section--main u-hidden">
        <div class="c-msg">
            <p class="c-msg__content">
                <a class="c-irc-link" href="ircs://irc.vulpes.one:6697/livestream">Join #livestream on irc.vulpes.one</a>
            </p>
            <button class="c-msg__close">
                <div class="c-close-icon"></div>
            </button>
        </div>

        <div class="c-frame c-frame--pt">
            <iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" frameborder="0"
                allowfullscreen></iframe>
        </div>

        <div class="c-frame c-frame--irc">
            <iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
                frameborder="0"></iframe>
        </div>
    </section>

    <script type=text/javascript src="script.js"></script>
</body>

</html>