basic wireframe site

views/base.jade

@@ -5,18 +5,22 @@ html
 
     link(rel="stylesheet"
          href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css")
-    
+    link(rel="stylesheet" href="/site.css")
+
+    link(rel="stylesheet" href="sh_emacs.min.css")
+
     block head
 
   body
+    include mixins/navbar
+    block nav
+
 
     block body
-  
+
     script(type="text/javascript"
            src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js")
     script(type="text/javascript"
            src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js")
 
-
     block script
-

views/index.jade

@@ -3,6 +3,50 @@ extends base
 block head
   title c0db
 
-block body
-  div.jumbotron c0db
+  link(rel="stylesheet" href="/codemirror.css")
+
+
+block nav
+  +navbar("home")
+
+block body
+  .container
+    .col-md-6
+      form
+        .form-group
+          label(for="inputCode") Code
+          #codearea
+          textarea.code.formControl.sh_c(rows="12" id="inputCode")
+          button(onclick="compile()" type="button").btn.btn-default.btm-btn.pull-right Compile
+
+    .col-md-6
+      p.lbl.
+         Bytecode
+      pre#bytecode.panel.panel-default.code.clearfix.sh_c.
+          
+  
+block script
+  script(type="text/javascript" src="codemirror-compressed.js")
+
+  script(type='text/javascript').
+    var cmCodeInput = CodeMirror.fromTextArea($("#inputCode"));
+
+    function callback(data) {
+      $("#bytecode").text(decodeURIComponent(data.data));
+    }
+
+    function compile() {
+      var code = encodeURIComponent($("#inputCode").val());
+
+      $.ajax({
+              type: "POST",
+              async: true,
+              url: "http://www.contrib.andrew.cmu.edu/~amgutier/cc0.cgi",
+              dataType: "jsonp",
+              data: {
+                data: code
+              },
+              jsonpCallback: "callback"
+      });
+    }
 

views/mixins/navbar.jade

@@ -0,0 +1,6 @@
+mixin navbar(active)
+  nav.navbar.navbar-fluid
+    .container-fluid
+      .navbar-header
+        a(class="brad", href="/")
+          span //@ c0db