171 lines
7.2 KiB
HTML
Executable File
171 lines
7.2 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>controls@nodescore</title>
|
|
|
|
<link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
|
|
|
|
<link href="css/nodescore-tablet.css" rel="stylesheet">
|
|
<link href="css/chat-tablet.css" rel="stylesheet">
|
|
<link href="css/menu.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-slides.js"></script>
|
|
<script src="js/controlseq.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<input type="hidden" id="group" value='1'>
|
|
<div class="outermaster" id="outermaster">
|
|
<!--
|
|
|
|
<div class="row">
|
|
<div class="xunit"> <p class="precd" id="xsqr0"></p> <div><img src="thumbs/0.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr1"></p> <div><img src="thumbs/1.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr2"></p> <div><img src="thumbs/2.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr3"></p> <div><img src="thumbs/3.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr4"></p> <div><img src="thumbs/4.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr5"></p> <div><img src="thumbs/5.png"/></div></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="xunit"> <p class="precd" id="xsqr6"></p> <div><img src="thumbs/6.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr7"></p> <div><img src="thumbs/7.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr8"></p> <div><img src="thumbs/8.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr9"></p> <div><img src="thumbs/9.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr10"></p> <div><img src="thumbs/10.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr11"></p> <div><img src="thumbs/11.png"/></div></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="xunit"> <p class="precd" id="xsqr12"></p> <div><img src="thumbs/12.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr13"></p> <div><img src="thumbs/13.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr14"></p> <div><img src="thumbs/14.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr15"></p> <div><img src="thumbs/15.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr16"></p> <div><img src="thumbs/16.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr17"></p> <div><img src="thumbs/17.png"/></div></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="xunit"> <p class="precd" id="xsqr18"></p> <div><img src="thumbs/18.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr19"></p> <div><img src="thumbs/19.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr20"></p> <div><img src="thumbs/20.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr21"></p> <div><img src="thumbs/21.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr22"></p> <div><img src="thumbs/22.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr23"></p> <div><img src="thumbs/23.png"/></div></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="xunit"> <p class="precd" id="xsqr24"></p> <div><img src="thumbs/24.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr25"></p> <div><img src="thumbs/25.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr26"></p> <div><img src="thumbs/26.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr27"></p> <div><img src="thumbs/27.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr28"></p> <div><img src="thumbs/28.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr29"></p> <div><img src="thumbs/29.png"/></div></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="xunit"> <p class="precd" id="xsqr30"></p> <div><img src="thumbs/30.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr31"></p> <div><img src="thumbs/31.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr32"></p> <div><img src="thumbs/32.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr33"></p> <div><img src="thumbs/33.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr34"></p> <div><img src="thumbs/34.png"/></div></div>
|
|
<div class="xunit"> <p class="precd" id="xsqr35"></p> <div><img src="thumbs/35.png"/></div></div>
|
|
</div>
|
|
-->
|
|
<br/>
|
|
<script type="text/javascript">
|
|
/*
|
|
for (var i=0; i<6;i++) {
|
|
therow=document.createElement('div');
|
|
therow.className="row"
|
|
for (var i=0; i<6;i++) {
|
|
}
|
|
*/
|
|
|
|
var outermaster = document.getElementById('outermaster');
|
|
var thesquare=document.createElement('div');
|
|
thesquare.id="thesquare";
|
|
|
|
for (var i=0; i<36;i++) {
|
|
var sqrowdiv = document.createElement('div');
|
|
sqrowdiv.className="sqrow"
|
|
var msdiv = document.createElement('div');
|
|
msdiv.className="magicsquare"
|
|
|
|
this.sqrowdiv.appendChild(this.msdiv);
|
|
|
|
var sqa = document.createElement('p');
|
|
var sqb = document.createElement('p');
|
|
var sqc = document.createElement('p');
|
|
var sqd = document.createElement('p');
|
|
|
|
//sqa.innerHTML = sqa.innerHTML + '';
|
|
//sqb.innerHTML = sqb.innerHTML + '';
|
|
//sqc.innerHTML = sqc.innerHTML + '';
|
|
//sqd.innerHTML = sqd.innerHTML + '';
|
|
|
|
sqa.className="sqa"; sqa.id="sqr"+i
|
|
sqb.className="sqb"; sqb.id="sqr"+i
|
|
sqc.className="sqc"; sqc.id="sqr"+i
|
|
sqd.className="sqd"; sqd.id="sqr"+i
|
|
|
|
this.msdiv.appendChild(this.sqa);
|
|
this.msdiv.appendChild(this.sqb);
|
|
this.msdiv.appendChild(this.sqc);
|
|
this.msdiv.appendChild(this.sqd);
|
|
|
|
this.thesquare.appendChild(this.sqrowdiv);
|
|
|
|
}
|
|
|
|
this.outermaster.appendChild(this.thesquare);
|
|
document.body.appendChild(outermaster);
|
|
|
|
</script>
|
|
</div>
|
|
|
|
<div class="ctrlclock" style="position:absolute;">
|
|
<div id="client_chronometer" style="z-index: 2;">00:00:00.0</div>
|
|
</div>
|
|
|
|
<div class="metrocase" id="metro">
|
|
<div id="metronome0"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<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();" />
|
|
|
|
<div id="xcomms">
|
|
<div id="chat" title="type here to chat with others connected to network" >
|
|
<div id="nickname" title="type your login name and press enter">
|
|
<form id="set-nickname" class="wrap">
|
|
<p>LOGIN:</p>
|
|
<input id="nick">
|
|
<p id="nickname-err">Nickname already in use</p>
|
|
</form>
|
|
</div>
|
|
<div id="connecting">
|
|
<div class="wrap">Connecting to socket.io server</div>
|
|
</div>
|
|
<div id="messages">
|
|
<div id="nicknames"></div>
|
|
<div id="lines"></div>
|
|
</div>
|
|
<form id="send-message">
|
|
<input id="message">
|
|
<button>Send</button>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html>
|