76 lines
2.5 KiB
HTML
76 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Transient.chat - Chat Room</title>
|
|
<link rel="stylesheet" href="/assets/css/styles.css" />
|
|
<link rel="stylesheet" href="/assets/css/chat.css" />
|
|
<link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon" />
|
|
</head>
|
|
<body>
|
|
<h1 id="room-title">Chat Room</h1>
|
|
<div id="page-container">
|
|
<div id="chat-center">
|
|
<div id="messages"></div>
|
|
<form id="chat-form">
|
|
<input
|
|
type="text"
|
|
class="inputfield"
|
|
id="message-input"
|
|
placeholder="Type a message, paste in a link, or url to an image or youtube video."
|
|
autocomplete="off"
|
|
required
|
|
/>
|
|
<button type="submit">Send</button>
|
|
</form>
|
|
</div>
|
|
<div id="user-list-container">
|
|
<a
|
|
href="server_list.html"
|
|
style="
|
|
display: inline-block;
|
|
margin-bottom: 10px;
|
|
text-decoration: none;
|
|
"
|
|
>
|
|
<button>Server List</button>
|
|
</a>
|
|
<br />
|
|
<button
|
|
id="sound-toggle"
|
|
style="
|
|
margin-bottom: 10px;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
text-align: left;
|
|
"
|
|
>
|
|
🔊 Sound: On
|
|
</button>
|
|
<br />
|
|
<button
|
|
id="external-toggle"
|
|
style="
|
|
margin-bottom: 10px;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
text-align: left;
|
|
"
|
|
>
|
|
🔒 External Content: Off
|
|
</button>
|
|
<br />
|
|
<div id="encryption-container" style="margin-bottom: 15px; border: 1px solid #444; padding: 10px; border-radius: 5px; background: rgba(33, 150, 243, 0.1); text-align: left;">
|
|
<strong style="display: block; margin-bottom: 5px; font-size: 0.9em;">🔒 Encryption Keyring</strong>
|
|
<div id="keyring-list" style="margin-bottom: 8px; font-size: 0.85em; line-height: 1.4;"></div>
|
|
<button id="add-key-btn" style="width: 100%; background: #2196f3; color: white; border: none; padding: 5px; border-radius: 3px; cursor: pointer; font-size: 0.85em;">+ Add Passphrase</button>
|
|
</div>
|
|
<h3>Users in room</h3>
|
|
<div id="user-list"></div>
|
|
</div>
|
|
</div>
|
|
<script src="/assets/js/crypto.js"></script>
|
|
<script src="/assets/js/chat.js"></script>
|
|
</body>
|
|
</html>
|