Mercurial > hg > nodescore

changeset 40:9d69c5b009e7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
tag added and seems to be stablish apart from memory leak - check out jquery timer functions within nodejs as a possible solution added screenshot and favicon and pimped index
author tzara <rc-web@kiben.net>
date Thu, 23 Aug 2012 16:17:31 +0000
parents 3ba24da53406
children 56767c69b7c4
files www/index.html www/kiben_favicon.ico www/m/ctrl.html www/m/score.html www/nodescore-client-20120823.png
diffstat 5 files changed, 115 insertions(+), 57 deletions(-) [+]
line wrap: on
line diff
--- a/www/index.html	Thu Aug 23 08:40:55 2012 +0000
+++ b/www/index.html	Thu Aug 23 16:17:31 2012 +0000
@@ -1,64 +1,96 @@
 
 <!DOCTYPE html>
-<html>
+<html >
 <head>
+<meta charset="UTF-8">
+<title>nodescore</title>
+
+<link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
+
+<style type="text/css">
+  h3{ width:50%; ;margin:10px 0px 10px 0px; padding: 2px 2px 2px 12px; border-radius:15px; color: black;  }
+</style>
+
 
 </head>
-
-<body style="width:1024px; height:768px;" > 
-<h1>NodeScore</h1>
-
-<div class="readme">
-
-<h3>What is NodeScore?</h3> NodeScore is a web based framework to
-facilitate networked telematic ensemble performance. 
-
-The goal of the NodeScore framework is to allow performers
-who are connected to a network via a computer/tablet/mobile device to
-syncronise to a master clock and recieve instructions, in
-realtime,from a central "conductor/director" as well as being able to
-communicate with one another. 
-
-<h3>How does a NodeScore work?</h3> The control interface for
-NodeScore is a webpage displayed in an internet web browser, from this
-control page the "conductor/director" can issue the precomposed, HTML5
-formated, compositional instructions. These instrutions can be
-deployed to the ensemble as a whole or targeted at specific
-perfomers. Once the instruction is deployed by the director it is
-instantly presented in the web browser of the performer/s.
-
-NodeScore is written as a node.js web server incorporating websockets
-for server client communications.
-
-<h3>Browser Compatability:</h3> 
-Modern Browsers only. No Internet Explorer support. Tested using Chromium.
-
-
-<h2>Code</h2>
-
-<a href="https://gitorious.org/nodescore">https://gitorious.org/nodescore</a>
-
-<h2>Examples</h2>
-
-"Magic Score" composition configuration optimised for 1280x800 resolution. </br>
-
-<a href="http://nodescore.kiben.net:8889/m/score.html">http://nodescore.kiben.net:8889/m/score.html</a><br/>
-<a href="http://nodescore.kiben.net:8889/m/controls.html">http://nodescore.kiben.net:8889/m/controls.html</a><br/>
-
-
-<h2>Related Publications</h2>
-
-Canning, R. "REALTIME WEB TECHNOLOGIES IN THE NETWORKED PERFORMANCE ENVIRONMENT"
-Proceedings of  The International Computer Music Conference (2012), Ljubljana, Slovenia.
-
-
-
-<br/><br/>
-<img src="about/chromiumlogo.png"  width="30" height="30"/>
-<img src="about/nodejs-dark.png" height="30"/>
-<img src="about/ECMAScript.png" height="30"/>
-
-
+<body style="background:black;">
+  <div style="
+	      height:100%; 
+	      width:820px;  
+	      background:url(nodescore-client-20120823.png);">
+    
+    <div align="left" style="width:95%;
+			     border-radius: 15px;
+			     margin:10px auto;
+			     padding: 10px 100px 10px 100px;
+			     background:white; 
+			     opacity:0.9; 
+			     ">
+      
+      <h1 style="margin:0px;">NodeScore</h1>
+      http://nodescore.kiben.net:8889
+    </div>
+    
+    <div align="left" class="readme" style="background:white; 
+					    color:black; 
+					    opacity:0.7;
+					    border-radius: 15px; 
+					    width:95%;
+					    margin:10px auto;
+					    !align:center;
+					    padding: 10px 100px 10px 100px;
+					    ">
+      
+      <h3>What is NodeScore?</h3> NodeScore is a web based framework to
+      facilitate networked telematic ensemble performance. 
+      
+      The goal of the NodeScore framework is to allow performers
+      who are connected to a network via a computer/tablet/mobile device to
+      syncronise to a master clock and recieve instructions, in
+      realtime,from a central "conductor/director" as well as being able to
+      communicate with one another. 
+      
+      <h3>How does a NodeScore work?</h3> The control interface for
+      NodeScore is a webpage displayed in an internet web browser, from this
+      control page the "conductor/director" can issue the precomposed, HTML5
+      formated, compositional instructions. These instrutions can be
+      deployed to the ensemble as a whole or targeted at specific
+      perfomers. Once the instruction is deployed by the director it is
+      instantly presented in the web browser of the performer/s.
+      
+      NodeScore is written as a node.js web server incorporating websockets
+      for server client communications.
+      
+      <div style="padding: 10px 10px 10px 10px; border-radius:15px; background:transparent; width:400px; opacity:1; position:relative; z-index:11;">
+	<img  src="nodescore-client-20120823.png" width="300px">
+      </div>
+      
+      <h3>Browser Compatability:</h3> 
+      Modern Browsers only. No Internet Explorer support. Tested using Chromium.
+      
+      
+      
+      <h3>Code</h3>
+      
+      <a href="https://gitorious.org/nodescore">https://gitorious.org/nodescore</a>
+      
+      <h3>Examples</h3>
+      
+      "Magic Score" composition configuration optimised for 1280x800 resolution. <br/>
+      
+      <a href="http://nodescore.kiben.net:8889/m/score.html">http://nodescore.kiben.net:8889/m/score.html</a><br/>
+      <a href="http://nodescore.kiben.net:8889/m/controls.html">http://nodescore.kiben.net:8889/m/controls.html</a><br/>
+      
+      <h3>Related Publications</h3>
+      Canning, R. "REALTIME WEB TECHNOLOGIES IN THE NETWORKED PERFORMANCE ENVIRONMENT"
+      Proceedings of  The International Computer Music Conference (2012), Ljubljana, Slovenia.
+      
+      <br/><br/>
+      <img src="about/chromiumlogo.png"  width="30" height="30"/>
+      <img src="about/nodejs-dark.png" height="30"/>
+      <img src="about/ECMAScript.png" height="30"/>
+    </div>
+    
 </body>
 
 </html>
Binary file www/kiben_favicon.ico has changed
--- a/www/m/ctrl.html	Thu Aug 23 08:40:55 2012 +0000
+++ b/www/m/ctrl.html	Thu Aug 23 16:17:31 2012 +0000
@@ -1,6 +1,10 @@
 <!DOCTYPE html>
 <html>
 <head>
+  <meta charset="UTF-8">
+  <title>controls@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/menu.css" rel="stylesheet">
--- a/www/m/score.html	Thu Aug 23 08:40:55 2012 +0000
+++ b/www/m/score.html	Thu Aug 23 16:17:31 2012 +0000
@@ -1,6 +1,12 @@
 <!DOCTYPE html>
 <html>
 <head>
+  <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/menu.css" rel="stylesheet">
@@ -19,7 +25,23 @@
 
   
   <div class="outermaster"> 
-    <h1 style="position:absolute; background:transparent; left:24px; top:14px;">l i v e :</h1>
+    <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>    
     
Binary file www/nodescore-client-20120823.png has changed