diff --git a/assets/linker/styles/app.less b/assets/linker/styles/app.less index 929ec72..f5b6d83 100644 --- a/assets/linker/styles/app.less +++ b/assets/linker/styles/app.less @@ -4,6 +4,7 @@ @import "forms.less"; @import "run.less"; @import "nav.less"; +@import "header-footer.less"; body { color: #fff; diff --git a/assets/linker/styles/header-footer.less b/assets/linker/styles/header-footer.less index f70b27d..6025baf 100644 --- a/assets/linker/styles/header-footer.less +++ b/assets/linker/styles/header-footer.less @@ -1,26 +1,11 @@ -header.navbar { -} -footer.navbar { - border-top: 1px solid #eee; - border-radius: 0; - margin-bottom: 0; +footer { position: absolute; bottom: 0; width: 100%; - height: @footer-height; - overflow: hidden; -} -header, footer { - .bg { - background-color: white; - opacity: 0.5; - position: absolute; - z-index: 1; - width: 100%; - height: 50px; - } - .container { - position: relative; - z-index: 2; + + .photos-copyright { + font-size: 0.9em; + padding: 10px 20px; + background-color: rgba(0,0,0,0.6); } } diff --git a/assets/linker/templates/home.jade b/assets/linker/templates/home.jade index c604a44..fbe3847 100644 --- a/assets/linker/templates/home.jade +++ b/assets/linker/templates/home.jade @@ -1,12 +1,12 @@ #home-page(ng-controller='HomeCtrl') .row - .col-xs-12.col-sm-6.offset-md-2 + .col-xs-12.col-sm-6 #logo.pod h1 | lunch run span.text-muted  me .row - .col-xs-12.col-sm-6.offset-md-2 + .col-xs-12.col-sm-6 #welcome.pod p | Organize a lunch run in less than a minute. All you need to know is @@ -16,13 +16,8 @@ | you want to go. p Get started below. No login required. .row - .col-xs-12.col-sm-6.offset-md-2 + .col-xs-12.col-sm-6 #cta.pod a.btn.btn-block(ng-click='createRun()') | start a run   span.glyphicon.glyphicon-chevron-right - .row - .col-xs-12.col-sm-6.offset-md-2 - #copyright.pod - p all background images are © Elaine Davis. - diff --git a/views/layout.jade b/views/layout.jade index 38e4ce5..1bb7f27 100644 --- a/views/layout.jade +++ b/views/layout.jade @@ -6,6 +6,13 @@ html(lang="en",ng-app="lunchApp") .container #page block content + + footer + .container + .row + .col-xs-12.col-sm-6.col-sm-offset-6 + .photos-copyright.pull-right All background images are © Elaine Davis. + // TEMPLATES // TEMPLATES END