diff options
| author | Struan Donald <struan@exo.org.uk> | 2014-06-05 16:38:07 +0100 |
|---|---|---|
| committer | Struan Donald <struan@exo.org.uk> | 2014-07-01 17:42:58 +0100 |
| commit | 5124f37f2207256a2d73d8910846308de725ebaf (patch) | |
| tree | 69c0b3ef5daf92272622321e3f9058ae01912744 | |
| parent | 3ba1e6471090ccb051ef110756b81ce4a8c8bf1c (diff) | |
add an additional nav footer at the bottom of the page
duplicates the top nav mostly
| -rw-r--r-- | templates/web/fixmystreet/footer.html | 25 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/base.scss | 3 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/layout.scss | 38 |
3 files changed, 65 insertions, 1 deletions
diff --git a/templates/web/fixmystreet/footer.html b/templates/web/fixmystreet/footer.html index 329958b57..3ee64045b 100644 --- a/templates/web/fixmystreet/footer.html +++ b/templates/web/fixmystreet/footer.html @@ -29,11 +29,34 @@ </ul> </div> </div> - <p><a href="/privacy">Privacy and cookies</a></p> </footer> [% END %] </div><!-- .content role=main --> </div><!-- .container --> + [% IF c.cobrand.moniker == 'fixmystreet' %] + <div id="footer-nav"> + <div class="tablewrapper"> + <ul id="footer-main-nav"> + <li><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn" + %]>[% loc("Report a problem") %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[% + %]<li><[% IF c.req.uri.path == '/my' %]span[% ELSE %]a href="/my"[% END + %]>[% loc("Your reports") %]</[% c.req.uri.path == '/my' ? 'span' : 'a' %]></li>[% + %]<li><[% IF c.req.uri.path == '/reports' %]span[% ELSE %]a href="/reports"[% END + %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[% + %]<li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END + %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[% + %]<li><[% IF c.req.uri.path == '/contact' %]span[% ELSE %]a href="/contact"[% END + %]>[% loc("Contact") %]</[% c.req.uri.path == '/contact' ? 'span' : 'a' %]></li> + </ul> + <ul id="footer-help-nav"> + <li><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END + %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>[% + %]<li><[% IF c.req.uri.path == '/privacy' %]span[% ELSE %]a href="/privacy"[% END + %]>[% loc("Privacy") %]</[% c.req.uri.path == '/privacy' ? 'span' : 'a' %]></li> + </ul> + </div> + </div> + [% END %] </div><!-- .table-cell --> <div class="nav-wrapper"> diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss index 044abed64..c21087303 100644 --- a/web/cobrands/fixmystreet/base.scss +++ b/web/cobrands/fixmystreet/base.scss @@ -10,3 +10,6 @@ @import "compass"; @import "../sass/base"; +#footer-nav { + display: none; +} diff --git a/web/cobrands/fixmystreet/layout.scss b/web/cobrands/fixmystreet/layout.scss index 9d95f3ed0..4d7e63500 100644 --- a/web/cobrands/fixmystreet/layout.scss +++ b/web/cobrands/fixmystreet/layout.scss @@ -176,3 +176,41 @@ body.twothirdswidthpage { } } } + +#footer-nav { + display: block; + border: 0px; + border-top: 0.25em solid #ffd000; + border-image: url(images/tile-y.jpg) 30 0 repeat; + + .tablewrapper { + width: 60em; + margin: 0 auto; + background: $base_bg; + ul { + list-style: none; + padding: 0px; + margin: 0px; + float:left; + li { + list-style: none; + display: inline; + margin: 0px; + padding: 0px; + float:left; + a, + span { + display: block; + color: $nav_fg; + background: none; + border-bottom: none; + padding: 0.75em; + font-size: 0.9em; + } + } + } + #footer-help-nav { + float: right; + } + } +} |