initial commit

views/index.jade

@@ -0,0 +1,19 @@
+html
+    head
+          link(rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css')
+          link(rel='stylesheet prefetch' href='http://cdn.foundation5.zurb.com/foundation.css')
+          link(rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.9/css/dataTables.foundation.css')
+          link(rel="stylesheet" href="/css/style.css")
+
+
+          script(src='http://code.jquery.com/jquery-1.11.3.min.js')
+          script(src='http://cdn.foundation5.zurb.com/foundation.js') 
+          script(src="/js/wavesurfer.min.js")
+          script(src="/js/wavesurfer.spectrogram.min.js")
+
+          script(src='/app.js') 
+
+          include ./mixin.jade
+    include ./page.jade
+            
+    

views/mixin.jade

@@ -0,0 +1,24 @@
+
+
+
+
+
+mixin summary_line(e, i)
+    .row
+     .small-6.columns
+        p!= e.title 
+     .small-3.columns
+         p!= e.artist 
+     .small-3.columns
+         p!=  e.album
+    .row 
+        .small-12.columns
+          div(class='container')
+            div(id="waveform_#{i}")
+                script. 
+                     $( document ).ready(function() { 
+                        var url = !{JSON.stringify(e.href)};
+                        var idx = !{JSON.stringify(i)};
+                        createAudioView( url, "#waveform_"+idx)
+                      });
+     

views/page.jade

@@ -0,0 +1,7 @@
+body
+    .content
+        .container
+          .row
+            each e, i in emissions
+                .col-md-12
+                    +summary_line(e, i)