|
rob@100
|
1 <!DOCTYPE html>
|
|
rob@100
|
2 <html>
|
|
rob@100
|
3 <head>
|
|
rob@100
|
4 <link href="css/nodescore.css" rel="stylesheet">
|
|
rob@100
|
5 <script src="js/jquery-1.7.1.min.js"></script>
|
|
rob@100
|
6 <script src="/socket.io/socket.io.js"></script>
|
|
rob@100
|
7 <script src="js/nodescore-client.js"></script>
|
|
rob@100
|
8 <script src="js/controlseq.js"></script>
|
|
rob@100
|
9 </head>
|
|
rob@100
|
10
|
|
rob@100
|
11 <body>
|
|
rob@100
|
12 <input type="hidden" id="group" value='1'>
|
|
rob@100
|
13 <div class="outermaster">
|
|
rob@100
|
14 <div id="client_chronometer">00:00:00.0</div>
|
|
rob@100
|
15 <div class="metrocase">
|
|
rob@100
|
16 <div id="metronome0"></div>
|
|
rob@100
|
17 <div id="metronome1"></div>
|
|
rob@100
|
18 <div id="metronome2"></div>
|
|
rob@100
|
19 <div id="metronome3"></div>
|
|
rob@100
|
20 </div>
|
|
rob@100
|
21
|
|
rob@100
|
22 <div class="outersquare">
|
|
rob@100
|
23 <div>
|
|
rob@100
|
24 <p class="magicsquare" id="1magicsquare0"></p>
|
|
rob@100
|
25 <p class="magicsquare" id="1magicsquare1"></p>
|
|
rob@100
|
26 <p class="magicsquare" id="1magicsquare2"></p>
|
|
rob@100
|
27 <p class="magicsquare" id="1magicsquare3"></p>
|
|
rob@100
|
28 <p class="magicsquare" id="1magicsquare4"></p>
|
|
rob@100
|
29 <p class="magicsquare" id="1magicsquare5"></p>
|
|
rob@100
|
30 </div>
|
|
rob@100
|
31 <br><br><br><br>
|
|
rob@100
|
32 <div>
|
|
rob@100
|
33 <p class="magicsquare" id="2magicsquare0"></p>
|
|
rob@100
|
34 <p class="magicsquare" id="2magicsquare1"></p>
|
|
rob@100
|
35 <p class="magicsquare" id="2magicsquare2"></p>
|
|
rob@100
|
36 <p class="magicsquare" id="2magicsquare3"></p>
|
|
rob@100
|
37 <p class="magicsquare" id="2magicsquare4"></p>
|
|
rob@100
|
38 <p class="magicsquare" id="2magicsquare5"></p>
|
|
rob@100
|
39 </div>
|
|
rob@100
|
40 <br><br><br><br>
|
|
rob@100
|
41 <div>
|
|
rob@100
|
42 <p class="magicsquare" id="3magicsquare0"></p>
|
|
rob@100
|
43 <p class="magicsquare" id="3magicsquare1"></p>
|
|
rob@100
|
44 <p class="magicsquare" id="3magicsquare2"></p>
|
|
rob@100
|
45 <p class="magicsquare" id="3magicsquare3"></p>
|
|
rob@100
|
46 <p class="magicsquare" id="3magicsquare4"></p>
|
|
rob@100
|
47 <p class="magicsquare" id="3magicsquare5"></p>
|
|
rob@100
|
48 </div>
|
|
rob@100
|
49 <br><br><br><br>
|
|
rob@100
|
50 <div>
|
|
rob@100
|
51 <p class="magicsquare" id="4magicsquare0"></p>
|
|
rob@100
|
52 <p class="magicsquare" id="4magicsquare1"></p>
|
|
rob@100
|
53 <p class="magicsquare" id="4magicsquare2"></p>
|
|
rob@100
|
54 <p class="magicsquare" id="4magicsquare3"></p>
|
|
rob@100
|
55 <p class="magicsquare" id="4magicsquare4"></p>
|
|
rob@100
|
56 <p class="magicsquare" id="4magicsquare5"></p>
|
|
rob@100
|
57 </div>
|
|
rob@100
|
58 </div>
|
|
rob@100
|
59 <br><br><br><br> <br><br><br><br>
|
|
rob@100
|
60
|
|
rob@100
|
61 <input type="button" value="START" onclick="startSeq();" />
|
|
rob@100
|
62 <input type="button" value="STOP" onclick="stopSeq();" />
|
|
rob@100
|
63 <input type="button" value="RESET" onclick="resetSeq();" />
|
|
rob@100
|
64
|
|
rob@100
|
65 <br><br>
|
|
rob@100
|
66
|
|
rob@100
|
67
|
|
rob@100
|
68 <div class="latencies">
|
|
rob@100
|
69 <p id="client_latency">0ms</p>
|
|
rob@100
|
70 </div>
|
|
rob@100
|
71
|
|
rob@100
|
72 <div id="datetime"></div>
|
|
rob@100
|
73
|
|
rob@100
|
74 </div>
|
|
rob@100
|
75
|
|
rob@100
|
76
|
|
rob@100
|
77
|
|
rob@100
|
78
|
|
rob@100
|
79
|
|
rob@100
|
80
|
|
rob@100
|
81
|
|
rob@100
|
82
|
|
rob@100
|
83
|
|
rob@100
|
84
|
|
rob@100
|
85
|
|
rob@100
|
86 </body>
|
|
rob@100
|
87 </html>
|
