42 lines
1.3 KiB
HTML
42 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Chat</title>
|
|
<link rel="shortcut icon" href="/static/icons/icon.png" type="image/x-icon">
|
|
<link rel="stylesheet" href="/static/stylesheet/chat.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container">
|
|
<div class="sidebar">
|
|
<h2>Contacts</h2>
|
|
<ul id="contacts"></ul>
|
|
</div>
|
|
|
|
<div class="chat-area">
|
|
<div class="item" draggable="true"></div>
|
|
<form id="recipientForm">
|
|
<input id="recipient" autocomplete="off" placeholder="Enter contact"/>
|
|
<button type="submit">Set contact</button>
|
|
</form>
|
|
|
|
<ul id="messages"></ul>
|
|
|
|
<form id="form" action="">
|
|
<input id="input" autocomplete="off" placeholder="Enter message"/>
|
|
<p id="messageBox"></p>
|
|
<button type="submit">Send</button>
|
|
<button type="button" id="settings" onclick="document.location.href='/settings';">Settings</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/socket.io/socket.io.js"></script>
|
|
<script src="/static/js/chat.js"></script>
|
|
|
|
</body>
|
|
</html> |