rc-web@63
|
1 <!DOCTYPE html>
|
rc-web@63
|
2 <html>
|
rc-web@63
|
3 <head>
|
rc-web@63
|
4 <meta charset="UTF-8">
|
rc-web@63
|
5 <title>score@nodescore</title>
|
rc-web@63
|
6
|
rc-web@63
|
7 <link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
|
rc-web@63
|
8
|
rc-web@63
|
9
|
rc-web@63
|
10 <link href="css/nodescore.css" rel="stylesheet">
|
rc-web@63
|
11 <link href="css/chat.css" rel="stylesheet">
|
rc-web@63
|
12 <link href="css/menu.css" rel="stylesheet">
|
rc-web@63
|
13
|
rc-web@63
|
14 <script src="js/jquery-1.7.1.min.js"></script>
|
rc-web@63
|
15 <script src="/socket.io/socket.io.js"></script>
|
rc-web@63
|
16 <script src="js/nodescore-client.js"></script>
|
rc-web@63
|
17
|
rc-web@63
|
18
|
rc-web@63
|
19 </head>
|
rc-web@63
|
20
|
rc-web@63
|
21 <body onload='document.getElementById("countinnumber").style.visibility="hidden";'>
|
rc-web@63
|
22
|
rc-web@63
|
23 <input type="hidden" id="group" value='1'>
|
rc-web@63
|
24
|
rc-web@63
|
25
|
rc-web@63
|
26
|
rc-web@63
|
27 <div class="outermaster">
|
rc-web@63
|
28 <div style="position:absolute;
|
rc-web@63
|
29 width:97%;
|
rc-web@63
|
30 padding: 0px 0px 0px 0px ;
|
rc-web@63
|
31 margin:0 0 0 0px;
|
rc-web@63
|
32 left:14px; top:12px;
|
rc-web@63
|
33 border:2px solid white;
|
rc-web@63
|
34 border-radius:15px;
|
rc-web@63
|
35 opacity:0.5;
|
rc-web@63
|
36 ">
|
rc-web@63
|
37
|
rc-web@63
|
38 <h1 style="background:transparent;
|
rc-web@63
|
39 text-align:center;
|
rc-web@63
|
40 margin:0px 0px 0px 0px;
|
rc-web@63
|
41 padding: 0px 0px 0px 0px ;
|
rc-web@63
|
42 opacity: 1;
|
rc-web@63
|
43 ">static notation demo + + + n o d e s c o r e</h1>
|
rc-web@63
|
44 </div>
|
rc-web@63
|
45 <div id="countinnumber"></div>
|
rc-web@63
|
46 <div id="live"> </div>
|
rc-web@63
|
47
|
rc-web@63
|
48 <div id="comms">
|
rc-web@63
|
49 <div id="chat" title="type here to chat with others connected to network" >
|
rc-web@63
|
50 <div id="nickname" title="type your login name and press enter" >
|
rc-web@63
|
51 <form id="set-nickname" class="wrap">
|
rc-web@63
|
52 <p>LOGIN:</p>
|
rc-web@63
|
53 <input id="nick">
|
rc-web@63
|
54 <p id="nickname-err">Nickname already in use</p>
|
rc-web@63
|
55 </form>
|
rc-web@63
|
56 </div>
|
rc-web@63
|
57 <div id="connecting">
|
rc-web@63
|
58 <div class="wrap">Connecting to socket.io server</div>
|
rc-web@63
|
59 </div>
|
rc-web@63
|
60 <div id="messages">
|
rc-web@63
|
61 <div id="nicknames"></div>
|
rc-web@63
|
62 <div id="lines"></div>
|
rc-web@63
|
63 </div>
|
rc-web@63
|
64 <form id="send-message">
|
rc-web@63
|
65 <input id="message">
|
rc-web@63
|
66 <button>Send</button>
|
rc-web@63
|
67 </form>
|
rc-web@63
|
68 </div>
|
rc-web@63
|
69 </div>
|
rc-web@63
|
70
|
rc-web@63
|
71 <div id="midcomms">
|
rc-web@63
|
72 <h2 id="counttitle" style="padding-top:9px; margin:0;">...</h2>
|
rc-web@63
|
73 <p id="count" style="color:white">...</p>
|
rc-web@63
|
74 <div id="totalcountdown">...</div>
|
rc-web@63
|
75 </div>
|
rc-web@63
|
76
|
rc-web@63
|
77 <div id="preview">
|
rc-web@63
|
78 </div>
|
rc-web@63
|
79
|
rc-web@63
|
80 <div class="footdata">
|
rc-web@63
|
81
|
rc-web@63
|
82 <div class="metrocase" id="metro">
|
rc-web@63
|
83 <div id="metronome0"></div>
|
rc-web@63
|
84 <div id="metronome1"></div>
|
rc-web@63
|
85 <div id="metronome2"></div>
|
rc-web@63
|
86 <div id="metronome3"></div>
|
rc-web@63
|
87 </div>
|
rc-web@63
|
88
|
rc-web@63
|
89 <div id="current">GROUP: 1</div>
|
rc-web@63
|
90 <div id="client_latency">Latency: 0ms</div>
|
rc-web@63
|
91 <div id="datetime"></div>
|
rc-web@63
|
92 <div id="client_chronometer" style="z-index: 2;">00:00:00.0</div>
|
rc-web@63
|
93
|
rc-web@63
|
94 </div>
|
rc-web@63
|
95
|
rc-web@63
|
96 </div>
|
rc-web@63
|
97
|
rc-web@63
|
98 <ul id="nav">
|
rc-web@63
|
99 <li><a href="javascript:void(0)">Menu</a>
|
rc-web@63
|
100 <ul>
|
rc-web@63
|
101 <li><a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='3'">SELECT PART:</a>
|
rc-web@63
|
102 <ul>
|
rc-web@63
|
103 <a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='1'; $('div#current').text('GROUP 1').text='1'">GROUP 1</a>
|
rc-web@63
|
104 <a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='2'; $('div#current').text('GROUP 2').text='2'">GROUP 2</a>
|
rc-web@63
|
105 <a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='3'; $('div#current').text('GROUP 3').text='3'">GROUP 3</a>
|
rc-web@63
|
106 <a href="javascript:void(0)" onclick="javascript:document.getElementById('group').value='4'; $('div#current').text('GROUP 4').text='4'">GROUP 4</a>
|
rc-web@63
|
107 </ul>
|
rc-web@63
|
108 </li>
|
rc-web@63
|
109 <li><a href="http://nodescore.kiben.net">help</a></li>
|
rc-web@63
|
110 <li><a href="http://nodescore.kiben.net:8889/m/controls.html" target="_blank">control panel</a></li>
|
rc-web@63
|
111 </ul>
|
rc-web@63
|
112 </li>
|
rc-web@63
|
113 </ul>
|
rc-web@63
|
114
|
rc-web@63
|
115
|
rc-web@63
|
116
|
rc-web@63
|
117
|
rc-web@63
|
118 </body>
|
rc-web@63
|
119 </html>
|