|
rc-web@38
|
1 <!DOCTYPE html>
|
|
rc-web@38
|
2 <html>
|
|
rc-web@38
|
3 <head>
|
|
rc-web@38
|
4 <link href="css/nodescore.css" rel="stylesheet">
|
|
rc-web@38
|
5 <link href="css/chat.css" rel="stylesheet">
|
|
rc-web@38
|
6 <link href="css/menu.css" rel="stylesheet">
|
|
rc-web@38
|
7
|
|
rc-web@38
|
8 <script src="js/jquery-1.7.1.min.js"></script>
|
|
rc-web@38
|
9 <script src="/socket.io/socket.io.js"></script>
|
|
rc-web@38
|
10 <script src="js/nodescore-client.js"></script>
|
|
rc-web@38
|
11 <script src="js/controlseq.js"></script>
|
|
rc-web@38
|
12
|
|
rc-web@38
|
13 </head>
|
|
rc-web@38
|
14
|
|
rc-web@39
|
15 <body onload="">
|
|
rc-web@39
|
16
|
|
rc-web@39
|
17 <input type="hidden" id="group" value='1'>
|
|
rc-web@39
|
18
|
|
rc-web@38
|
19
|
|
rc-web@39
|
20 <div class="outermaster">
|
|
rc-web@38
|
21
|
|
rc-web@39
|
22 <div class="outersquare">
|
|
rc-web@39
|
23 <h1 style=" background:transparent; left:24px; top:14px;">control interface:</h1>
|
|
rc-web@39
|
24 <div>
|
|
rc-web@39
|
25 <p class="magicsquare" id="1magicsquare0"></p>
|
|
rc-web@39
|
26 <p class="magicsquare" id="1magicsquare1"></p>
|
|
rc-web@39
|
27 <p class="magicsquare" id="1magicsquare2"></p>
|
|
rc-web@39
|
28 <p class="magicsquare" id="1magicsquare3"></p>
|
|
rc-web@39
|
29 <p class="magicsquare" id="1magicsquare4"></p>
|
|
rc-web@39
|
30 <p class="magicsquare" id="1magicsquare5"></p>
|
|
rc-web@39
|
31 </div>
|
|
rc-web@39
|
32 <br><br><br><br>
|
|
rc-web@39
|
33 <div>
|
|
rc-web@39
|
34 <p class="magicsquare" id="2magicsquare0"></p>
|
|
rc-web@39
|
35 <p class="magicsquare" id="2magicsquare1"></p>
|
|
rc-web@39
|
36 <p class="magicsquare" id="2magicsquare2"></p>
|
|
rc-web@39
|
37 <p class="magicsquare" id="2magicsquare3"></p>
|
|
rc-web@39
|
38 <p class="magicsquare" id="2magicsquare4"></p>
|
|
rc-web@39
|
39 <p class="magicsquare" id="2magicsquare5"></p>
|
|
rc-web@39
|
40 </div>
|
|
rc-web@39
|
41 <br><br><br><br>
|
|
rc-web@39
|
42 <div>
|
|
rc-web@39
|
43 <p class="magicsquare" id="3magicsquare0"></p>
|
|
rc-web@39
|
44 <p class="magicsquare" id="3magicsquare1"></p>
|
|
rc-web@39
|
45 <p class="magicsquare" id="3magicsquare2"></p>
|
|
rc-web@39
|
46 <p class="magicsquare" id="3magicsquare3"></p>
|
|
rc-web@39
|
47 <p class="magicsquare" id="3magicsquare4"></p>
|
|
rc-web@39
|
48 <p class="magicsquare" id="3magicsquare5"></p>
|
|
rc-web@39
|
49 </div>
|
|
rc-web@39
|
50 <br><br><br><br>
|
|
rc-web@39
|
51 <div>
|
|
rc-web@39
|
52 <p class="magicsquare" id="4magicsquare0"></p>
|
|
rc-web@39
|
53 <p class="magicsquare" id="4magicsquare1"></p>
|
|
rc-web@39
|
54 <p class="magicsquare" id="4magicsquare2"></p>
|
|
rc-web@39
|
55 <p class="magicsquare" id="4magicsquare3"></p>
|
|
rc-web@39
|
56 <p class="magicsquare" id="4magicsquare4"></p>
|
|
rc-web@39
|
57 <p class="magicsquare" id="4magicsquare5"></p>
|
|
rc-web@39
|
58 </div>
|
|
rc-web@39
|
59
|
|
rc-web@39
|
60 <br/><br/><br/><br/>
|
|
rc-web@38
|
61
|
|
rc-web@39
|
62 <input type="button" value="START" onclick="startSeq();" />
|
|
rc-web@39
|
63 <input type="button" value="STOP" onclick="stopSeq();" />
|
|
rc-web@39
|
64 <input type="button" value="RESET" onclick="resetSeq();" />
|
|
rc-web@39
|
65 </div>
|
|
rc-web@39
|
66
|
|
rc-web@39
|
67
|
|
rc-web@39
|
68
|
|
rc-web@39
|
69 <div id="comms">
|
|
rc-web@39
|
70 <div id="chat">
|
|
rc-web@39
|
71 <div id="nickname">
|
|
rc-web@39
|
72 <form id="set-nickname" class="wrap">
|
|
rc-web@39
|
73 <p>Please type in your nickname and press enter.</p>
|
|
rc-web@39
|
74 <input id="nick">
|
|
rc-web@39
|
75 <p id="nickname-err">Nickname already in use</p>
|
|
rc-web@39
|
76 </form>
|
|
rc-web@38
|
77 </div>
|
|
rc-web@39
|
78 <div id="connecting">
|
|
rc-web@39
|
79 <div class="wrap">Connecting to socket.io server</div>
|
|
rc-web@38
|
80 </div>
|
|
rc-web@39
|
81 <div id="messages">
|
|
rc-web@39
|
82 <div id="nicknames"></div>
|
|
rc-web@39
|
83 <div id="lines"></div>
|
|
rc-web@38
|
84 </div>
|
|
rc-web@39
|
85 <form id="send-message">
|
|
rc-web@39
|
86 <input id="message">
|
|
rc-web@39
|
87 <button>Send</button>
|
|
rc-web@38
|
88 </form>
|
|
rc-web@38
|
89 </div>
|
|
rc-web@39
|
90 </div>
|
|
rc-web@39
|
91
|
|
rc-web@39
|
92 <div id="midcomms"></div>
|
|
rc-web@39
|
93 <div id="preview">
|
|
rc-web@39
|
94 </div>
|
|
rc-web@39
|
95
|
|
rc-web@39
|
96 <div class="footdata">
|
|
rc-web@39
|
97
|
|
rc-web@39
|
98 <div class="metrocase" id="metro">
|
|
rc-web@39
|
99 <div id="metronome0"></div>
|
|
rc-web@39
|
100 <div id="metronome1"></div>
|
|
rc-web@39
|
101 <div id="metronome2"></div>
|
|
rc-web@39
|
102 <div id="metronome3"></div>
|
|
rc-web@38
|
103 </div>
|
|
rc-web@39
|
104
|
|
rc-web@39
|
105 <div id="current">CTRL</div>
|
|
rc-web@39
|
106 <div id="client_latency">Latency: 0ms</div>
|
|
rc-web@39
|
107 <div id="datetime"></div>
|
|
rc-web@39
|
108 <div id="client_chronometer" style="z-index: 2;">00:00:00.0</div>
|
|
rc-web@39
|
109
|
|
rc-web@38
|
110 </div>
|
|
rc-web@38
|
111
|
|
rc-web@38
|
112 </div>
|
|
rc-web@38
|
113
|
|
rc-web@39
|
114 </div>
|
|
rc-web@39
|
115
|
|
rc-web@38
|
116
|
|
rc-web@39
|
117
|
|
rc-web@38
|
118
|
|
rc-web@38
|
119
|
|
rc-web@38
|
120 </body>
|
|
rc-web@38
|
121 </html>
|
