forked from adityabansod/quickgroupchat
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
58 lines (55 loc) · 2.47 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
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="jquery-ui.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Syncopate|Cabin|Yanone+Kaffeesatz|Ubuntu|PT Serif">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js" type="text/javascript"></script>
<script src="client.js" type="text/javascript"></script>
<title>quick group chat</title>
</head>
<body>
<div id="app">
<div id="connect">
<h1>QuickChat</h1>
<form action="#">
<fieldset>
<p>
This is an experiment in dynamic chat room generation. Type a hashtag (e.g. "#topic") to generate a new room, and click on hashlinks to join the conversation.
<div id="instructions"> asdf asdfsda</div>
</p>
<label for="nick">Name</label>
<input id="nickInput" class="text"type="text" name="nick" value="" maxlength=15>
<input id="connectButton" class="button" type="submit" name="" value="Join">
</fieldset>
</form>
<div class='credits'>forked by Matt Diamond from <a href="http://www.adityabansod.net">Aditya Bansod</a> from <a href="https://github.com/hyperionab/node_chat">node_chat</a>. built with jQuery + nodejs.</div>
</div>
<div id="loading"><p>loading</p></div>
<div class='root chat' data-name='main'>
<div class='logContainer'>
<table class="log"><tbody></tbody></table>
</div>
<div id="toolbar">
<ul id="status">
<li><span id="joinurl">http://nothing</span></li>
<li><a id="usersLink" href="#">5 users</a></li>
<!--<li>uptime: <span id="uptime">?</span></li>-->
<li>you: <span id="nick">somebody</span></li>
<!--<li><a id="email" href="javascript:alert('coming soon');">email transcript</a></li>-->
</ul>
<input tabindex="1" type="text" class="entry"/>
</div>
</div>
<div class='chatWindow template' style='display: none;'>
<div class='chat'>
<div class='header'>
<div class='title'></div>
<button class='close'>Close</button>
</div>
<div class='logContainer'><table class='log'><tbody></tbody></table></div>
<input tabindex="1" type="text" class="entry"/>
</div>
</div>
</body>
</html>