things
This commit is contained in:
Paul Tagliamonte
parent
8737ecef65
commit
3d7c9a68aa
@ -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;
|
||||
}
|
||||
|
||||
BIN
demo/static/imgs/logo.png
Normal file
BIN
demo/static/imgs/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
demo/static/imgs/texture.png
Normal file
BIN
demo/static/imgs/texture.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 170 B |
@ -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 (<= n 1)
|
||||
1
|
||||
(* n (factorial (- n 1)))))
|
||||
|
||||
|
||||
(defn fib (n)
|
||||
(if (< 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 class = 'logo' >
|
||||
<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>
|
||||
|
||||
@ -3,5 +3,4 @@
|
||||
{% block title %}Welcome!{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
Challah
|
||||
{% endblock %}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user