Mercurial > hg > nodescore

<!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.css" rel="stylesheet">
  <link href="css/chat.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-client.js"></script>
  <script src="js/controlseq.js"></script>

</head>

<body onload="">
  <input type="hidden" id="group" value='1'>
  <div class="outermaster">
    <div class="outersquare">
  <h1 style=" background:transparent; left:24px; top:14px;">control interface:</h1>
      <div>
	<p class="magicsquare" id="1magicsquare0"></p>
	<p class="magicsquare" id="1magicsquare1"></p>
	<p class="magicsquare" id="1magicsquare2"></p>
	<p class="magicsquare" id="1magicsquare3"></p>
	<p class="magicsquare" id="1magicsquare4"></p>
	<p class="magicsquare" id="1magicsquare5"></p>
      </div>
      <br><br><br><br>
      <div>
	<p class="magicsquare" id="2magicsquare0"></p>
	<p class="magicsquare" id="2magicsquare1"></p>
	<p class="magicsquare" id="2magicsquare2"></p>
	<p class="magicsquare" id="2magicsquare3"></p>
	<p class="magicsquare" id="2magicsquare4"></p>
	<p class="magicsquare" id="2magicsquare5"></p>
      </div>
      <br><br><br><br>
      <div>
	<p class="magicsquare" id="3magicsquare0"></p>
	<p class="magicsquare" id="3magicsquare1"></p>
	<p class="magicsquare" id="3magicsquare2"></p>
	<p class="magicsquare" id="3magicsquare3"></p>
	<p class="magicsquare" id="3magicsquare4"></p>
	<p class="magicsquare" id="3magicsquare5"></p>
      </div>
      <br><br><br><br>
      <div>
	<p class="magicsquare" id="4magicsquare0"></p>
	<p class="magicsquare" id="4magicsquare1"></p>
	<p class="magicsquare" id="4magicsquare2"></p>
	<p class="magicsquare" id="4magicsquare3"></p>
	<p class="magicsquare" id="4magicsquare4"></p>
	<p class="magicsquare" id="4magicsquare5"></p>
      </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>


      <div id="comms">
	<div id="chat">
	  <div id="nickname">
	    <form id="set-nickname" class="wrap">
	      <p>Please type in your nickname and press enter.</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>
      </div>

      <div id="midcomms"></div>
      <div id="preview">
      </div>

      <div class="footdata">

	<div class="metrocase" id="metro">
	  <div id="metronome0"></div>
	  <div id="metronome1"></div>
	  <div id="metronome2"></div>
	  <div id="metronome3"></div>
	</div>

	<div id="current">CTRL</div>
	<div id="client_latency">Latency: 0ms</div>
	<div id="datetime"></div>
	<div id="client_chronometer"  style="z-index: 2;">00:00:00.0</div>

      </div>

  </div>

</div>


</body>
</html>
author	Rob Canning <rc@kiben.net>
date	Tue, 21 Apr 2015 16:20:57 +0100
parents	d8f494bdbb18
children