diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..01e48f8 --- /dev/null +++ b/index.html | |||
| @@ -0,0 +1,71 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 2 | <html lang="en"> | ||
| 3 | |||
| 4 | <head> | ||
| 5 | <meta charset="utf-8" /> | ||
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
| 7 | <meta name="robots" content="noindex" /> | ||
| 8 | |||
| 9 | <title>Livestream IRC</title> | ||
| 10 | |||
| 11 | <link rel="stylesheet" href="style.css" /> | ||
| 12 | </head> | ||
| 13 | |||
| 14 | <body> | ||
| 15 | <section class="c-section c-section--create"> | ||
| 16 | <form class="c-form" action="index.html" method="GET"> | ||
| 17 | <label class="c-form-field"> | ||
| 18 | <div class="c-form-field__label">Title</div> | ||
| 19 | <input class="c-form-field__input" name="title" /> | ||
| 20 | <div class="c-form-field__help"> | ||
| 21 | Optional title for your stream page. | ||
| 22 | </div> | ||
| 23 | </label> | ||
| 24 | <label class="c-form-field"> | ||
| 25 | <div class="c-form-field__label">Stream embed URL</div> | ||
| 26 | <input class="c-form-field__input" name="stream" /> | ||
| 27 | <div class="c-form-field__help"> | ||
| 28 | The URL of the stream you want to embed. | ||
| 29 | Make sure you use an embed URL so only the player is displayed instead of the whole website. | ||
| 30 | In case of PeerTube, replace the "/watch/" part in the URL with "/embed/". | ||
| 31 | </div> | ||
| 32 | </label> | ||
| 33 | <label class="c-form-field"> | ||
| 34 | <div class="c-form-field__label">IRC channel URL</div> | ||
| 35 | <input class="c-form-field__input" name="irc" /> | ||
| 36 | <div class="c-form-field__help"> | ||
| 37 | The URL pointing to a channel on an IRC server. | ||
| 38 | It has the format "ircs://chat.server/channel", where "chat.server" is the IRC server | ||
| 39 | and "channel" the name of the channel without the leading #. | ||
| 40 | Use "irc://..." if the server does not support TLS. | ||
| 41 | </div> | ||
| 42 | </label> | ||
| 43 | <button class="c-form-field">Create</button> | ||
| 44 | </form> | ||
| 45 | </section> | ||
| 46 | |||
| 47 | <section class="c-section c-section--main u-hidden"> | ||
| 48 | <div class="c-msg"> | ||
| 49 | <p class="c-msg__content"> | ||
| 50 | <a class="c-irc-link" href="ircs://irc.vulpes.one:6697/livestream">Join #livestream on irc.vulpes.one</a> | ||
| 51 | </p> | ||
| 52 | <button class="c-msg__close"> | ||
| 53 | <div class="c-close-icon"></div> | ||
| 54 | </button> | ||
| 55 | </div> | ||
| 56 | |||
| 57 | <div class="c-frame c-frame--pt"> | ||
| 58 | <iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" frameborder="0" | ||
| 59 | allowfullscreen></iframe> | ||
| 60 | </div> | ||
| 61 | |||
| 62 | <div class="c-frame c-frame--irc"> | ||
| 63 | <iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" | ||
| 64 | frameborder="0"></iframe> | ||
| 65 | </div> | ||
| 66 | </section> | ||
| 67 | |||
| 68 | <script type=text/javascript src="script.js"></script> | ||
| 69 | </body> | ||
| 70 | |||
| 71 | </html> | ||