Add: templates/index.html -Add search bar elements. static/sass/index.sass -Add styling for the search entry bar. Fix: static/sass/main.sass -Fix footer's styling, which lacked a `bottom: 0px` that floored it.tags/v1.0^2
@@ -0,0 +1,27 @@ | |||||
/* | |||||
Stylesheet for index.html. | |||||
*/ | |||||
@import mixins | |||||
@import variables | |||||
div.search-field | |||||
bottom: 0 | |||||
height: 200px | |||||
left: 0 | |||||
margin: auto | |||||
position: absolute | |||||
right: 0 | |||||
top: 0 | |||||
width: 34% | |||||
#title | |||||
font-size: 3em | |||||
padding-bottom: 0.5em | |||||
text-align: center | |||||
form input[type="text"] | |||||
border: 1px solid #A4ACAF | |||||
font-size: 1.1em | |||||
padding: 3px | |||||
width: 100% |
@@ -17,6 +17,9 @@ div#container | |||||
min-height: 100% | min-height: 100% | ||||
position: relative | position: relative | ||||
div#header | |||||
padding: 10px | |||||
div#body | div#body | ||||
padding-bottom: 50px | padding-bottom: 50px | ||||
padding-top: 4% | padding-top: 4% | ||||
@@ -30,6 +33,7 @@ div#container | |||||
@extend .t3 | @extend .t3 | ||||
background-color: $lightBlue | background-color: $lightBlue | ||||
bottom: 0px | |||||
height: 60px | height: 60px | ||||
padding-top: 12px | padding-top: 12px | ||||
position: absolute | position: absolute | ||||
@@ -4,6 +4,18 @@ | |||||
Home | Home | ||||
= endblock | = endblock | ||||
= block head | |||||
{{ assets.tag("index.css") }} | |||||
= endblock | |||||
= block body | = block body | ||||
<div>Hello, world.</div> | |||||
<div class="search-field" id="outer"> | |||||
<div id="title"> | |||||
We shift mad bits. | |||||
</div> | |||||
<form id="search-bar"> | |||||
<input type="text"> | |||||
</form> | |||||
</div> | |||||
{{ assets.tag("index.js") }} | |||||
= endblock | = endblock |