grid stuff on audiolet branchaudiolet

2 files changed, 65 insertions, 18 deletions

diff --git a/views/grain.ejs b/views/grain.ejs
new file mode 100644
index 0000000..1576e1b
--- /dev/null
+++ b/views/grain.ejs
@@ -0,0 +1,65 @@
+<script type="text/javascript" src="/js/vendor/audiolib.js"></script>
+<script type="text/javascript" src="/js/mouse.js"></script>
+<script type="text/javascript" src="/js/chat.js"></script>
+<script type="text/javascript" src="/js/grain.js"></script>
+<script type="text/javascript" src="/js/user.js"></script>
+<script type="text/javascript" src="/js/app.js"></script>
+
+<style>
+  * {padding: 0; margin: 0; font-family: menlo;}
+  header {display: block;  background-color: #ddd;padding:10px; width: 300px; float: left; z-index: 3; position: relative;}
+  body {padding: 0; margin: 0; background: #444444; }
+  #content { margin: 10px; position: relative; z-index: 2;}
+  canvas { margin-top: 80px; }
+  
+  #chat {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    padding: 10px;
+  }
+  #send {
+    background: #333; color: #fff;
+    border: 0; padding: 4px;
+  }
+  #message {
+    background: #ddd;
+    padding: 1px;
+    width: 200px;
+  }
+  #messages {
+    color: #888;
+    width: 400px;
+    font-size: 14px;
+  }
+  #messages b {
+    font-size: 16px;
+    color: #585;
+    display: inline-block;
+    padding: 5px 5px 0 0;
+  }
+  #mute {
+  }
+  #mute.muted {
+    background: #fff;
+    color: #000;
+  }
+</style>
+
+<header>
+  <h1>warpFX</h1>
+  <span id="mute">mute</span>
+  <div id="hud"></div>
+</header>
+
+<section id="content">
+  <canvas id='canvas' height='400' width='594'></canvas>
+</section>
+
+<div id="chat">
+  <div id="messages"></div>
+  <input type="text" id="message" autocomplete="off">
+  <button id="send">send</button>
+</div>
+
diff --git a/views/grid.ejs b/views/grid.ejs
index 04d8cb3..add0da1 100644
--- a/views/grid.ejs
+++ b/views/grid.ejs
@@ -53,24 +53,6 @@
 
 <section id="content">
   <canvas id='canvas' height='400' width='594'></canvas>
-<!--
-  <audio id='sound0' title='KickDrum' autobuffer src='/wav/KickDrum0001.wav'></audio>
-  <audio id='sound1' title='ClosedHihat' autobuffer src='/wav/Closed Hihat0001.wav'></audio>
-  <audio id='sound2' title='OpenHihat' autobuffer src='/wav/Open Hihat0001.wav'></audio>
-  <audio id='sound3' title='Clap' autobuffer src='/wav/Clap.wav'></audio>
-  <audio id='sound4' title='Clav' autobuffer src='/wav/Clav.wav'></audio>
-  <audio id='sound5' title='MidTom' autobuffer src='/wav/Mid Tom0001.wav'></audio>
-  <audio id='sound6' title='Rimshot' autobuffer src='/wav/Rimshot.wav'></audio>
-  <audio id='sound7' title='SnareDrum' autobuffer src='/wav/SnareDrum0001.wav'></audio>
-  <audio id='sound0a' title='KickDrum' autobuffer src='/wav/KickDrum0001.wav'></audio>
-  <audio id='sound1a' title='ClosedHihat' autobuffer src='/wav/Closed Hihat0001.wav'></audio>
-  <audio id='sound2a' title='OpenHihat' autobuffer src='/wav/Open Hihat0001.wav'></audio>
-  <audio id='sound3a' title='Clap' autobuffer src='/wav/Clap.wav'></audio>
-  <audio id='sound4a' title='Clav' autobuffer src='/wav/Clav.wav'></audio>
-  <audio id='sound5a' title='MidTom' autobuffer src='/wav/Mid Tom0001.wav'></audio>
-  <audio id='sound6a' title='Rimshot' autobuffer src='/wav/Rimshot.wav'></audio>
-  <audio id='sound7a' title='SnareDrum' autobuffer src='/wav/SnareDrum0001.wav'></audio>
--->
 </section>
 
 <div id="chat">