diff options
-rw-r--r-- | _layouts/default.html | 41 | ||||
-rw-r--r-- | assets/css/alaveteli-org.css | 3 | ||||
-rw-r--r-- | assets/css/global.css | 102 | ||||
-rw-r--r-- | assets/sass/alaveteli-org.scss | 1 | ||||
m--------- | theme | 0 |
5 files changed, 143 insertions, 4 deletions
diff --git a/_layouts/default.html b/_layouts/default.html index 06c6cbae5..98ba6f291 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -62,9 +62,44 @@ {{ content }} - <footer> - - + <footer class="site-footer"> + <div class="container"> + <div class="column"> + <h3>mySociety</h3> + <ul> + <li><a href="http://www.mysociety.org/helpus/">Get involved</a></li> + <li><a href="http://www.mysociety.org/about/">About us</a></li> + <li><a href="https://www.mysociety.org/projects/">Our projects</a> + <li><a href="http://www.mysociety.org/about/team/">Our team</a></li> + <li><a href="http://www.mysociety.org/contact/">Contact us</a></li> + <li><a href="http://www.mysociety.org/donate/">Donate</a></li> + </ul> + </div> + <div class="column central"> + <h3>Our Apps</h3> + <ul> + <li><a href="http://www.fixmystreet.com/">FixMyStreet</a></li> + <li><a href="https://www.writetothem.com/">WriteToThem</a></li> + <li><a href="https://www.whatdotheyknow.com/">WhatDoTheyKnow</a></li> + <li><a href="http://www.theyworkforyou.com/">TheyWorkForYou</a></li> + <li><a href="http://www.fixmytransport.com/">FixMyTransport</a></li> + <li><a href="http://www.alaveteli.org/">Alaveteli</a></li> + <li><a href="http://www.pombola.org/">Pombola</a></li> + <li><a href="http://popit.poplus.org/">PopIt</a></li> + <li><a href="http://sayit.mysociety.org/">SayIt</a></li> + <li><a href="http://mapit.poplus.org/">MapIt</a></li> + </ul> + </div> + <div class="column"> + <h3>Connect</h3> + <ul> + <li><a href="https://groups.google.com/group/alaveteli-dev">Mailing list</a></li> + <li><a href="https://github.com/mysociety/alaveteli">GitHub</a></li> + <li><a href="http://www.irc.mysociety.org/">IRC</a></li> + <li><a href="https://twitter.com/alaveteli">Twitter</a></li> + </ul> + </div> + </div> </footer> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> diff --git a/assets/css/alaveteli-org.css b/assets/css/alaveteli-org.css index 7110cd6ad..881598918 100644 --- a/assets/css/alaveteli-org.css +++ b/assets/css/alaveteli-org.css @@ -394,6 +394,9 @@ h3 { .features__item--messaging { background-position: 3em center; } } +.get-started { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); } + @media (min-width: 30em) { .get-started__grid-unit { width: 48.5%; diff --git a/assets/css/global.css b/assets/css/global.css index 117c0b845..4b6565a8c 100644 --- a/assets/css/global.css +++ b/assets/css/global.css @@ -349,7 +349,7 @@ table { margin: 0 auto; position: relative; } -.unstyled-list, .unstyled, .breadcrumb, .sidebar ul, .list-of-blog-posts, .definitions { +.unstyled-list, .unstyled, .site-footer ul, .breadcrumb, .sidebar ul, .list-of-blog-posts, .definitions { margin-left: 0; padding-left: 0; list-style: none outside none; } @@ -1081,3 +1081,103 @@ table.table td { clear: both; padding-top: 0.666em; margin-left: 0em; } + +.site-footer { + width: 100%; + clear: left; + background: #333333; + padding: 32px 0; + /** + * For IE 6/7 only + * Include this rule to trigger hasLayout and contain floats. + */ } + .site-footer:before, .site-footer:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ } + .site-footer:after { + clear: both; } + .site-footer { + *zoom: 1; } + .site-footer .column { + /* Use for multi-column grids where all columns are equal width, it gives them equal spacing */ + float: left; + padding-left: 1.5%; + padding-right: 1.5%; + width: 50%; } + .site-footer .column:nth-child(odd), .site-footer .column:first-child { + padding-left: 0; } + .site-footer .column:nth-child(even), .site-footer .column:last-child { + padding-right: 0; } + @media (min-width: 30em) { + .site-footer .column { + /* Use for grids where the columns are different widths */ + float: left; + padding-left: 3%; + width: 25%; } + .site-footer .column:first-child { + padding-left: 0; } } + @media (min-width: 56.88889em) { + .site-footer .column { + /* Use for grids where the columns are different widths */ + float: left; + padding-left: 3%; + width: 20%; } + .site-footer .column:first-child { + padding-left: 0; } } + .site-footer .column:last-child h3 { + margin-top: 1em; } + @media (min-width: 30em) { + .site-footer .column:last-child h3 { + margin-top: 0; } } + .site-footer .central { + float: right; } + @media (min-width: 30em) { + .site-footer .central { + /* Use for grids where the columns are different widths */ + float: left; + padding-left: 3%; + width: 50%; } + .site-footer .central ul { + -webkit-column-count: 1; + -moz-column-count: 1; + -o-column-count: 1; + column-count: 1; } + .site-footer .central:first-child { + padding-left: 0; } } + @media (min-width: 40em) { + .site-footer .central { + /* Use for grids where the columns are different widths */ + float: left; + padding-left: 3%; + width: 50%; } + .site-footer .central ul { + -webkit-column-count: 2; + -moz-column-count: 2; + -o-column-count: 2; + column-count: 2; } + .site-footer .central:first-child { + padding-left: 0; } } + @media (min-width: 56.88889em) { + .site-footer .central { + /* Use for grids where the columns are different widths */ + float: left; + padding-left: 3%; + width: 60%; } + .site-footer .central ul { + -webkit-column-count: 3; + -moz-column-count: 3; + -o-column-count: 3; + column-count: 3; } + .site-footer .central:first-child { + padding-left: 0; } } + .site-footer h3 { + font-size: 1em; + font-weight: normal; + margin-bottom: 0; + color: #888; } + .site-footer ul { + margin: 0; } + .site-footer a { + color: #eeeeee; } diff --git a/assets/sass/alaveteli-org.scss b/assets/sass/alaveteli-org.scss index e33f15251..f8a3da8c3 100644 --- a/assets/sass/alaveteli-org.scss +++ b/assets/sass/alaveteli-org.scss @@ -478,6 +478,7 @@ h3 { .get-started { @extend %dark-section; @extend %full-width-section; + border-bottom: 1px solid rgba(255,255,255,0.1); } .get-started__grid-unit { diff --git a/theme b/theme -Subproject ddf5377a1063b0d7679a6e5c2017567a97dbc64 +Subproject 7be17a2e930b5671992380cf55c02b6b11e7317 |