Mercurial > hg > nodescore
diff www/m.a/controls.html @ 42:49c94f63b8b0
css for nexus 7 and associated files- archive m.a added - remove later
author | tzara <rc-web@kiben.net> |
---|---|
date | Tue, 04 Sep 2012 07:25:49 +0000 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/www/m.a/controls.html Tue Sep 04 07:25:49 2012 +0000 @@ -0,0 +1,87 @@ +<!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>