38 lines
1.5 KiB
HTML
38 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>WebSocket Chat Room</title>
|
|
<link rel="stylesheet" type="text/css" href="./style.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div id="message"></div>
|
|
|
|
<textarea id="send" placeholder="Say something or run a command..." spellcheck="false"></textarea>
|
|
<div class="top-box">
|
|
<button class="send-button" onclick="clear_message()">Clear</button>
|
|
<p class="note"><input id="scroll-option" type="checkbox" checked /> Enable auto scroll</p>
|
|
<p class="note">Version: WS_2.0</p>
|
|
</div>
|
|
<div class="bottom-box">
|
|
<span class="note">Press Ctrl + Enter to send </span>
|
|
<button class="send-button" onclick="send()">Send</button>
|
|
</div>
|
|
<div id="prompt-box" hidden>
|
|
<div id="prompt-box-title"></div>
|
|
<div id="prompt-box-content">
|
|
<input type="text" id="prompt-data" />
|
|
<input type="button" value="OK" id="confirm-prompt" />
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/es5-shim@4.5.15/es5-shim.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/socket.io-client@4.0.0/dist/socket.io.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/dompurify@2.2.7/dist/purify.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
|
|
<script src="./script.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/remarkable@2.0.1/dist/remarkable.js"></script>
|
|
</body>
|
|
|
|
</html> |