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 | ||||