From 3d7c9a68aaa10ca08187501fe187c9380700dbf9 Mon Sep 17 00:00:00 2001
From: Paul Tagliamonte <paultag@debian.org>
Date: Thu, 27 Dec 2012 22:15:00 -0500
Subject: [PATCH] things

---
 demo/less/layout.less        | 122 ++++-------------------------------
 demo/static/imgs/logo.png    | Bin 0 -> 2420 bytes
 demo/static/imgs/texture.png | Bin 0 -> 170 bytes
 demo/templates/base.html     |  63 +++---------------
 demo/templates/index.html    |   1 -
 5 files changed, 20 insertions(+), 166 deletions(-)
 create mode 100644 demo/static/imgs/logo.png
 create mode 100644 demo/static/imgs/texture.png

diff --git a/demo/less/layout.less b/demo/less/layout.less
index 6783622..87ebc5c 100644
--- a/demo/less/layout.less
+++ b/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;
 }
diff --git a/demo/static/imgs/logo.png b/demo/static/imgs/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..20fc1dd1ccc00cbf314af62f80f6b7c29d9ead9c
GIT binary patch
literal 2420
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

literal 0
HcmV?d00001

diff --git a/demo/static/imgs/texture.png b/demo/static/imgs/texture.png
new file mode 100644
index 0000000000000000000000000000000000000000..f627e97d941f7f59689a4b47a532bbd7b5100127
GIT binary patch
literal 170
zcmeAS@N?(olHy`uVBq!ia0vp^tRT$61SFYwH*Nw_oCO|{#S9GG!XV7ZFl&wkP>{XE
z)7O>#4v!2ot8A7+s5nqavcxr_#5q4VH#M(>!MP|ku_QG`p**uBL&4qCHz2%`52Q%N
z)5S4_<GSyejl2vDJk17^{?{)HUb>-DQ7e9u-W9zDy#|Ke7LiBz*^bTKdJd?b!PC{x
JWt~$(699ZiD{ue+

literal 0
HcmV?d00001

diff --git a/demo/templates/base.html b/demo/templates/base.html
index 66924d0..e831450 100644
--- a/demo/templates/base.html
+++ b/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' >
-(import "os")
-
-(print (os.path.abspath "."))
-; something like /home/tag
-
-
+                    <textarea id = 'repl-input' class = 'repl-pane repl-left' >
 (defn square [x]
   (* x x))
 
-
-(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
+(print (square 4))
 </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 = 'spacer' ></div>
-        </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 class = 'logo' >
+                <img src = '{{ url_for('static', filename='imgs/logo.png') }}' alt = 'hython' />
             </div>
-        </div>
-        <div class = 'content' >
-            <div class = 'main-container' ><div class = 'shim' >
 {% block content %}
 {% endblock %}
-            </div></div>
-        </div>
     </body>
 </html>
diff --git a/demo/templates/index.html b/demo/templates/index.html
index 7f12751..5547907 100644
--- a/demo/templates/index.html
+++ b/demo/templates/index.html
@@ -3,5 +3,4 @@
 {% block title %}Welcome!{% endblock %}
 
 {% block content %}
-Challah
 {% endblock %}