Mercurial > hg > nodescore

annotate www/8/dump/c.html @ 101:52e44ee1c791 tip master

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
enabled all scores in autostart script
author Rob Canning <rc@kiben.net>
date Tue, 21 Apr 2015 16:20:57 +0100
parents 9bf133b91890
children
rev   line source
rc-web@63 1 <!DOCTYPE html>
rc-web@63 2 <html>
rc-web@63 3 <head>
rc-web@63 4 <meta charset="UTF-8">
rc-web@63 5 <title>controls@nodescore</title>
rc-web@63 6
rc-web@63 7 <link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
rc-web@63 8
rc-web@63 9 <link href="css/nodescore-tablet.css" rel="stylesheet">
rc-web@63 10 <link href="css/chat-tablet.css" rel="stylesheet">
rc-web@63 11 <link href="css/menu.css" rel="stylesheet">
rc-web@63 12
rc-web@63 13 <script src="js/jquery-1.7.1.min.js"></script>
rc-web@63 14 <script src="/socket.io/socket.io.js"></script>
rc-web@63 15 <script src="js/nodescore-slides.js"></script>
rc-web@63 16 <script src="js/controlseq.js"></script>
rc-web@63 17 </head>
rc-web@63 18
rc-web@63 19 <body>
rc-web@63 20
rc-web@63 21 <input type="hidden" id="group" value='1'>
rc-web@63 22 <div class="outermaster" id="outermaster">
rc-web@63 23 <!--
rc-web@63 24
rc-web@63 25 <div class="row">
rc-web@63 26 <div class="xunit"> <p class="precd" id="xsqr0"></p> <div><img src="thumbs/0.png"/></div></div>
rc-web@63 27 <div class="xunit"> <p class="precd" id="xsqr1"></p> <div><img src="thumbs/1.png"/></div></div>
rc-web@63 28 <div class="xunit"> <p class="precd" id="xsqr2"></p> <div><img src="thumbs/2.png"/></div></div>
rc-web@63 29 <div class="xunit"> <p class="precd" id="xsqr3"></p> <div><img src="thumbs/3.png"/></div></div>
rc-web@63 30 <div class="xunit"> <p class="precd" id="xsqr4"></p> <div><img src="thumbs/4.png"/></div></div>
rc-web@63 31 <div class="xunit"> <p class="precd" id="xsqr5"></p> <div><img src="thumbs/5.png"/></div></div>
rc-web@63 32 </div>
rc-web@63 33
rc-web@63 34 <div class="row">
rc-web@63 35 <div class="xunit"> <p class="precd" id="xsqr6"></p> <div><img src="thumbs/6.png"/></div></div>
rc-web@63 36 <div class="xunit"> <p class="precd" id="xsqr7"></p> <div><img src="thumbs/7.png"/></div></div>
rc-web@63 37 <div class="xunit"> <p class="precd" id="xsqr8"></p> <div><img src="thumbs/8.png"/></div></div>
rc-web@63 38 <div class="xunit"> <p class="precd" id="xsqr9"></p> <div><img src="thumbs/9.png"/></div></div>
rc-web@63 39 <div class="xunit"> <p class="precd" id="xsqr10"></p> <div><img src="thumbs/10.png"/></div></div>
rc-web@63 40 <div class="xunit"> <p class="precd" id="xsqr11"></p> <div><img src="thumbs/11.png"/></div></div>
rc-web@63 41 </div>
rc-web@63 42
rc-web@63 43 <div class="row">
rc-web@63 44 <div class="xunit"> <p class="precd" id="xsqr12"></p> <div><img src="thumbs/12.png"/></div></div>
rc-web@63 45 <div class="xunit"> <p class="precd" id="xsqr13"></p> <div><img src="thumbs/13.png"/></div></div>
rc-web@63 46 <div class="xunit"> <p class="precd" id="xsqr14"></p> <div><img src="thumbs/14.png"/></div></div>
rc-web@63 47 <div class="xunit"> <p class="precd" id="xsqr15"></p> <div><img src="thumbs/15.png"/></div></div>
rc-web@63 48 <div class="xunit"> <p class="precd" id="xsqr16"></p> <div><img src="thumbs/16.png"/></div></div>
rc-web@63 49 <div class="xunit"> <p class="precd" id="xsqr17"></p> <div><img src="thumbs/17.png"/></div></div>
rc-web@63 50 </div>
rc-web@63 51
rc-web@63 52 <div class="row">
rc-web@63 53 <div class="xunit"> <p class="precd" id="xsqr18"></p> <div><img src="thumbs/18.png"/></div></div>
rc-web@63 54 <div class="xunit"> <p class="precd" id="xsqr19"></p> <div><img src="thumbs/19.png"/></div></div>
rc-web@63 55 <div class="xunit"> <p class="precd" id="xsqr20"></p> <div><img src="thumbs/20.png"/></div></div>
rc-web@63 56 <div class="xunit"> <p class="precd" id="xsqr21"></p> <div><img src="thumbs/21.png"/></div></div>
rc-web@63 57 <div class="xunit"> <p class="precd" id="xsqr22"></p> <div><img src="thumbs/22.png"/></div></div>
rc-web@63 58 <div class="xunit"> <p class="precd" id="xsqr23"></p> <div><img src="thumbs/23.png"/></div></div>
rc-web@63 59 </div>
rc-web@63 60
rc-web@63 61 <div class="row">
rc-web@63 62 <div class="xunit"> <p class="precd" id="xsqr24"></p> <div><img src="thumbs/24.png"/></div></div>
rc-web@63 63 <div class="xunit"> <p class="precd" id="xsqr25"></p> <div><img src="thumbs/25.png"/></div></div>
rc-web@63 64 <div class="xunit"> <p class="precd" id="xsqr26"></p> <div><img src="thumbs/26.png"/></div></div>
rc-web@63 65 <div class="xunit"> <p class="precd" id="xsqr27"></p> <div><img src="thumbs/27.png"/></div></div>
rc-web@63 66 <div class="xunit"> <p class="precd" id="xsqr28"></p> <div><img src="thumbs/28.png"/></div></div>
rc-web@63 67 <div class="xunit"> <p class="precd" id="xsqr29"></p> <div><img src="thumbs/29.png"/></div></div>
rc-web@63 68 </div>
rc-web@63 69
rc-web@63 70 <div class="row">
rc-web@63 71 <div class="xunit"> <p class="precd" id="xsqr30"></p> <div><img src="thumbs/30.png"/></div></div>
rc-web@63 72 <div class="xunit"> <p class="precd" id="xsqr31"></p> <div><img src="thumbs/31.png"/></div></div>
rc-web@63 73 <div class="xunit"> <p class="precd" id="xsqr32"></p> <div><img src="thumbs/32.png"/></div></div>
rc-web@63 74 <div class="xunit"> <p class="precd" id="xsqr33"></p> <div><img src="thumbs/33.png"/></div></div>
rc-web@63 75 <div class="xunit"> <p class="precd" id="xsqr34"></p> <div><img src="thumbs/34.png"/></div></div>
rc-web@63 76 <div class="xunit"> <p class="precd" id="xsqr35"></p> <div><img src="thumbs/35.png"/></div></div>
rc-web@63 77 </div>
rc-web@63 78 -->
rc-web@63 79 <br/>
rc-web@63 80 <script type="text/javascript">
rc-web@63 81 /*
rc-web@63 82 for (var i=0; i<6;i++) {
rc-web@63 83 therow=document.createElement('div');
rc-web@63 84 therow.className="row"
rc-web@63 85 for (var i=0; i<6;i++) {
rc-web@63 86 }
rc-web@63 87 */
rc-web@63 88
rc-web@63 89 var outermaster = document.getElementById('outermaster');
rc-web@63 90 var thesquare=document.createElement('div');
rc-web@63 91 thesquare.id="thesquare";
rc-web@63 92
rc-web@63 93 for (var i=0; i<36;i++) {
rc-web@63 94 var sqrowdiv = document.createElement('div');
rc-web@63 95 sqrowdiv.className="sqrow"
rc-web@63 96 var msdiv = document.createElement('div');
rc-web@63 97 msdiv.className="magicsquare"
rc-web@63 98
rc-web@63 99 this.sqrowdiv.appendChild(this.msdiv);
rc-web@63 100
rc-web@63 101 var sqa = document.createElement('p');
rc-web@63 102 var sqb = document.createElement('p');
rc-web@63 103 var sqc = document.createElement('p');
rc-web@63 104 var sqd = document.createElement('p');
rc-web@63 105
rc-web@63 106 //sqa.innerHTML = sqa.innerHTML + '';
rc-web@63 107 //sqb.innerHTML = sqb.innerHTML + '';
rc-web@63 108 //sqc.innerHTML = sqc.innerHTML + '';
rc-web@63 109 //sqd.innerHTML = sqd.innerHTML + '';
rc-web@63 110
rc-web@63 111 sqa.className="sqa"; sqa.id="sqr"+i
rc-web@63 112 sqb.className="sqb"; sqb.id="sqr"+i
rc-web@63 113 sqc.className="sqc"; sqc.id="sqr"+i
rc-web@63 114 sqd.className="sqd"; sqd.id="sqr"+i
rc-web@63 115
rc-web@63 116 this.msdiv.appendChild(this.sqa);
rc-web@63 117 this.msdiv.appendChild(this.sqb);
rc-web@63 118 this.msdiv.appendChild(this.sqc);
rc-web@63 119 this.msdiv.appendChild(this.sqd);
rc-web@63 120
rc-web@63 121 this.thesquare.appendChild(this.sqrowdiv);
rc-web@63 122
rc-web@63 123 }
rc-web@63 124
rc-web@63 125 this.outermaster.appendChild(this.thesquare);
rc-web@63 126 document.body.appendChild(outermaster);
rc-web@63 127
rc-web@63 128 </script>
rc-web@63 129 </div>
rc-web@63 130
rc-web@63 131 <div class="ctrlclock" style="position:absolute;">
rc-web@63 132 <div id="client_chronometer" style="z-index: 2;">00:00:00.0</div>
rc-web@63 133 </div>
rc-web@63 134
rc-web@63 135 <div class="metrocase" id="metro">
rc-web@63 136 <div id="metronome0"></div>
rc-web@63 137 </div>
rc-web@63 138 </div>
rc-web@63 139
rc-web@63 140 <br/><br/>
rc-web@63 141 <br/><br/>
rc-web@63 142 <input type="button" value="START" onclick="startSeq();" />
rc-web@63 143 <input type="button" value="STOP" onclick="stopSeq();" />
rc-web@63 144 <input type="button" value="RESET" onclick="resetSeq();" />
rc-web@63 145
rc-web@63 146 <div id="xcomms">
rc-web@63 147 <div id="chat" title="type here to chat with others connected to network" >
rc-web@63 148 <div id="nickname" title="type your login name and press enter">
rc-web@63 149 <form id="set-nickname" class="wrap">
rc-web@63 150 <p>LOGIN:</p>
rc-web@63 151 <input id="nick">
rc-web@63 152 <p id="nickname-err">Nickname already in use</p>
rc-web@63 153 </form>
rc-web@63 154 </div>
rc-web@63 155 <div id="connecting">
rc-web@63 156 <div class="wrap">Connecting to socket.io server</div>
rc-web@63 157 </div>
rc-web@63 158 <div id="messages">
rc-web@63 159 <div id="nicknames"></div>
rc-web@63 160 <div id="lines"></div>
rc-web@63 161 </div>
rc-web@63 162 <form id="send-message">
rc-web@63 163 <input id="message">
rc-web@63 164 <button>Send</button>
rc-web@63 165 </form>
rc-web@63 166 </div>
rc-web@63 167
rc-web@63 168
rc-web@63 169 </body>
rc-web@63 170 </html>