annotate www/emma/dump/ctrl.html @ 101:52e44ee1c791 tip master

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