From 7f25893471bb51306f5c02431463024fb3d3b62b Mon Sep 17 00:00:00 2001
From: Edd Sowden <e@e26.co.uk>
Date: Thu, 27 Jun 2013 14:39:53 +0000
Subject: [PATCH] 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.
---
 .../images/open-government-licence_2x.png     | Bin 0 -> 1771 bytes
 app/assets/stylesheets/_footer.scss           |  33 +++++++++++-------
 app/views/root/_footer_meta.html.erb          |   9 +++--
 3 files changed, 28 insertions(+), 14 deletions(-)
 create mode 100644 app/assets/images/open-government-licence_2x.png

diff --git a/app/assets/images/open-government-licence_2x.png b/app/assets/images/open-government-licence_2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..e3a38fc7feb64b371b97b712f93b67b4d8d69db5
GIT binary patch
literal 1771
zcmeAS@N?(olHy`uVBq!ia0vp^fk3Rt!3HE3u66$oq$EpRBT9nv(@M${i&7aJQ}UBi
z6+Ckj(^G>|6H_V+Po~;1FfgZOhD4M^`1)8S=jZArg4F0$<Q4#RGcefLR}>^BXQ!4Z
zB&DWj=GiK}-@RW+Av48RDcsc8z_-9TH6zobswg$M$}c3jDm&RSMakYy!KT6rXh3di
zNuokUZcbjYRfVk**jy_h8zii+qySb@l5ML5aa4qFfP!;=QL2Keo`G(%fti7VnW3Jc
zv5C34xsHO7fuVuEfswwUk*=Y+m9dePfq?=PC;@FNN=dT{a&d#&1?1T(Wt5Z@Sn2DR
zmzV368|&p4rRy77T3Uk4Ff!5ws?aU2%qvN((9J7WhMC}!TAW;zSx}OhpQivaF)=B>
zw8T~k=u(ImatnNY;RfdwLjwvJWcn3}1^R}12Ku?VAb){X7ncO3BAkI$b#X{#L8^XG
zYH@yPQ8F+-(v)GEfnkT=B9KC$Ypnc>GJ%njnB$V4T$-DjSK{ens|1wMOUX>Jaxrzb
zaI-XVax^tEFtac;v~V*say4>xHgGj}bTM`^fti6#uc?cvk+Gw*tBbjjrJ<p#k&~N=
ziL-^XiIJ<Rk&&B$5lpXVUU5lcUUDkT-b|pqP`xgA^;$U>r6!i-7lq{K=fF}xKt_H^
zesM;Afr4|ese*4}a%LWg4~ia$Z(UN0GRsm^+=}vZ6~N(Zm5IfEH&-_cBNrDZXJ=gg
zhUiTpC(QJLj?o7t4y42a69T3{5EGvCfgE_|NzDW1m?B`-NPEO=49s!To-U3d6}Rq0
zUCh00ATX7O|AF8Q&Q(4Fua`Sa?2i&YGVj1g7EiSe#*I@rAJvJl{!&hF%4*JF=?yTd
z(Bg3F>U%P=topz~`%AX>9)EmSQ8X*!#Ps#%Gyg<-{nZKOvAN_?JGJW9*U#?LE4tds
zbxQ@M_-AlEk9)Ow%gum$o}F#i4Rmy_1t%)1v#W<~{J@j5HBq&oc-7jHLo15X@?Z97
zy05g}xnSA@7V&$>)QmP3s+z4Aw--tbvE1xev7|Zqct-_mD@#s{<pjMGD(Bo}R!Pcw
zZ8#vlq&1@AtH8WA?Il`wrcbQ#o_4dtIa0{Y>+Z%I6>bNA^)7m<o2K%P*=mXPw7H!A
z{a0AU51cu{`&y;%i@UX0oaCh+cRb!~JGuK}*)_FAEzQa6DppzKG)?Zfq^BeHH6<)6
z=g8bEy3YeY9(a8rDs<sto1;zlI#ldVx!MX;>8(pz=wadWfHUMq&n@jmE7z%Sc&W=b
zX`O=A7lW??V)L@y^(7h)WSj00J0~7<-61P+;gp}kM-`hr=G#1J3isIiY3H|}6DoWy
zk8Nu!tSmq44lMl6yfF5hqs27$_`ACDisiQMCO;=xOy#dFik5ykw_E*U<ciNb>SLdE
zY*7f;-y)>=W}VEnJ8iEdpJ#a4Pg?rwugv6ar=JCUxRp{-V|sN<_`*J8Rra+qZ}VmE
zM+;tZ@#AR7u>3gn!yP$u!P&~?&nM=qe{^{AF37`1Xx{7gIowK(uO#kQuURes$WJh`
zRZee$hs(Q#0y7&u96JuoO61tM<bff-^`2!G{zvvK@2HvF7n-p|x-{6~N$QElIaBW)
zss3-Ws@Cf+Th7J2&bzKtvjjubeI6HeFN<<H5-dF-+NW^Eq}TJ=%>-B9{WxirwtM2w
z>c;+%w<71%l;UiJltXv_t1ejn(Dq-r3Y%JxYh2#F<%TcrvL3SL@06N2$I|=hfz=xu
zS=ctPn#Zk?EBfZBy!zd&`Ag(%7B5`T^ZKJ=mni?i0uEoLukndYwNG?6@`tq8^#A?d
z*0FusuU=;VTh;%Uhp!M*FD=;c|JiPt4yJD_O*lmNRjhJ+f4TD+bGu1Biv&YqNuQc{
T_Y+{n#K7R`>gTe~DWM4f@Ia;{

literal 0
HcmV?d00001

diff --git a/app/assets/stylesheets/_footer.scss b/app/assets/stylesheets/_footer.scss
index d81f398d4..fa28a3deb 100644
--- 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,7 +257,7 @@
       display: inline-block;
       float: none;
       text-align: inherit;
-      width: 30%;
+      width: 25%;
       min-height: 150px;
       min-height: 15rem;
 
@@ -256,7 +265,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
index f782c3ac6..a77ea9aef 100644
--- 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">