|
rob@100
|
1 <!DOCTYPE html>
|
|
rob@100
|
2 <html>
|
|
rob@100
|
3 <head>
|
|
rob@100
|
4 <script src="/socket.io/socket.io.js"></script>
|
|
rob@100
|
5 <script src="js/jaysalvat-buzz-05c96cc/buzz.js"></script>
|
|
rob@100
|
6 <meta charset="UTF-8">
|
|
rob@100
|
7 <title>score@nodescore</title>
|
|
rob@100
|
8 <link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
|
|
rob@100
|
9 <link href="css/nodescore-tablet.css" rel="stylesheet">
|
|
rob@100
|
10 <link href="css/chat-tablet.css" rel="stylesheet">
|
|
rob@100
|
11 <link href="css/menu.css" rel="stylesheet">
|
|
rob@100
|
12 <script src="js/jquery-1.7.1.min.js"></script>
|
|
rob@100
|
13 <script src="js/nodescore-slides.js"></script>
|
|
rob@100
|
14 </head>
|
|
rob@100
|
15
|
|
rob@100
|
16 <body>
|
|
rob@100
|
17
|
|
rob@100
|
18 <input type="hidden" id="group" value='1'>
|
|
rob@100
|
19 <div class="outermaster">
|
|
rob@100
|
20
|
|
rob@100
|
21 <div id="live"> </div>
|
|
rob@100
|
22
|
|
rob@100
|
23 <div id="info">
|
|
rob@100
|
24 <div id="comms">
|
|
rob@100
|
25 <div id="chat" title="type here to chat with others connected to network" >
|
|
rob@100
|
26 <div id="nickname" title="type your login name and press enter" >
|
|
rob@100
|
27 <form id="set-nickname" class="wrap">
|
|
rob@100
|
28 <p>LOGIN:</p>
|
|
rob@100
|
29 <input id="nick">
|
|
rob@100
|
30 <p id="nickname-err">Nickname already in use</p>
|
|
rob@100
|
31 </form>
|
|
rob@100
|
32 </div>
|
|
rob@100
|
33 <div id="connecting">
|
|
rob@100
|
34 <div class="wrap">Connecting to socket.io server</div>
|
|
rob@100
|
35 </div>
|
|
rob@100
|
36 <div id="messages">
|
|
rob@100
|
37 <div id="nicknames"></div>
|
|
rob@100
|
38 <div id="lines"></div>
|
|
rob@100
|
39 </div>
|
|
rob@100
|
40 <form id="send-message">
|
|
rob@100
|
41 <input id="message">
|
|
rob@100
|
42 <button>Send</button>
|
|
rob@100
|
43 </form>
|
|
rob@100
|
44 </div>
|
|
rob@100
|
45 </div>
|
|
rob@100
|
46
|
|
rob@100
|
47 <div id="midfoot">
|
|
rob@100
|
48 <div id="midcomms">
|
|
rob@100
|
49 <div id="counttitle" style="display:inline;"></div>
|
|
rob@100
|
50 <div id="count" style="color:white"></div>
|
|
rob@100
|
51 </div>
|
|
rob@100
|
52
|
|
rob@100
|
53 <div id="remainingtime">
|
|
rob@100
|
54 next in:
|
|
rob@100
|
55 <div id="totalcountdown">.</div>
|
|
rob@100
|
56 </div>
|
|
rob@100
|
57
|
|
rob@100
|
58 <div class="metrocase" id="metro">
|
|
rob@100
|
59 <div id="metronome0"></div>
|
|
rob@100
|
60 </div>
|
|
rob@100
|
61
|
|
rob@100
|
62 <div id="timeinfo">
|
|
rob@100
|
63 <div id="datetime"></div>
|
|
rob@100
|
64 <div id="client_chronometer" style="z-index: 2;">00:00:00.0</div>
|
|
rob@100
|
65 <div id="client_latency">Latency: 0ms</div>
|
|
rob@100
|
66 </div>
|
|
rob@100
|
67
|
|
rob@100
|
68
|
|
rob@100
|
69 <div id="current">
|
|
rob@100
|
70 <script type="text/javascript">
|
|
rob@100
|
71 function setPart(sel) {
|
|
rob@100
|
72 //var testSound = new buzz.sound( 'audio/testfile', { formats: [ 'ogg', 'mp3' ] } );
|
|
rob@100
|
73 //testSound.play();
|
|
rob@100
|
74
|
|
rob@100
|
75 var value = sel.options[sel.selectedIndex].value;
|
|
rob@100
|
76 document.getElementById('group').value=value;
|
|
rob@100
|
77 //$('div#current').text('GROUP ' +value).text='value';
|
|
rob@100
|
78 }
|
|
rob@100
|
79 </script>
|
|
rob@100
|
80 <div>
|
|
rob@100
|
81 <select id="setPart" onchange="setPart(this)">
|
|
rob@100
|
82 <option value="1">Stream 01</option>
|
|
rob@100
|
83 <option value="2">Stream 02</option>
|
|
rob@100
|
84 <option value="3">Stream 03</option>
|
|
rob@100
|
85 <option value="4">Stream 04</option>
|
|
rob@100
|
86 </select>
|
|
rob@100
|
87 </div>
|
|
rob@100
|
88 </div>
|
|
rob@100
|
89
|
|
rob@100
|
90 </div>
|
|
rob@100
|
91
|
|
rob@100
|
92
|
|
rob@100
|
93 <div id="preview"></div>
|
|
rob@100
|
94
|
|
rob@100
|
95 </div>
|
|
rob@100
|
96
|
|
rob@100
|
97
|
|
rob@100
|
98 </div>
|
|
rob@100
|
99
|
|
rob@100
|
100 </body>
|
|
rob@100
|
101 </html>
|
