88 lines
2.4 KiB
HTML
88 lines
2.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<link href="css/nodescore.css" rel="stylesheet">
|
||
|
|
<script src="js/jquery-1.7.1.min.js"></script>
|
||
|
|
<script src="/socket.io/socket.io.js"></script>
|
||
|
|
<script src="js/nodescore-client.js"></script>
|
||
|
|
<script src="js/controlseq.js"></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<input type="hidden" id="group" value='1'>
|
||
|
|
<div class="outermaster">
|
||
|
|
<div id="client_chronometer">00:00:00.0</div>
|
||
|
|
<div class="metrocase">
|
||
|
|
<div id="metronome0"></div>
|
||
|
|
<div id="metronome1"></div>
|
||
|
|
<div id="metronome2"></div>
|
||
|
|
<div id="metronome3"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="outersquare">
|
||
|
|
<div>
|
||
|
|
<p class="magicsquare" id="1magicsquare0"></p>
|
||
|
|
<p class="magicsquare" id="1magicsquare1"></p>
|
||
|
|
<p class="magicsquare" id="1magicsquare2"></p>
|
||
|
|
<p class="magicsquare" id="1magicsquare3"></p>
|
||
|
|
<p class="magicsquare" id="1magicsquare4"></p>
|
||
|
|
<p class="magicsquare" id="1magicsquare5"></p>
|
||
|
|
</div>
|
||
|
|
<br><br><br><br>
|
||
|
|
<div>
|
||
|
|
<p class="magicsquare" id="2magicsquare0"></p>
|
||
|
|
<p class="magicsquare" id="2magicsquare1"></p>
|
||
|
|
<p class="magicsquare" id="2magicsquare2"></p>
|
||
|
|
<p class="magicsquare" id="2magicsquare3"></p>
|
||
|
|
<p class="magicsquare" id="2magicsquare4"></p>
|
||
|
|
<p class="magicsquare" id="2magicsquare5"></p>
|
||
|
|
</div>
|
||
|
|
<br><br><br><br>
|
||
|
|
<div>
|
||
|
|
<p class="magicsquare" id="3magicsquare0"></p>
|
||
|
|
<p class="magicsquare" id="3magicsquare1"></p>
|
||
|
|
<p class="magicsquare" id="3magicsquare2"></p>
|
||
|
|
<p class="magicsquare" id="3magicsquare3"></p>
|
||
|
|
<p class="magicsquare" id="3magicsquare4"></p>
|
||
|
|
<p class="magicsquare" id="3magicsquare5"></p>
|
||
|
|
</div>
|
||
|
|
<br><br><br><br>
|
||
|
|
<div>
|
||
|
|
<p class="magicsquare" id="4magicsquare0"></p>
|
||
|
|
<p class="magicsquare" id="4magicsquare1"></p>
|
||
|
|
<p class="magicsquare" id="4magicsquare2"></p>
|
||
|
|
<p class="magicsquare" id="4magicsquare3"></p>
|
||
|
|
<p class="magicsquare" id="4magicsquare4"></p>
|
||
|
|
<p class="magicsquare" id="4magicsquare5"></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<br><br><br><br> <br><br><br><br>
|
||
|
|
|
||
|
|
<input type="button" value="START" onclick="startSeq();" />
|
||
|
|
<input type="button" value="STOP" onclick="stopSeq();" />
|
||
|
|
<input type="button" value="RESET" onclick="resetSeq();" />
|
||
|
|
|
||
|
|
<br><br>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="latencies">
|
||
|
|
<p id="client_latency">0ms</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="datetime"></div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|