things

demo/less/layout.less

@@ -5,6 +5,7 @@
 
 html, body {
     background-color:          @background-color;
+    background-image:          url(../imgs/texture.png);
     height:                    100%;
     .noshim;
     .cantarell;
@@ -54,64 +55,6 @@ table.zebra {
     }
 }
 
-.profile {
-    background-color:          #FFFFFF;
-    border-radius:             5px;
-    padding:                   10px;
-    width:                     50%;
-    margin-left:               auto;
-    margin-right:              auto;
-    border:                    1px solid darken(@background-color, 1%);
-    .picture {
-        border:                1px solid darken(@background-color, 5%);
-        float:                 left;
-        border-radius:         5px;
-    }
-    .name {
-        float:                 right;
-    }
-}
-
-.headblock {
-    background-color:           #F8F8F8;
-}
-
-.banner {
-    .damion;
-    padding-left:               10px;
-    padding-right:              10px;
-    width:                      750px;
-    line-height:                30px;
-    vertical-align:             middle;
-    background-image: -moz-linear-gradient(
-                          bottom,
-                          @nav-from 10%,
-                          @nav-to 100%
-    );
-    background-image: -webkit-linear-gradient(
-                          bottom,
-                          @nav-from 10%,
-                          @nav-to 100%
-    );
-    background-image: linear-gradient(
-                          bottom,
-                          @nav-from 10%,
-                          @nav-to 100%
-    );
-    border:                     1px solid #444444;
-    border-radius:              5px;
-    height:                     30px;
-    margin-left:                auto;
-    margin-right:               auto;
-    ul {
-        list-style-type:        none;
-        .noshim;
-        li {
-            display:            inline;
-            padding-right:      10px;
-        }
-    }
-}
 
 .content {
     background-color:           #F8F8F8;
@@ -143,61 +86,11 @@ table.zebra {
     }
 }
 
-.footer {
-    font-size:                  0.8em;
-    min-height:                 200px;
-    color:                      #EEEEEE;
-    margin-top:                 20px;
-    .container .fifth {
-        width:                  20%;
-        float:                  left;
-    }
-}
-
-.fifth {
-    color:                      #333333;
-    .damion;
-
-    img {
-        height:                 200px;
-    }
-
-    ul {
-        list-style-type:        none;
-        font-size:              0.9em;
-        color:                  #AEAEAE;
-        .noshim;
-    }
-
-    li {
-        .noshim;
-    }
-
-    a {
-        color:                  #333333;
-    }
-
-    h1 {
-        font-size:              1.2em;
-        border-bottom:          1px solid #333333;
-        width:                  90%;
-        .noshim;
-    }
-}
-
-.label {
-    border-radius:              5px;
-    padding:                    0px 8px 0px 8px;
-    font-size:                  0.7em;
-}
 
 .shadow {
     box-shadow:                 5px 5px rgba(15,15,15,0.05);
 }
 
-#popshim {
-    visibility:                 hidden;
-}
 
 .popover {
     position:                   fixed;
@@ -209,13 +102,17 @@ table.zebra {
         background-color:       #FFFFFF;
         border-radius:          5px;
         width:                  90%;
-        height:                 90%;
+        height:                 85%;
         margin-left:            auto;
         margin-right:           auto;
-        margin-top:             2%;
+        margin-top:             5%;
     }
 }
 
+#repl-input {
+    border-right:               1px solid #DDDDDD;
+}
+
 .repl {
     height:                     100%;
     padding:                    3px;
@@ -235,6 +132,11 @@ table.zebra {
     }
 }
 
+.logo {
+    width:                      100%;
+    text-align:                 center;
+}
+
 small {
     font-size:                   0.5em;
 }

demo/templates/base.html

@@ -19,19 +19,6 @@ $(document).ready(function() {
         reload();
     });
     reload();
-    $(document).keyup(function(e) {
-        if (e.keyCode == 27) {
-            $('#popshim').css({"visibility": "hidden"});
-        }
-    });
-});
-        </script>
-        <script type="text/javascript">
-$(document).ready(function() {
-    $("#try").click(function() {
-        $('#popshim').css({"visibility": "visible"});
-        return false;
-    });
 });
         </script>
     </head>
@@ -40,58 +27,24 @@ $(document).ready(function() {
         <div class = 'popover' >
             <div class = 'focus' >
                 <div class = 'repl' >
-                    <textarea id = 'repl-input' class = 'repl-left repl-pane' >
+                    <textarea id = 'repl-input' class = 'repl-pane repl-left' >
-(import "os")
-
-(print (os.path.abspath "."))
-; something like /home/tag
-
-
 (defn square [x]
   (* x x))
 
-
+(print (square 4))
-(defn factorial (n)
-  (if (&lt;= n 1)
-    1
-    (* n (factorial (- n 1)))))
-
-
-(defn fib (n)
-  (if (&lt; n 2)
-    n
-    (+ (fib (- n 1)) (fib (- n 2)))))
-
-
-(print (fib 2))
-; 1
-
-
-(print "4! =" (factorial 4))
-; 4! = 24
 </textarea>
-                    <pre id = 'repl-output' class = 'repl-right repl-pane' ></pre>
+                    <pre
+                        id = 'repl-output'
+                        class = 'repl-pane repl-right'
+                    ></pre>
                 </div>
             </div>
         </div>
         </div>
-        <div class = 'headblock' >
+            <div class = 'logo' >
-            <div class = 'spacer' ></div>
+                <img src = '{{ url_for('static', filename='imgs/logo.png') }}' alt = 'hython' />
             </div>
-        <div class = 'headblock' >
-            <div class = 'banner' >
-                <ul>
-                    <li><a href = '#' >Home</a></li>
-                    <li><a id = 'try' href = '#' >Try it</a></li>
-                    <li><a href = '#' >Source</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class = 'content' >
-            <div class = 'main-container' ><div class = 'shim' >
 {% block content %}
 {% endblock %}
-            </div></div>
-        </div>
     </body>
 </html>

demo/templates/index.html

@@ -3,5 +3,4 @@
 {% block title %}Welcome!{% endblock %}
 
 {% block content %}
-Challah
 {% endblock %}