2021-10-24 22:48:10 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<title>watch party :D</title>
|
2021-11-10 12:28:18 +00:00
|
|
|
<link rel="stylesheet" href="/styles.css?v=3" />
|
2021-10-24 22:48:10 +00:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<noscript>
|
|
|
|
|
This site will <em>not</em> work without JavaScript, and there's not
|
|
|
|
|
really any way around that :(
|
|
|
|
|
</noscript>
|
|
|
|
|
|
|
|
|
|
<div id="pre-join-controls">
|
|
|
|
|
<form id="join-session-form">
|
|
|
|
|
<h2>Join a session</h2>
|
|
|
|
|
|
2021-10-25 01:59:52 +00:00
|
|
|
<label for="nickname">Nickname:</label>
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
id="join-session-nickname"
|
|
|
|
|
placeholder="Nickname"
|
|
|
|
|
required
|
|
|
|
|
/>
|
|
|
|
|
|
2021-10-24 22:48:10 +00:00
|
|
|
<label for="session-id">Session ID:</label>
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
id="join-session-id"
|
|
|
|
|
placeholder="123e4567-e89b-12d3-a456-426614174000"
|
|
|
|
|
required
|
|
|
|
|
/>
|
|
|
|
|
<button>Join</button>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<p>
|
|
|
|
|
No session to join? <a href="/create.html">Create a session</a> instead.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
2021-10-25 01:59:52 +00:00
|
|
|
<div id="video-container"></div>
|
2021-11-05 13:07:21 +00:00
|
|
|
<div id="chatbox-container">
|
|
|
|
|
<div id="chatbox"></div>
|
|
|
|
|
<form id="chatbox-send">
|
2021-11-10 12:28:18 +00:00
|
|
|
<input type="text" id="message-box" placeholder="Message..." />
|
|
|
|
|
<input type="button" id="pop-chat" value="Pop out chat" />
|
2021-11-05 13:07:21 +00:00
|
|
|
</form>
|
|
|
|
|
</div>
|
2021-10-25 01:59:52 +00:00
|
|
|
|
2021-11-10 12:28:18 +00:00
|
|
|
<script type="module" src="/main.mjs?v=2"></script>
|
2021-10-24 22:48:10 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
