grid stuff on audiolet branchaudiolet

1 files changed, 65 insertions, 0 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>
+