Mercurial > hg > nodescore
changeset 62:185683004dfb
director page added
author | tzara <rc-web@kiben.net> |
---|---|
date | Fri, 26 Apr 2013 17:06:49 +0000 |
parents | 19441b219301 |
children | 9bf133b91890 |
files | www/m/director.html |
diffstat | 1 files changed, 123 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/www/m/director.html Fri Apr 26 17:06:49 2013 +0000 @@ -0,0 +1,123 @@ +<!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>