Mercurial > hg > nodescore

annotate www/m/c.html @ 56:d8255f804d3d

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
added todo for zocky to have a look at
author tzara <rc-web@kiben.net>
date Wed, 19 Dec 2012 17:40:38 +0000
parents ddb09f0a67fd
children 474c1ad1e811
rev   line source
rc-web@43 1 <!DOCTYPE html>
rc-web@43 2 <html>
rc-web@43 3 <head>
rc-web@43 4 <meta charset="UTF-8">
rc-web@43 5 <title>controls@nodescore</title>
rc-web@43 6
rc-web@43 7 <link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
rc-web@43 8
rc-web@43 9 <link href="css/nodescore-tablet.css" rel="stylesheet">
rc-web@43 10 <link href="css/chat-tablet.css" rel="stylesheet">
rc-web@43 11 <link href="css/menu.css" rel="stylesheet">
rc-web@43 12
rc-web@43 13 <script src="js/jquery-1.7.1.min.js"></script>
rc-web@43 14 <script src="/socket.io/socket.io.js"></script>
rc-web@43 15 <script src="js/nodescore-slides.js"></script>
rc-web@43 16 <script src="js/controlseq.js"></script>
rc-web@43 17 </head>
rc-web@43 18
rc-web@43 19 <body>
rc-web@43 20
rc-web@43 21 <input type="hidden" id="group" value='1'>
rc-web@43 22 <div class="outermaster">
rc-web@43 23
rc-web@43 24 <h1 style=" font-size:1.5em; background:transparent; left:24px; top:14px;">magick square sequencer:</h1>
rc-web@43 25 <br>
rc-web@43 26 <div>
rc-web@43 27 <p class="magicsquare" id="1magicsquare0"></p>
rc-web@43 28 <p class="magicsquare" id="1magicsquare1"></p>
rc-web@43 29 <p class="magicsquare" id="1magicsquare2"></p>
rc-web@43 30 <p class="magicsquare" id="1magicsquare3"></p>
rc-web@43 31 <p class="magicsquare" id="1magicsquare4"></p>
rc-web@43 32 <p class="magicsquare" id="1magicsquare5"></p>
rc-web@43 33 </div>
rc-web@43 34 <br><br><br><br>
rc-web@43 35 <div>
rc-web@43 36 <p class="magicsquare" id="2magicsquare0"></p>
rc-web@43 37 <p class="magicsquare" id="2magicsquare1"></p>
rc-web@43 38 <p class="magicsquare" id="2magicsquare2"></p>
rc-web@43 39 <p class="magicsquare" id="2magicsquare3"></p>
rc-web@43 40 <p class="magicsquare" id="2magicsquare4"></p>
rc-web@43 41 <p class="magicsquare" id="2magicsquare5"></p>
rc-web@43 42 </div>
rc-web@43 43 <br><br><br><br>
rc-web@43 44 <div>
rc-web@43 45 <p class="magicsquare" id="3magicsquare0"></p>
rc-web@43 46 <p class="magicsquare" id="3magicsquare1"></p>
rc-web@43 47 <p class="magicsquare" id="3magicsquare2"></p>
rc-web@43 48 <p class="magicsquare" id="3magicsquare3"></p>
rc-web@43 49 <p class="magicsquare" id="3magicsquare4"></p>
rc-web@43 50 <p class="magicsquare" id="3magicsquare5"></p>
rc-web@43 51 </div>
rc-web@43 52 <br><br><br><br>
rc-web@43 53 <div>
rc-web@43 54 <p class="magicsquare" id="4magicsquare0"></p>
rc-web@43 55 <p class="magicsquare" id="4magicsquare1"></p>
rc-web@43 56 <p class="magicsquare" id="4magicsquare2"></p>
rc-web@43 57 <p class="magicsquare" id="4magicsquare3"></p>
rc-web@43 58 <p class="magicsquare" id="4magicsquare4"></p>
rc-web@43 59 <p class="magicsquare" id="4magicsquare5"></p>
rc-web@43 60 </div>
rc-web@43 61
rc-web@43 62 <br/><br/><br/><br/>
rc-web@43 63
rc-web@43 64 <input type="button" value="START" onclick="startSeq();" />
rc-web@43 65 <input type="button" value="STOP" onclick="stopSeq();" />
rc-web@43 66 <input type="button" value="RESET" onclick="resetSeq();" />
rc-web@43 67
rc-web@43 68 <div id="info">
rc-web@43 69 <div id="comms">
rc-web@43 70 <div id="chat" title="type here to chat with others connected to network" >
rc-web@43 71 <div id="nickname" title="type your login name and press enter" >
rc-web@43 72 <form id="set-nickname" class="wrap">
rc-web@43 73 <p>LOGIN:</p>
rc-web@43 74 <input id="nick">
rc-web@43 75 <p id="nickname-err">Nickname already in use</p>
rc-web@43 76 </form>
rc-web@43 77 </div>
rc-web@43 78 <div id="connecting">
rc-web@43 79 <div class="wrap">Connecting to socket.io server</div>
rc-web@43 80 </div>
rc-web@43 81 <div id="messages">
rc-web@43 82 <div id="nicknames"></div>
rc-web@43 83 <div id="lines"></div>
rc-web@43 84 </div>
rc-web@43 85 <form id="send-message">
rc-web@43 86 <input id="message">
rc-web@43 87 <button>Send</button>
rc-web@43 88 </form>
rc-web@43 89 </div>
rc-web@43 90 </div>
rc-web@43 91
rc-web@43 92 <div id="midfoot">
rc-web@43 93
rc-web@43 94 <div id="midcomms">
rc-web@43 95 <div id="counttitle" style="display:inline;"></div>
rc-web@43 96 <div id="count" style="color:white"></div>
rc-web@43 97 </div>
rc-web@43 98
rc-web@43 99 <div id="remainingtime">
rc-web@43 100 next in:
rc-web@43 101 <div id="totalcountdown">.</div>
rc-web@43 102 </div>
rc-web@43 103
rc-web@43 104 <div class="metrocase" id="metro">
rc-web@43 105 <div id="metronome0"></div>
rc-web@43 106 </div>
rc-web@43 107
rc-web@43 108 <div id="timeinfo">
rc-web@43 109 <div id="datetime"></div>
rc-web@43 110 <div id="client_chronometer" style="z-index: 2;">00:00:00.0</div>
rc-web@43 111 <div id="client_latency">Latency: 0ms</div>
rc-web@43 112 </div>
rc-web@43 113
rc-web@43 114 <div id="current">
rc-web@43 115 <script type="text/javascript">
rc-web@43 116 function setPart(sel) {
rc-web@43 117 var value = sel.options[sel.selectedIndex].value;
rc-web@43 118 document.getElementById('group').value=value;
rc-web@43 119 //$('div#current').text('GROUP ' +value).text='value';
rc-web@43 120 }
rc-web@43 121 </script>
rc-web@43 122 <div>
rc-web@43 123 <select id="setPart" onchange="setPart(this)">
rc-web@43 124 <option value="1">Stream 01</option>
rc-web@43 125 <option value="2">Stream 02</option>
rc-web@43 126 <option value="3">Stream 03</option>
rc-web@43 127 <option value="4">Stream 04</option>
rc-web@43 128 </select>
rc-web@43 129 </div>
rc-web@43 130 </div>
rc-web@43 131
rc-web@43 132
rc-web@43 133 </div>
rc-web@43 134
rc-web@43 135
rc-web@43 136 <div id="preview"></div>
rc-web@43 137
rc-web@43 138 </div>
rc-web@43 139
rc-web@43 140
rc-web@43 141 </div>
rc-web@43 142
rc-web@43 143 </body>
rc-web@43 144 </html>