Add open government logo to footer

Added a new heading above both the support links and the licence line in the footer. Used the heading above the licence info to display the open government licence logo.
alphagov · Jun 27, 2013 · 7f25893 · 7f25893
1 parent b2fe7df
commit 7f25893
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 14 deletions.
diff --git a/app/assets/images/open-government-licence_2x.png b/app/assets/images/open-government-licence_2x.png
diff --git a/app/assets/stylesheets/_footer.scss b/app/assets/stylesheets/_footer.scss
@@ -190,10 +190,10 @@
       margin: 0;
     }
 
-    div {
+    .footer-meta-inner {
       display: inline-block;
       vertical-align: bottom;
-      width: 69%;
+      width: 74%;
 
       @include media-down(mobile) {
         display: block;
@@ -207,10 +207,6 @@
         margin: 0 0 1em;
         padding: 0;
 
-        @include ie-lte(7) {
-
-        }
-
         li {
           display: inline-block;
           margin: 0 1.5rem 0 0;
@@ -228,11 +224,24 @@
         }
       }
 
-      p {
-        @include core-16;
-        display: block;
+      .open-government-licence {
         clear: left;
-        margin: 1em 0;
+        min-height: 42px;
+
+        h2 {
+          display: inline;
+          margin: 0 0.5em 0 0;
+          padding: 0;
+        }
+
+        img {
+          width: 41px;
+        }
+
+        p {
+          @include core-16;
+          display: inline;
+        }
       }
 
       @include ie-lte(7) {
@@ -248,15 +257,15 @@
       display: inline-block;
       float: none;
       text-align: inherit;
-      width: 30%;
+      width: 25%;
       min-height: 150px;
       min-height: 15rem;
 
       @include ie-lte(7) {
         display: block;
         float: right;
         height: 150px;
-        width: 29%;
+        width: 24%;
       }
 
       a {

diff --git a/app/views/root/_footer_meta.html.erb b/app/views/root/_footer_meta.html.erb
@@ -1,5 +1,6 @@
 <div class="footer-meta">
-  <div>
+  <div class="footer-meta-inner">
+    <h2 class="visuallyhidden">Support links</h2>
     <ul>
       <li><a href="/support">Support</a></li>
       <li><a href="/support/cookies">Cookies</a></li>
@@ -8,7 +9,11 @@
       <li>Built by the <a href="http://digital.cabinetoffice.gov.uk/">Government Digital Service</a></li>
     </ul>
 
-    <p>All content is available under the <a href="http://www.nationalarchives.gov.uk/doc/open-government-licence/">Open Government Licence</a>, except where otherwise stated</p>
+
+    <div class="open-government-licence">
+      <h2><a href="http://www.nationalarchives.gov.uk/doc/open-government-licence/"><%= image_tag 'open-government-licence_2x.png', alt: 'OGL' %></a></h2>
+      <p>All content is available under the <a href="http://www.nationalarchives.gov.uk/doc/open-government-licence/">Open Government Licence</a>, except where otherwise stated</p>
+    </div>
   </div>
 
   <div class="copyright">