Added standard footer

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