ok

1 files changed, 85 insertions, 0 deletions

diff --git a/views/grid.ejs b/views/grid.ejs
new file mode 100644
index 0000000..e6ed17f
--- /dev/null
+++ b/views/grid.ejs
@@ -0,0 +1,85 @@
+<script type="text/javascript" src="/js/mouse.js"></script>
+<script type="text/javascript" src="/js/chat.js"></script>
+<script type="text/javascript" src="/js/grid.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: 2; 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;
+  }
+</style>
+
+<header>
+  <h1>warpFX</h1>
+  <span id="start">start</span>
+  <span id="stop">stop</span>
+  (<span id="yDisp"></span>)
+  <input type="text" size=3 id="tempo" value="120">
+  <span id="alertDisp"></span>
+</header>
+
+<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>
+  <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">
+  <div id="messages"></div>
+  <input type="text" id="message" autocomplete="off">
+  <button id="send">send</button>
+</div>
+