-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
274 lines (235 loc) · 24.9 KB
/
index.html
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
<!DOCTYPE html>
<html lang="en">
<!-- Header -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap" media="all">
<link rel="stylesheet" type="text/css" media="only screen and (min-device-width: 1025px)" href="/css/desktop.css">
<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 1024px)" href="/css/mobile.css">
<link rel="stylesheet" type="text/css" href="/css/fontawesome.css">
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
<script src="js/jquery.js"></script>
<script src="js/cookie.js"></script>
<script src="js/client.js"></script>
<link href="/css/style.css" rel="stylesheet">
<!-- start of chat2 -->
<script src="js/chat2/script.js"></script>
<link href="/css/chat2/style.css" rel="stylesheet">
<!-- end of chat2 -->
<!-- start of draw2 -->
<script src="js/draw2/script.js"></script>
<link href="/css/draw2/style.css" rel="stylesheet">
<!-- end of draw2 -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="IOGames.fun">
<title>___ Client - The unofficial iogames.fun Mod</title>
<meta name="description" content="TKR Client, Made by Lorenzino, Mr. iogames and more in TKR, is a mod for the chatbox on the website iogames.fun. this turns it into one big chat site! including: Enchanced chat, Animated Backgrounds, an alternate chat, and more!"> <meta property="og:title" content="___ Client - The unofficial iogames.fun Mod">
<meta property="og:description" content="TKR Client, Made by Lorenzino, Mr. iogames and more in TKR, is a mod for the chatbox on the website iogames.fun. this turns it into one big chat site! including: Enchanced chat, Animated Backgrounds, an alternate chat, and more!">
<meta property="og:url" content="https://iogames.fun/">
<link rel="canonical" href="https://iogames.fun/">
</head>
<!-- End -->
<!-- Desktop Information + Alternative Chat -->
<body>
<div class="main">
<!-- start of chat 2 -->
<footer class="chatalt" style="scrollbar-color: transparent rgba(255, 255, 255, 0); scrollbar-width: none; left: 0;">
<div class="item minnit" style="scrollbar-color: transparent rgba(255, 255, 255, 0); scrollbar-width: none; width: 300px;">
<!-- <ul class="pages">
<li class="chat page" style="display: list-item;">
<input class="name2" maxlength="50" style="font-family: 'Exo 2';" placeholder="Name" data-username-input="">
<div class="chatArea">
<ul class="messages" style="font-family: 'Exo 2'; font-size: 16px; font-weight: 400; "><div class="message"><div class="username" style="color: rgb(247, 139, 0);">Unknown</div><div class="messageBody">.</div></div><div class="message"><div class="username" style="color: rgb(247, 139, 0);">Unknown</div><div class="messageBody">.</div></div><div class="message"><div class="username" style="color: rgb(247, 139, 0);">Unknown</div><div class="messageBody">.</div></div><div class="message"><div class="username" style="color: rgb(247, 139, 0);">Unknown</div><div class="messageBody">HELP</div></div><div class="message"><div class="username" style="color: rgb(247, 139, 0);">Unknown</div><div class="messageBody">CHAT GET DELETE</div></div><div class="message"><div class="username" style="color: rgb(59, 136, 235);">Paint Pen</div><div class="messageBody">?</div></div><div class="message"><div class="username" style="color: rgb(59, 136, 235);">Paint Pen</div><div class="messageBody">someone here vote crash out or no</div></div><div class="message"><div class="username" style="color: rgb(59, 136, 235);">Paint Pen</div><div class="messageBody">bruh why tf people want to know addresses</div></div><div class="message"><div class="username" style="color: rgb(59, 136, 235);">Paint Pen</div><div class="messageBody">and info</div></div><div class="message"><div class="username" style="color: rgb(59, 136, 235);">Paint Pen</div><div class="messageBody">wat</div></div><div class="message"><div class="username" style="color: rgb(59, 136, 235);">Paint Pen</div><div class="messageBody">tfffffffffffffffffffffff</div></div><div class="message"><div class="username" style="color: rgb(248, 167, 0);">AKIRAA</div><div class="messageBody">yo</div></div><div class="message"><div class="username" style="color: rgb(247, 139, 0);">Guest7777777777</div><div class="messageBody">Hello</div></div><div class="message"><div class="username" style="color: rgb(248, 167, 0);">AKIRAA</div><div class="messageBody">uh</div></div><div class="message"><div class="username" style="color: rgb(247, 139, 0);">Unknown</div><div class="messageBody">Dead chat yes</div></div><div class="message"><div class="username" style="color: rgb(74, 232, 196);">keyy waaa</div><div class="messageBody">lol..</div></div><div class="message"><div class="username" style="color: rgb(74, 232, 196);">keyy waaa</div><div class="messageBody">io died again</div></div><div class="message"><div class="username" style="color: rgb(56, 36, 170);">Noodles🍲</div><div class="messageBody">Wsp</div></div><div class="message"><div class="username" style="color: rgb(88, 220, 0);">Legend</div><div class="messageBody">Hi</div></div><div class="message"><div class="username" style="color: rgb(88, 220, 0);">Legend</div><div class="messageBody">Hello anyone there?</div></div><div class="message"><div class="username" style="color: rgb(59, 136, 235);">Paint Pen</div><div class="messageBody">..</div></div><div class="message"><div class="username" style="color: rgb(59, 136, 235);">Paint Pen</div><div class="messageBody">SUP</div></div><div class="message"><div class="username" style="color: rgb(59, 136, 235);">Paint Pen</div><div class="messageBody">*sup</div></div><div class="message"><div class="username" style="color: rgb(59, 136, 235);">Paint Pen</div><div class="messageBody">sup</div></div><div class="message"><div class="username" style="color: rgb(74, 232, 196);">✔ 𝕄̱͇͌̽𝔼͕ͩ̚𝕄͔̝̬̇ͨ͌𝔼̳̗̺?͇͇̮ͩ̅̅ͅ ✔ (👍ᐛ )👍 ඞ</div><div class="messageBody">done</div></div><div class="message"><div class="username" style="color: rgb(74, 232, 196);">✔ 𝕄̱͇͌̽𝔼͕ͩ̚𝕄͔̝̬̇ͨ͌𝔼̳̗̺?͇͇̮ͩ̅̅ͅ ✔ (👍ᐛ )👍 ඞ</div><div class="messageBody">.</div></div><div class="message"><div class="username" style="color: rgb(247, 139, 0);">TRILEX</div><div class="messageBody">what happened to this chat?</div></div><div class="message"><div class="username" style="color: rgb(247, 139, 0);">TRILEX</div><div class="messageBody">and why cant i choose my own color?</div></div><div class="message"><div class="username" style="color: rgb(247, 139, 0);">TRILEX</div><div class="messageBody">is the chat glitched or something?</div></div><div class="message"><div class="username" style="color: rgb(168, 240, 122);">julia</div><div class="messageBody">helllo</div></div><div class="message"><div class="username" style="color: rgb(168, 240, 122);">julia</div><div class="messageBody">https://talklive.blog/</div></div><div class="message"><div class="username" style="color: rgb(247, 139, 0);">TRILEX</div><div class="messageBody">does this work?</div></div><div class="message"><div class="username" style="color: rgb(74, 232, 196);">keyy waaa</div><div class="messageBody">;p;</div></div><div class="message"><div class="username" style="color: rgb(74, 232, 196);">keyy waaa</div><div class="messageBody">oooooooooop</div></div><div class="message"><div class="username" style="color: rgb(74, 232, 196);">✔ 𝕄̱͇͌̽𝔼͕ͩ̚𝕄͔̝̬̇ͨ͌𝔼̳̗̺?͇͇̮ͩ̅̅ͅ ✔ (👍ᐛ )👍 ඞ</div><div class="messageBody">bruh</div></div><div class="message"><div class="username" style="color: rgb(88, 220, 0);">Legend</div><div class="messageBody">Hello anyone there?</div></div><div class="message"><div class="username" style="color: rgb(88, 220, 0);">Legend</div><div class="messageBody">hello?</div></div><div class="message"><div class="username" style="color: rgb(56, 36, 170);">Noodles🍲</div><div class="messageBody">Wsp</div></div><div class="message"><div class="username" style="color: rgb(168, 240, 122);">Her</div><div class="messageBody">Yo what happened to the old chat </div></div><div class="message"><div class="username" style="color: rgb(168, 240, 122);">Her</div><div class="messageBody">Y'all think it got taken down or?</div></div><div class="message"><div class="username" style="color: rgb(168, 240, 122);">Her</div><div class="messageBody">Bruh </div></div><div class="message"><div class="username" style="color: rgb(168, 240, 122);">Her</div><div class="messageBody">My message got deleted </div></div><div class="message"><div class="username" style="color: rgb(168, 240, 122);">Her</div><div class="messageBody">Like 😭🙏</div></div><div class="message"><div class="username" style="color: rgb(168, 240, 122);">Her</div><div class="messageBody">But like fr tho tf happened to io</div></div><div class="message"><div class="username" style="color: rgb(168, 240, 122);">Her</div><div class="messageBody">That's where all them ogs be frfr</div></div><div class="message"><div class="username" style="color: rgb(168, 240, 122);">Her</div><div class="messageBody">This chat is dead fr</div></div><div class="message"><div class="username" style="color: rgb(168, 240, 122);">Her</div><div class="messageBody">Omgg</div></div><div class="message"><div class="username" style="color: rgb(56, 36, 170);">Noodles🍲</div><div class="messageBody">Hi</div></div><div class="message"><div class="username" style="color: rgb(56, 36, 170);">Noodles🍲</div><div class="messageBody">Hm</div></div><div class="message"><div class="username" style="color: rgb(56, 36, 170);">Noodles🍲</div><div class="messageBody">Hello</div></div><div class="message"><div class="username" style="color: rgb(56, 36, 170);">Noodles🍲</div><div class="messageBody">Io games fun</div></div><div class="message"><div class="username" style="color: rgb(56, 36, 170);">Noodles🍲</div><div class="messageBody">Is</div></div><div class="message"><div class="username" style="color: rgb(56, 36, 170);">Noodles🍲</div><div class="messageBody">Jam</div></div><div class="message"><div class="username" style="color: rgb(56, 36, 170);">Noodles🍲</div><div class="messageBody">But</div></div><div class="message"><div class="username" style="color: rgb(56, 36, 170);">Noodles🍲</div><div class="messageBody">Why</div></div><div class="message"><div class="username" style="color: rgb(74, 232, 196);">✔ 𝕄̱͇͌̽𝔼͕ͩ̚𝕄͔̝̬̇ͨ͌𝔼̳̗̺?͇͇̮ͩ̅̅ͅ ✔ (👍ᐛ )👍 ඞ</div><div class="messageBody">wat</div></div><div class="message"><div class="username" style="color: rgb(74, 232, 196);">✔ 𝕄̱͇͌̽𝔼͕ͩ̚𝕄͔̝̬̇ͨ͌𝔼̳̗̺?͇͇̮ͩ̅̅ͅ ✔ (👍ᐛ )👍 ඞ</div><div class="messageBody">da</div></div><div class="message"><div class="username" style="color: rgb(74, 232, 196);">✔ 𝕄̱͇͌̽𝔼͕ͩ̚𝕄͔̝̬̇ͨ͌𝔼̳̗̺?͇͇̮ͩ̅̅ͅ ✔ (👍ᐛ )👍 ඞ</div><div class="messageBody">faq</div></div><div class="message"><div class="username" style="color: rgb(40, 123, 0);">✩~ℭ𝔬𝔠𝔬 𝔊𝔯𝔦𝔪𝔞𝔩𝔨𝔦𝔫~✩</div><div class="messageBody">If there's anyone here in this DAMN place, I'm going to let you know:</div></div><div class="message"><div class="username" style="color: rgb(40, 123, 0);">✩~ℭ𝔬𝔠𝔬 𝔊𝔯𝔦𝔪𝔞𝔩𝔨𝔦𝔫~✩</div><div class="messageBody">DO NOT CHAT HERE! All your messages are meaningless the second you reload the site</div></div><div class="message"><div class="username" style="color: rgb(40, 123, 0);">✩~ℭ𝔬𝔠𝔬 𝔊𝔯𝔦𝔪𝔞𝔩𝔨𝔦𝔫~✩</div><div class="messageBody">I wouldn't have that info if Mr. Unknown wasn't around!</div></div><div class="message"><div class="username" style="color: rgb(211, 0, 231);">its time to get raped</div><div class="messageBody">rape</div></div><div class="message"><div class="username" style="color: rgb(248, 167, 0);">Wifies</div><div class="messageBody">eh.</div></div><div class="message"><div class="username" style="color: rgb(145, 88, 15);">Mr.cool guy on tkr client</div><div class="messageBody">Hello</div></div><div class="message"><div class="username" style="color: rgb(145, 88, 15);">Mr.cool guy on tkr client</div><div class="messageBody">What the fuck</div></div><div class="message"><div class="username" style="color: rgb(145, 88, 15);">Mr.cool guy on tkr client</div><div class="messageBody">WHATWHAT</div></div><div class="message"><div class="username" style="color: rgb(145, 88, 15);">Mr.cool guy on tkr client</div><div class="messageBody">I JOIN</div></div><div class="message"><div class="username" style="color: rgb(145, 88, 15);">Mr.cool guy on tkr client</div><div class="messageBody">Hooo</div></div><div class="message"><div class="username" style="color: rgb(145, 88, 15);">Mr.cool guy on tkr client</div><div class="messageBody">Hee</div></div><div class="message"><div class="username" style="color: rgb(145, 88, 15);">Mr.cool guy on tkr client</div><div class="messageBody">Haaas</div></div><div class="message"><div class="username" style="color: rgb(145, 88, 15);">Mr.cool guy on tkr client</div><div class="messageBody">H</div></div><div class="message"><div class="username" style="color: rgb(145, 88, 15);">Mr.cool guy on tkr client</div><div class="messageBody">Wait</div></div><div class="message"><div class="username" style="color: rgb(145, 88, 15);">Mr.cool guy on tkr client</div><div class="messageBody">Can yall see my msgs?</div></div><div class="message"><div class="username" style="color: rgb(74, 232, 196);">✔ 𝕄̱͇͌̽𝔼͕ͩ̚𝕄͔̝̬̇ͨ͌𝔼̳̗̺?͇͇̮ͩ̅̅ͅ ✔ (👍ᐛ )👍 ඞ</div><div class="messageBody">what the fck</div></div><div class="message"><div class="username" style="color: rgb(74, 232, 196);">Lorenzino</div><div class="messageBody">idk how this shit still even running bru 😭</div></div><div class="message"><div class="username" style="color: rgb(88, 220, 0);">guest3509</div><div class="messageBody">hi</div></div><div class="message"><div class="username" style="color: rgb(74, 232, 196);">𝕄̱͇͌̽𝔼͕ͩ̚𝕄͔̝̬̇ͨ͌𝔼̳̗̺?͇ͩ</div><div class="messageBody">...</div></div><div class="message"><div class="username" style="color: rgb(88, 220, 0);">2C</div><div class="messageBody">Ski</div></div><div class="message"><div class="username" style="color: rgb(88, 220, 0);">2C</div><div class="messageBody">S</div></div><div class="message"><div class="username" style="color: rgb(88, 220, 0);">2C</div><div class="messageBody">I</div></div><div class="message"><div class="username" style="color: rgb(88, 220, 0);">2C</div><div class="messageBody">G</div></div><div class="message"><div class="username" style="color: rgb(88, 220, 0);">2C</div><div class="messageBody">H</div></div><div class="message"><div class="username" style="color: rgb(88, 220, 0);">2C</div><div class="messageBody">[The Impurrfect Tower is a 21-story building located in the depths of Kemono Woods and built by Aleira herself around 11 millennium ago. It's easily recognizable, towering over the trees.] [The Impurrfect Tower itself has wards protecting it from harm, but as its name implies, the interiors are disorganized, with random sticky notes being plastered everywhere except the 10th floor and below. Magical traps(activated by intruders) are hidden everywhere except the 20th and 21st floors.] [Aleira Ito, a Dalmatian girl, lives at the 20th floor, where her room is located. It contains lavish furniture, such as a gothic king-sized bed, drawers, nightstand, a couch, and a TV powered by the Tower's seemingly boundless magic. On her room's floor is a perpetual red magical array, a portal to the realm of Infurno — Hell essentially.] [The Impurrfect Tower contains all essentials needed for a house, with redundancy.] [On every 4th floor, there's windows on all four sides of the Impurrfect Tower.]</div></div><div class="message"><div class="username" style="color: rgb(40, 123, 0);">d</div><div class="messageBody">whar</div></div><div class="message"><div class="username" style="color: rgb(167, 0, 255);">angel</div><div class="messageBody">hi</div></div></ul>
</div>
<input class="inputMessage" placeholder="Message" style="font-family: 'Exo 2'; font-weight: 400" maxlength="100">
</li>
</ul> -->
<div id="chat2">
<form id="message2">
<input type="text" id="msg2" placeholder="Message" size="58" autofocus />
<input type="submit" id="send2" value="Send" />
</form>
<div id="log2"></div>
<form id="name2">
<input type="text" id="nme2" placeholder="Name" size="58" autofocus />
<div id="colorpicker2" style="background-color: rgb(53, 84, 192);" /></div>
</form>
</div>
</div>
<!-- <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="/js/chat/socket.io.js"></script>
<script src="/js/chat/main.js"></script> -->
</div>
</footer>
<!-- end of chat2 -->
<footer class="chatalt" style="scrollbar-color: transparent rgba(255, 255, 255, 0);scrollbar-width: none;height: 100%;">
<div class="item" id="secondChatServer" style="scrollbar-color: transparent rgba(255, 255, 255, 0);scrollbar-width: none;height: 100%;">
<iframe src="https://www3.cbox.ws/box/?boxid=3538311&boxtag=KK9MuO" width="100%" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto" style="position; height: calc(100% - 50px);"></iframe>
</div>
</footer>
<!-- start of draw2 -->
<footer class="draw" style="scrollbar-color: transparent rgba(255, 255, 255, 0); scrollbar-width: none; position: absolute; left: 300px; top: 50px;">
<div class="item" style="scrollbar-color: transparent rgba(255, 255, 255, 0); scrollbar-width: none;">
<!-- <body>
<canvas class="whiteboard" width="1011" height="730"></canvas>
<div class="colors">
<div class="color black"></div>
<div class="color red"></div>
<div class="color green"></div>
<div class="color blue"></div>
<div class="color yellow"></div>
<i class="fa fa-eraser" id="color-eraser" style="width: 48px; position: absolute; left: 260px; height: 48px; top: 0px; border-radius: 25px; background-color: rgba(0, 0, 0, .75); font-weight: 600; font-size: 30px; text-align: center; align-content: center;"></i>
</div>
<button id="wipe-button">Wipe Whiteboard</button>
</body> -->
<body>
<canvas class="whiteboard"></canvas>
<div class="colors">
<div class="colorpicker3"></div>
<i class="fa fa-eraser" id="eraser"></i>
<button id="wipe">Wipe Whiteboard</button>
</div>
</body>
</div>
</footer>
<!-- end of draw2 -->
<div class="sidebars">
<div class="item opac">
<div class="desktopblock blockedUsersListClass all">Blocked Users:</div>
</div>
<div class="item opac">
<input type="text" placeholder="Block user" class="desktopblock blockInputClass">
</div>
<div class="item opac">
<input type="text" placeholder="Unblock user" class="desktopblock unblockInputClass">
</div>
<div class="item opac">
<button class="desktopblock unblockAllButtonClass">Unblock All</button>
</div>
<div class="item opac">
<input type="color" id="usernameColorPicker" class="desktopblock colorPickerClass">
</div>
</div>
<img src="images/TKRLOGO2-cropped.png" class="logotkr">
<div class="foot opac">
Source Code: https://github.com/tkrclient/tkrclient.github.io
</div>
</div>
<!-- End -->
<!-- Desktop Nav -->
<div class="bar" style="backdrop-filter: blur(9px); position:absolute; top:0%; width:100%;">
<nav class="desktop opac" style="z-index: 0; height: 50px;">
<div class="menu list">
<p style="position: absolute; left: 1%; font-size: 1.5rem; font-weight: bold;">
<p style="position: absolute; left: 0.5%; top: 1%; margin: 0px;">
<span class="iogames" style="font-size: 20px; color: white;">iogames</span>
<span class="fun" style="font-size: 20px;color: #ffcc00;">.fun TKR Client</span>
</p>
<span class="subtext" style="font-size: 14px;color: grey;left: 0.5%;position: absolute;">By Lorenzino, mr.iogames and much more in TKR Version 2</span>
</p>
<a class="item" href="#" title="" id="toggleButtonSidebarDesktop" style="top: 1%; position: absolute; right: 1%; display: block;">
<i class="fa fa-bars" style="padding: 0.75rem 1rem; font-size: 24px;"></i>
</a>
<a class="item" href="#" title="" id="secondChatButton" style="top: 1%; position: absolute; right: 6%; display: block;">
<i class="fa fa-comment" style="font-weight: 400; padding: 0.75rem 1rem; font-size: 24px;"></i>
</a>
</div>
</nav>
</div>
<!-- End -->
<!-- Mobile Nav -->
<nav class="mobile opac">
<p style="position: absolute; left: 1%; font-size: 1.5rem; font-weight: bold;">
<p style="position: absolute;left: 0.5%;top: 0%;margin: 0px;font-size: 16px;">
<span class="iogames" style="color: white;">iogames</span>
<span class="fun" style="color: #ffcc00;">.fun TKR Client</span>
</p>
</p>
<span class="subtext" style="font-size: 11px;color: grey;left: 0.5%; position: absolute; top: 70%;">By Lorenzino, mr.iogames and more in TKR</span>
<a class="item" href="#" title="" id="secondChatButtonMobile" style="display: block; padding: 0.5rem 1rem; position: fixed; right: 38%;">
<i class="fa fa-comment" style="font-weight: 400; font-size: 17px;"></i>
</a>
<a class="item" href="#" id="toggleButtonFullscreen" style="display: block; padding: 0.5rem 1rem; position: fixed; right: 27%;">
<i class="fa fa-expand"></i>
</a>
<a class="item" href="#" title="" id="toggleButtonChat" style="display: block; padding: 0.5rem 1rem;right: 0%; position: fixed; right: 13%;">
<i class="far fa-comments"></i>
</a>
<a class="item" href="#" title="" id="toggleButtonSidebar" style="font-weight: 1; font-size:20px; font-style: normal; display: block; padding: 0.5rem 1rem; position: fixed; right: 0%;">
<i class="fa fa-bars" style="font-size: 18px;"></i>
</a>
</nav>
<!-- End -->
<!-- Script ---------------->
<script src="/js/iochat.js"></script>
<!-- End ------------------->
<!-- IOGAMES.FUN CHAT -->
<div id="chat">
<div class="chat-send opac">
<input id="message" type="text" placeholder="Message" maxlength="1000">
<i id="send" class="fa fa-lg fa-paper-plane"></i>
</div>
<div id="messages" class="chat-messages"></div>
<div class="chat-name opac">
<input id="name" type="text" placeholder="Name" maxlength="1000">
<i id="colorpicker" class="fa fa-lg fa-palette"></i>
</div>
</div>
<!-- End -->
<!-- Sidebars -->
<aside id="sidebars">
<div class="sidebars">
<div class="header">
TKR Client
</div>
<div class="backgroundstyles">
<p class="b1">
Background 1
</p>
<p class="b2">
<br><br> Background 2
</p>
<p class="b3">
<br><br> Background 3
</p>
<p class="b4">
<br><br> Background 4
</p>
<p class="b5">
<br><br> Background 5
</p>
<p class="b6">
<br><br> Background 6
</p>
<p class="rem">
<br><br> No Background
</p>
</div>
<!-- End -->
<!-- Blocking feature -->
<div class="sidebars blocksidebar">
<div class="item">
<div class="mobileblock blockedUsersListClass all">Blocked Users:</div>
</div>
<div class="item">
<input type="text" placeholder="Block user" class="mobileblock blockInputClass">
</div>
<div class="item">
<input type="text" placeholder="Unblock user" class="mobileblock unblockInputClass">
</div>
<div class="item">
<button class="mobileblock unblockAllButtonClass">Unblock All</button>
</div>
<div class="item">
<input type="color" id="usernameColorPicker" class="mobileblock colorPickerClass">
</div>
</div>
</aside>
<!-- End -->
<!-- Script ---------------->
<script src="/js/iochat-hack.js"></script>
<!-- End ------------------->
</body>
</html>