120 lines
3.4 KiB
HTML
Executable File
120 lines
3.4 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>score@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>
|
|
|
|
|
|
</head>
|
|
|
|
<body onload='document.getElementById("countinnumber").style.visibility="hidden";'>
|
|
|
|
<input type="hidden" id="group" value='1'>
|
|
|
|
|
|
|
|
<div class="outermaster">
|
|
<div style="position:absolute;
|
|
width:97%;
|
|
padding: 0px 0px 0px 0px ;
|
|
margin:0 0 0 0px;
|
|
left:14px; top:12px;
|
|
border:2px solid white;
|
|
border-radius:15px;
|
|
opacity:0.5;
|
|
">
|
|
|
|
<h1 style="background:transparent;
|
|
text-align:center;
|
|
margin:0px 0px 0px 0px;
|
|
padding: 0px 0px 0px 0px ;
|
|
opacity: 1;
|
|
">static notation demo + + + n o d e s c o r e</h1>
|
|
</div>
|
|
<div id="countinnumber"></div>
|
|
<div id="live"> </div>
|
|
|
|
<div id="comms">
|
|
<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>
|
|
</div>
|
|
|
|
<div id="midcomms">
|
|
<h2 id="counttitle" style="padding-top:9px; margin:0;">...</h2>
|
|
<p id="count" style="color:white">...</p>
|
|
<div id="totalcountdown">...</div>
|
|
</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">GROUP: 1</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>
|
|
|
|
<ul id="nav">
|
|
<li><a href="javascript:void(0)">Menu</a>
|
|
<ul>
|
|
<li><a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='3'">SELECT PART:</a>
|
|
<ul>
|
|
<a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='1'; $('div#current').text('GROUP 1').text='1'">GROUP 1</a>
|
|
<a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='2'; $('div#current').text('GROUP 2').text='2'">GROUP 2</a>
|
|
<a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='3'; $('div#current').text('GROUP 3').text='3'">GROUP 3</a>
|
|
<a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='4'; $('div#current').text('GROUP 4').text='4'">GROUP 4</a>
|
|
</ul>
|
|
</li>
|
|
<li><a href="http://nodescore.kiben.net">help</a></li>
|
|
<li><a href="http://nodescore.kiben.net:8889/m/controls.html" target="_blank">control panel</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|