rc-web@60
|
1 <!DOCTYPE html>
|
rc-web@60
|
2 <html>
|
rc-web@60
|
3 <head>
|
rc-web@60
|
4 <meta charset="UTF-8">
|
rc-web@60
|
5 <title>controls@nodescore</title>
|
rc-web@60
|
6
|
rc-web@60
|
7 <link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
|
rc-web@60
|
8
|
rc-web@60
|
9 <link href="css/nodescore-tablet.css" rel="stylesheet">
|
rc-web@60
|
10 <link href="css/chat-tablet.css" rel="stylesheet">
|
rc-web@60
|
11 <link href="css/menu.css" rel="stylesheet">
|
rc-web@60
|
12
|
rc-web@60
|
13 <script src="js/jquery-1.7.1.min.js"></script>
|
rc-web@60
|
14 <script src="/socket.io/socket.io.js"></script>
|
rc-web@60
|
15
|
rc-web@60
|
16 <script src="js/controlseq.js"></script>
|
rc-web@60
|
17 </head>
|
rc-web@60
|
18
|
rc-web@60
|
19 <body>
|
rc-web@60
|
20
|
rc-web@60
|
21 <input type="hidden" id="group" value='1'>
|
rc-web@60
|
22 <div class="outermaster2" id="outermaster2">
|
rc-web@60
|
23 <br/>
|
rc-web@60
|
24
|
rc-web@60
|
25 <div id="wide">
|
rc-web@60
|
26 <div id="outer">
|
rc-web@60
|
27 <script type="text/javascript">// <![CDATA[
|
rc-web@60
|
28 var outer = document.getElementById("outer");
|
rc-web@60
|
29 for (var i = 0; i < 36; i++) {
|
rc-web@60
|
30 var middle = document.createElement("div");
|
rc-web@60
|
31 middle.setAttributeNS(null, "class", "middle");
|
rc-web@60
|
32 middle.id = "middle-" + i;
|
rc-web@60
|
33 for (var j = 0; j < 4; j++) {
|
rc-web@60
|
34 var inner = document.createElement("p");
|
rc-web@60
|
35 inner.setAttributeNS(null, "class", "inner-" + j);
|
rc-web@60
|
36 inner.id = "inner-" + i + "-" + j;
|
rc-web@60
|
37 var text = document.createTextNode(" ");
|
rc-web@60
|
38 inner.appendChild(text);
|
rc-web@60
|
39 middle.appendChild(inner);
|
rc-web@60
|
40 }
|
rc-web@60
|
41 outer.appendChild(middle);
|
rc-web@60
|
42 }
|
rc-web@60
|
43 // ]]></script>
|
rc-web@60
|
44 </div>
|
rc-web@60
|
45
|
rc-web@60
|
46 <div id="outerpreview" >
|
rc-web@60
|
47 <div class="pview" id="preview-1" >
|
rc-web@60
|
48
|
rc-web@60
|
49 <div class="musicianprog" style="background:black; border: 1px solid yellow;" >
|
rc-web@60
|
50 <div id="counttitle1" style="display:inline;"></div>
|
rc-web@60
|
51 <div id="count1" style="color:white; font-size:2em;">x</div>
|
rc-web@60
|
52 </div>
|
rc-web@60
|
53
|
rc-web@60
|
54 </div>
|
rc-web@60
|
55 <div class="pview" id="preview-2">
|
rc-web@60
|
56 <div class="musicianprog" style="background:black; border: 1px solid green; ">
|
rc-web@60
|
57 <div id="counttitle2" style="display:inline;"></div>
|
rc-web@60
|
58 <div id="count2" style="color:white; font-size:2em;">x</div>
|
rc-web@60
|
59 </div>
|
rc-web@60
|
60 </div>
|
rc-web@60
|
61 <div class="pview" id="preview-3" >
|
rc-web@60
|
62 <div class="musicianprog" style="background:black; border: 1px solid aqua; ">
|
rc-web@60
|
63 <div id="counttitle3" style="display:inline;"></div>
|
rc-web@60
|
64 <div id="count3" style="color:white; font-size:2em;">x</div>
|
rc-web@60
|
65 </div>
|
rc-web@60
|
66 </div>
|
rc-web@60
|
67 <div class="pview" id="preview-4">
|
rc-web@60
|
68 <div class="musicianprog" style="background:black; border: 1px solid red; ">
|
rc-web@60
|
69 <div id="counttitle4" style="display:inline;"></div>
|
rc-web@60
|
70 <div id="count4" style="color:white; font-size:2em;">x</div>
|
rc-web@60
|
71 </div>
|
rc-web@60
|
72 </div>
|
rc-web@60
|
73 </div>
|
rc-web@60
|
74
|
rc-web@60
|
75
|
rc-web@60
|
76
|
rc-web@60
|
77
|
rc-web@60
|
78 <div id="c_chronometer" style="z-index: 2;">00:00:00.0</div>
|
rc-web@60
|
79
|
rc-web@60
|
80 <div style="padding: 12px; position:relative; right:-400px; bottom:-100px;">
|
rc-web@60
|
81 <input type="button" value="start" onclick="startSeq();" />
|
rc-web@60
|
82 <input type="button" value="stop" onclick="stopSeq();" />
|
rc-web@60
|
83 <input type="button" value="reset" onclick="resetSeq();" />
|
rc-web@60
|
84 </div>
|
rc-web@60
|
85
|
rc-web@60
|
86
|
rc-web@60
|
87 </div>
|
rc-web@60
|
88
|
rc-web@60
|
89
|
rc-web@60
|
90
|
rc-web@60
|
91
|
rc-web@60
|
92
|
rc-web@60
|
93
|
rc-web@60
|
94
|
rc-web@60
|
95
|
rc-web@60
|
96 </div>
|
rc-web@60
|
97 <!--
|
rc-web@60
|
98 <div id="xcomms">
|
rc-web@60
|
99 <div id="chat" title="type here to chat with others connected to network" >
|
rc-web@60
|
100 <div id="nickname" title="type your login name and press enter">
|
rc-web@60
|
101 <form id="set-nickname" class="wrap">
|
rc-web@60
|
102 <p>LOGIN:</p>
|
rc-web@60
|
103 <input id="nick">
|
rc-web@60
|
104 <p id="nickname-err">Nickname already in use</p>
|
rc-web@60
|
105 </form>
|
rc-web@60
|
106 </div>
|
rc-web@60
|
107 <div id="connecting">
|
rc-web@60
|
108 <div class="wrap">Connecting to socket.io server</div>
|
rc-web@60
|
109 </div>
|
rc-web@60
|
110 <div id="messages">
|
rc-web@60
|
111 <div id="nicknames"></div>
|
rc-web@60
|
112 <div id="lines"></div>
|
rc-web@60
|
113 </div>
|
rc-web@60
|
114 <form id="send-message">
|
rc-web@60
|
115 <input id="message">
|
rc-web@60
|
116 <button>Send</button>
|
rc-web@60
|
117 </form>
|
rc-web@60
|
118 </div>
|
rc-web@60
|
119
|
rc-web@60
|
120 -->
|
rc-web@60
|
121
|
rc-web@60
|
122 </body>
|
rc-web@60
|
123 </html>
|