blob: 2b44e745ef7b3236a3e7ad5ed7548208cf2e43ef (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="main.js"></script>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
</head>
<body onload="load()">
<div id="leftpane">
<span class="navbar center">
<span>Localhost</span>
</span>
<span id="channelsbox">
<span>Only one channel atm</span>
</span>
<span id="usersettings">
<span>username: <input id="username"></span>
</span>
</div>
<div id="channel">
<span class="navbar center">
<span>
<button id="toggleleftpane" onclick="toggleleftpane()">
<i class="fa fa-align-left" aria-hidden="true"></i>
</button>
</span>
<span id = "info" class="UI">Server Information: </span>
<span>
<button id="toggleusers" onclick="togglerightpane()">
<i class="fa fa-users" aria-hidden="true"></i>
</button>
</span>
</span>
<span id="new_messages" class="new_messages">New Messages</span>
<div id="chatwindow" onscroll="onscrollchat()"></div>
<span id="inputbox">
<textarea id="input" rows="2.5" onkeydown="inputkey(event)" onkeyup="clearnewlineinput()"></textarea>
<button onclick="send()">Send</button>
</span>
</div>
<div id="rightpane">
<span class="navbar center">Users</span>
</div>
</body>
</html>
|