/
index.html
42 lines (36 loc) · 1.3 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
<html>
<head>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="users">
</div>
<div id="messages">
<div class="message" id="msgtpl" style="display:none;">
<img src="{{{user.avatar}}}">
<div class="info">
<p><strong>{{user.username}}</strong></p>
<p>{{message}}</p>
<span class="date">{{h}}:{{m}}</span>
</div>
</div>
</div>
<div id="login">
<form action="" id="loginform">
<h1>Bienvenue</h1>
<p>Ceci est un test de tchat pour Node.JS, entrez votre pseudo et votre email (utilisé pour l'avatar gravatar)</p>
<input type="text" name="login" id="username" placeholder="Nom d'utilisateur">
<input type="mail" name="mail" id="mail" placeholder="E-mail">
<input type="submit" value="Envoyer">
</form>
</div>
<form action="" id="form">
<input type="text" id="message" class="text"/>
<input type="submit" id="send" value="Envoyer mon message !" class="submit"/>
</form>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/mustache.js"></script>
<script src="http://localhost:1337/socket.io/socket.io.js"></script>
<script src="js/client.js"></script>
</body>
</html>