-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
78 lines (64 loc) · 2.36 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
<!DOCTYPE html>
<html>
<head>
<title>Jabberdy!</title>
<link href="css/jabberdy.css" rel="stylesheet" type="text/css" />
<link href="js/sail.js/css/jquery-ui/start/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="js/sail.js/css/sail.css" rel="stylesheet" type="text/css" />
<link href="js/sail.js/css/sail.user-list.css" rel="stylesheet" type="text/css" />
<script src="js/sail.js/sail.js" type="text/javascript"></script>
<script type="text/javascript">
Sail.load()
.then('js/sail.js/rollcall.js')
.then('js/jabberdy.js')
.thenRun(function() { return Sail.init(Jabberdy) })
</script>
</head>
<body>
<header>
<h1>Jabberdy!</h1>
<!--<div id="user-list" class="widget-box">
<h1>Players</h1>
<ul>
<li>Matt</li>
<li>Someone</li>
<li>Gordon</li>
</ul>
</div> -->
</header>
<div id="connecting">
<img src="loader.gif" />
<p>Connecting...</p>
</div>
<div id="definition"></div>
<div id="field"></div>
<div id="join-dialog" class="widget-box dialog" style="display: none">
<p>Welcome <span id='username'></span>!<br />What would you like to do?</p>
<button id='watch'>Watch</button> <button id='play'>Play</button>
</div>
<div id="winner" style="display: none">
<div id="winning-word"></div>
<div id="winner-username"></div> wins!
</div>
<div id="guess-panel" class="widget-box" style="display: none">
<form id="guess-form">
<label for="guess" style="font-size: 70%">Your Guess:</label>
<div id="guess-container">
<input type="text" id="guess" />
</div>
<span style="font-size: 60%">(press enter to submit)</span>
</form>
</div>
<div id="set-word-panel" class="widget-box" style="display: none">
<form id="set-word-form">
<label for="set-word">You must set a new word!</label>
<div id="set-word-container">
<input type="text" id="set-word" />
</div>
<span style="font-size: 60%">(press enter to submit)</span>
</form>
</div>
<footer>
</footer>
</body>
</html>