Mercurial > hg > nodescore

diff www/m/score.html @ 43:7f0485e0d0ff

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
updates via ljubljana
author tzara <rc-web@kiben.net>
date Sat, 08 Sep 2012 08:25:19 +0000
parents 9d69c5b009e7
children 66bf613fb818
line wrap: on
line diff
--- a/www/m/score.html	Tue Sep 04 07:25:49 2012 +0000
+++ b/www/m/score.html	Sat Sep 08 08:25:19 2012 +0000
@@ -1,50 +1,29 @@
 <!DOCTYPE html>
 <html>
 <head>
+  <script src="/socket.io/socket.io.js"></script>
   <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/nodescore-tablet.css" rel="stylesheet">
+  <link href="css/chat-tablet.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/nodescore-slides.js"></script>
 
 </head>
 
-<body onload='document.getElementById("countinnumber").style.visibility="hidden";'>
+<body>
 
   <input type="hidden" id="group" value='1'> 
+  <div class="outermaster">     
 
-
+    <div id="live"> </div>    
   
-  <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="info">
     <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" >
@@ -67,53 +46,57 @@
 	</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 id="midfoot">
+
+      <div id="midcomms">
+	<div id="counttitle" style="display:inline;"></div>
+	<div id="count" style="color:white"></div>
+      </div>
+
+      <div id="remainingtime">
+	next in:
+	<div id="totalcountdown">.</div>
+      </div>
+
+      <div class="metrocase" id="metro">
+	<div id="metronome0"></div>
+      </div>
+
+      <div id="timeinfo">
+		<div id="datetime"></div>
+	<div id="client_chronometer"  style="z-index: 2;">00:00:00.0</div>      
+	<div id="client_latency">Latency: 0ms</div>
+      </div>
+
+      <div id="current">
+	<script type="text/javascript">
+	  function setPart(sel) {
+	  var value = sel.options[sel.selectedIndex].value;  
+	  document.getElementById('group').value=value; 
+	  //$('div#current').text('GROUP ' +value).text='value';
+	  }
+	</script>
+	<div>
+	  <select id="setPart" onchange="setPart(this)">
+	    <option value="1">Stream 01</option>
+	    <option value="2">Stream 02</option>
+	    <option value="3">Stream 03</option>
+	    <option value="4">Stream 04</option>
+	  </select>
+	</div>
+      </div>      
+
+
+    </div>
+    
+
+    <div id="preview"></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>
-
- 
-
+  
+</div>
 
 </body>
 </html>