Mercurial > hg > nodescore

annotate www/m/ctrl.html @ 40:9d69c5b009e7

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