Mercurial > hg > nodescore

diff www/emma/index.html @ 66:d8f494bdbb18

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
added emma dir
author tzara <rc-web@kiben.net>
date Fri, 07 Jun 2013 16:18:43 +0000
parents
children 753414e075a0
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/www/emma/index.html	Fri Jun 07 16:18:43 2013 +0000
@@ -0,0 +1,218 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">  
+  <title>controls@nodescore</title>
+  <script src="/socket.io/socket.io.js"></script>
+  <link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
+  <link href="css/nodescore.css" rel="stylesheet">
+  <link href="css/svg-stylesheet.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="js/controlseq.js"></script>
+  <script src="js/scoreB.js"></script>  
+  <script src="js/nodescore-slides.js"></script>  
+</head>
+
+<body>
+  
+  <input type="hidden" id="group" value='1'/> 
+
+    <div class="outermaster2" id="outermaster2">
+	<div id="map">
+	  <script type="text/javascript">// <![CDATA[
+	  
+	  var outer = document.getElementById("map");
+	  for (var i = 0; i < 64; i++) {
+	  
+	  var middle = document.createElement("div");
+	  middle.setAttributeNS(null, "class", "middle");
+	  
+	  var img = document.createElement("img");
+	  img.src = "svg/"+i+".svg";
+	  var row=Math.floor(i/8);
+	  img.setAttribute('width', 110);
+	  var magicPar= document.createElement("p");
+	  
+	  var magicindex = document.createTextNode(srcsqr[row][i%8]);    
+	  magicPar.appendChild(magicindex)
+	  middle.appendChild(magicPar);
+	  var texty = document.createTextNode(i); 
+	  var textx = document.createElement("p");
+	  textx.setAttributeNS(null, "class", "indexnum");
+	  textx.appendChild(texty) 
+	  middle.appendChild(img); 
+	  middle.appendChild(textx); 
+	  
+	  middle.id = "middle-" + i;
+	  	  
+	  for (var j = 0; j < 4; j++) {
+	  var inner = document.createElement("p");
+	  inner.setAttributeNS(null, "class", "inner-" + j);
+	  inner.id = "inner-" + i + "-" + j;
+	  var text = document.createTextNode("");
+	  inner.appendChild(text);
+	  middle.appendChild(inner);
+	  }
+	  outer.appendChild(middle);
+	  
+	  
+	  }
+	  // ]]></script>
+	</div>
+
+	
+	<div id="outerpreview" >
+	  <div class="pview" id="preview-1" >    
+	    <div class="musicianprog" style="background:black; border: 1px solid yellow;" >
+	      <div id="counttitle1" style="display:inline;"></div>
+	      <div id="count1" style="color:white; font-size:2em;"></div>
+	    </div>
+	    <div class="unitseq" id="unitseq0"></div>
+	    <div class="pviewmusic" id="previewbox-1"> </div>
+	  </div>
+	  
+	  <div class="pview" id="preview-2">
+	    <div class="musicianprog" style="background:black; border: 1px solid green; ">
+	      <div id="counttitle2" style="display:inline;"></div>
+	      <div id="count2" style="color:white; font-size:2em;"></div>
+	    </div>
+
+	    <div class="unitseq" id="unitseq1"></div>
+	   
+	    <div class="pviewmusic" id="previewbox-2"> </div>
+	  </div>
+	  
+	  <div class="pview" id="preview-3" >
+	    <div class="musicianprog" style="background:black; border: 1px solid aqua; ">
+	      <div id="counttitle3" style="display:inline;"></div>
+	      <div id="count3" style="color:white; font-size:2em;"></div>
+	    </div>
+	    <div class="unitseq" id="unitseq2"></div>
+	    <div class="pviewmusic" id="previewbox-3"> </div>
+	  </div>
+	  
+	  <div class="pview" id="preview-4">
+	    <div class="musicianprog" style="background:black; border: 1px solid red; ">
+	      <div id="counttitle4" style="display:inline;"></div>
+	      <div id="count4" style="color:white; font-size:2em;"></div>
+	    </div>
+	    <div class="unitseq" id="unitseq3"></div>
+	    <div class="pviewmusic" id="previewbox-4"> </div>
+	  </div>
+	  
+	</div>      
+		
+
+
+
+
+
+
+  <div class="outermaster">     
+
+    <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" >
+	  <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="midfoot">
+
+      <div id="midcomms">
+	<div id="counttitle" style="display:inline;"></div>
+	<div id="count" style="color:white"></div>
+	<div class="unitseq" id="unitseq1" style="float:right; width:50px; position:relative; top:-10px; left:40px"></div>
+ </div>
+      
+      <div id="remainingtime">
+	next in:
+	<div id="totalcountdown">.</div>
+      </div>
+
+      
+      <div id="timeinfo">
+	<div id="datetime"></div>
+	
+	<div id="client_latency">Latency: 0ms</div>
+      </div>
+
+
+      <div id="current">
+	<script type="text/javascript">
+	  function setPart(sel) {
+	  //var testSound = new buzz.sound( 'audio/testfile', { formats: [ 'ogg', 'mp3' ] } );
+	  //testSound.play();
+	  
+	  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>
+
+
+
+
+    </div>    
+    
+
+
+    
+    <div style=" position:fixed; left:100px; bottom: 50px;  font-size:3em; color:red; " id="indexpagetitle">
+      <h1>Lines of Desire</h1>
+      <h2>for four violins</h2>
+    </div>
+    
+    <div style=" position:fixed; left:700px; bottom:100px; font-size:3em; color:red; " id="transect">.. </div>	
+    <div id="client_chronometer"  style="z-index: 2; position:fixed; left:700px; bottom:50px; font-size:5em; color:red; ">00:00:00.0</div>      
+   
+    <div class="metrocase" id="metro" style=" position:fixed; left:550px; bottom:80px;" >
+      <div id="metronome0"></div>
+    </div>
+
+
+
+    
+</body>
+</html>