124 lines
3.3 KiB
HTML
124 lines
3.3 KiB
HTML
|
<!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/controlseq.js"></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<input type="hidden" id="group" value='1'>
|
||
|
|
<div class="outermaster2" id="outermaster2">
|
||
|
|
<br/>
|
||
|
|
|
||
|
|
<div id="wide">
|
||
|
|
<div id="outer">
|
||
|
|
<script type="text/javascript">// <![CDATA[
|
||
|
|
var outer = document.getElementById("outer");
|
||
|
|
for (var i = 0; i < 36; i++) {
|
||
|
|
var middle = document.createElement("div");
|
||
|
|
middle.setAttributeNS(null, "class", "middle");
|
||
|
|
middle.id = "middle-" + i;
|
||
|
|
for (var j = 0; j < 4; j++) {
|
||
|
|
var inner = document.createElement("p");
|
||
|
|
inner.setAttributeNS(null, "class", "inner-" + j);
|
||
|
|
inner.id = "inner-" + i + "-" + j;
|
||
|
|
var text = document.createTextNode(" ");
|
||
|
|
inner.appendChild(text);
|
||
|
|
middle.appendChild(inner);
|
||
|
|
}
|
||
|
|
outer.appendChild(middle);
|
||
|
|
}
|
||
|
|
// ]]></script>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="outerpreview" >
|
||
|
|
<div class="pview" id="preview-1" >
|
||
|
|
|
||
|
|
<div class="musicianprog" style="background:black; border: 1px solid yellow;" >
|
||
|
|
<div id="counttitle1" style="display:inline;"></div>
|
||
|
|
<div id="count1" style="color:white; font-size:2em;">x</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="pview" id="preview-2">
|
||
|
|
<div class="musicianprog" style="background:black; border: 1px solid green; ">
|
||
|
|
<div id="counttitle2" style="display:inline;"></div>
|
||
|
|
<div id="count2" style="color:white; font-size:2em;">x</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="pview" id="preview-3" >
|
||
|
|
<div class="musicianprog" style="background:black; border: 1px solid aqua; ">
|
||
|
|
<div id="counttitle3" style="display:inline;"></div>
|
||
|
|
<div id="count3" style="color:white; font-size:2em;">x</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="pview" id="preview-4">
|
||
|
|
<div class="musicianprog" style="background:black; border: 1px solid red; ">
|
||
|
|
<div id="counttitle4" style="display:inline;"></div>
|
||
|
|
<div id="count4" style="color:white; font-size:2em;">x</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div id="c_chronometer" style="z-index: 2;">00:00:00.0</div>
|
||
|
|
|
||
|
|
<div style="padding: 12px; position:relative; right:-400px; bottom:-100px;">
|
||
|
|
<input type="button" value="start" onclick="startSeq();" />
|
||
|
|
<input type="button" value="stop" onclick="stopSeq();" />
|
||
|
|
<input type="button" value="reset" onclick="resetSeq();" />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!--
|
||
|
|
<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>
|