From d9a2d16ed266bfa4d20cd5315a983e5a92d05680 Mon Sep 17 00:00:00 2001 From: Martin Wright Date: Tue, 7 Jun 2016 11:48:53 +0100 Subject: [PATCH 1/6] add basics of the mysociety footer --- public/img/icon-facebook.png | Bin 0 -> 474 bytes public/img/icon-facebook.svg | 1 + public/img/icon-facebook@2x.png | Bin 0 -> 796 bytes public/img/icon-github.png | Bin 0 -> 783 bytes public/img/icon-github.svg | 1 + public/img/icon-github@2x.png | Bin 0 -> 1483 bytes public/img/icon-twitter.png | Bin 0 -> 666 bytes public/img/icon-twitter.svg | 1 + public/img/icon-twitter@2x.png | Bin 0 -> 1245 bytes public/img/logo-mysociety.png | Bin 0 -> 2568 bytes public/img/logo-mysociety.svg | 1 + public/img/logo-mysociety@2x.png | Bin 0 -> 5207 bytes views/layout.erb | 63 +++++++ views/sass/_mysociety-footer.scss | 284 ++++++++++++++++++++++++++++++ views/sass/main.scss | 1 + 15 files changed, 352 insertions(+) create mode 100644 public/img/icon-facebook.png create mode 100644 public/img/icon-facebook.svg create mode 100644 public/img/icon-facebook@2x.png create mode 100644 public/img/icon-github.png create mode 100644 public/img/icon-github.svg create mode 100644 public/img/icon-github@2x.png create mode 100644 public/img/icon-twitter.png create mode 100644 public/img/icon-twitter.svg create mode 100644 public/img/icon-twitter@2x.png create mode 100644 public/img/logo-mysociety.png create mode 100644 public/img/logo-mysociety.svg create mode 100644 public/img/logo-mysociety@2x.png create mode 100644 views/sass/_mysociety-footer.scss diff --git a/public/img/icon-facebook.png b/public/img/icon-facebook.png new file mode 100644 index 0000000000000000000000000000000000000000..fb786faea6adaa7935a78046516cea5e32d026dc GIT binary patch literal 474 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dybpbvhu0T5U>VN+YZv)o93s?t4 zZv)o84c+=BVC_5qb#MLGzRlhCKVUtG0ptd61S#;}09LvFL-e-)K+y32KTvVn=Kmn= z>)!*}5ahr1UEsR+Km^nalnUMaEn?%>ptWCvH+%#d1+)cdX@27FQlJa8N`m}?8Q9#X z?!Wn2V%o?5>`h;e>pj*z@65-@beHQ+?95jm(vuROzmb-bH2?I?$~~Ji1gPtwr;B4q z1!L>vt4RkGcwF`0#Xf)c@4x+yP+_%#dwJCjER2dvE**J;k$Pe_i1Ku-KbcUFZFEu z1f|3TO`H7;2VQ@U4xN@O{*&*r7*9#`g@9bgujXDY(*#%^L^nM@ewMZF&WZorl3%C( y{_$to2JUIUrf;i%`icon-facebook-blue \ No newline at end of file diff --git a/public/img/icon-facebook@2x.png b/public/img/icon-facebook@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..2667f2c65b3e5c3b502da2ff1ee71d063bef5baa GIT binary patch literal 796 zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!&II^`xB}_WZJz_ye+XRnK49%T z|Fv%e*1ZFvweNs}0YJfZ@BD#i?c1b{{{z;)^cs0^q8WXQUAf$QFdZulIv9r=9r^R2IAuX!u*8v5}iU0hI-B zd=F9&Qv4ohZ}656AdA)lZ3n3V8V*Kaw}H%j8?o_g(Atl|8$JRZ1GWn!RT0K;3Fse} zk|4ie2GQWUrKj(|`DxsH>ED0e;;RA;?-&zb$sMtNnZ(?;@y~{6EkPz0)?Fq$uZ#RO ze7(|NS?PG~wdW7d?cVnGnUtxy!Kae<`$~B}GcYjj_H=O!sbE}s-L>gcfWt^00&d51r{-HY_|yA>Ptd^YAB|N2LPhxvZ7?CnE-i!3}VeP&ls>t4(VhL@+n?+so3!lZ7Jh9D>K3kCEck!2?U+se> zmVLS!S%uG()pZM07QGQZSMzKOhr=4qBMd^m3XE%}H0j6ht2sI|KfbSaxysgr;HGG| zt{jUt#(pLCb%_tyUG;1>JM3R}qB&pehv&@x13DkNH!&!x?yvt}*J)f|CqFY-Oliq8 z$D|GiagGPCne1$04>Ygl-ceA($i7W4;jou!Ff2Q8+kXv;|mVfNm zjce_{e{FWQul%yu+y3{L!@>5oUmr)?{^w`xSg`zrFaNbJV6tHFboFyt=akR{01Ow7 A3;+NC literal 0 HcmV?d00001 diff --git a/public/img/icon-github.png b/public/img/icon-github.png new file mode 100644 index 0000000000000000000000000000000000000000..41bb1876f6c803b4a5e463f654f88f3a304e2f89 GIT binary patch literal 783 zcmV+q1MvKbP)@!t2K)@r9Q`vefR*)A^HZDzhz`rbE;O#8M0(ZjHuVW4yTFDt7dO+IgYfnOqi%*`3%2hhkRy=m}N98OPrk!yMKW)s)>ux*bJQ zfjcW5q4N~^7%(Jka28fLpCS`UyzfqV8Zi8d6}SndQ(j>GjU+yFr92H7z>+w?O{m{K z0qh}71}upK+=M0~O@?Bh+K?s#mc#*W^10{VqDqw_O$IDrN_B$JPKC&>l3qhSxaQ>n zH?bPO2v_7j=?~z6mj~R?z(X-Iji!_;A)Pe1iT^ky2?Sk{G#RR+UzHp`XDTtu1- zSP}=gDQwuieM;qfzCJbcB?pFIr3E()NvbMBejGoA`CQ5S9#vKOs-2dw!RcV57Ho1& zK4Wp%ZlQ2j3@%ctWH$Gn^B$H2?l?FLHynK5gpd5^|6aWjO@iC&T+fCV>_#YNPJybu zqzI5p?o1|4xL-mf2NyW~g%UFlU<@x7!qF{FQS;YGgu;8qLh{;(bE*tSf63jc1{J9C z9Btg`X8iY$$f1v|Q+2*{icon-github-blue \ No newline at end of file diff --git a/public/img/icon-github@2x.png b/public/img/icon-github@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..2ac54679f21c655ad203d6fbd6d421f8cdb764aa GIT binary patch literal 1483 zcmV;+1vL7JP)vQJ)Vpq=|1iX&Ji@#5L0|M~HR=89(PG}9I>8Op2Y|0a=o=mAvS_r!B|TrA z>jqi_vKfLdbfSC2h(}R0mszX(dA|M?P$MDe1_M}{O1|Shy}Ik`=K*1ZfCWrVA>Ufp zTYG`}1;sWAn7~#kc{APi=h#A_jRH0>mOtgAXdX9Em!V{45U_%|MDn^$$1{_FxfCM^ zM&8PqPo9P+4Dg(znK+BdcIZ-cIn9gNBFtHh%5S}?Zy-k z!2rL*$QOKX3Dog!O>f)kPh9oj`=W)1KF??Tjc0f^{w{qDKWO@htg*we0TdBd*6G;l zk8XD?X~tk3S#iTLHJ%rRv^Bk(Ee2@y_3n~TIx(L>qJalybps%9P1;C45IPt~Ta=VJ zMw(fgA%~aaEWXJW1As-0Kb~VG=_ogVy2lm+fJKTQ&M^b%cZD5%-*eyCWo0AQ1FfxAOJPLO&1(6PJ0=Ocj;UULNDD+YMPb^{oUk4nO84Dh?n&W}8Y zsc#V&;CDxo_96#h{S5Hc^^$ZMF~9^#s@eV}pzjmJ1QTR?fUjS$e+j6UgnNK`MX&@u zvHuj%p9%Q9BAGG-K;x*k*h>D~r=occ&hdg7a9_5BVq9u!D_adf{$Iic?ik=aVHkX_ zrToQQc;0ENjowB0(n}V5fiDY#p`D$M7o&y9%g^k~Ksx>54EKL`&L@Q-@pHBrKzd~d z&hccznewWu?zSfk);&`EaE^5_X0seQ!HLEQ+l(}MDoF;}e&Z>xaJQXcUArzOqz;(Ls;F?xtJt^UZ8{z=W?^iUu#v16GO}=fP zqL&w`{kPpWW<4|2528w(IsgKJW4eVO(@P}X4B-~YzE4F9#&+HQ%&GK1jiqoQSt8s6 zFoYjwb1VBYB^-xUPT4yx6drgaT14u0VyHZhQ)@lkPC%~Il0M|_PBFqA@jW9;D9uO~ z$nQN~7I`=cj+b%Er`{B)sjgTaejW4KPsQs9@|zzLfeW03-j(W1ONvm18FF*{nY5&1 zM}5q?c@5B34>v5s0C34$Z#%Q`<%pO!8K@IIUtjDE>XV7I*vyJue3-COQSxvo=x3|T z6FPpGBg(0`aq<))5B5@uj&7iDOjuVJR&9Wz9*h>qOCHQ%FD=)`36OLdnNhNB27t8^ z*POLIqyMcxW9_#-5Uzp6JiUrDFX4_{I8498tG+YxSj# z;tB!zU%}=yqj95?tWXwUq@D8W!Sl?Tp#sy$+|X=Lh=4?q=&u3s&%sa?KS69B9+l=f z7WpsFz6Ybl(>yzLqT8{h0rsC;;xEJ_#UlUR$-D8OioS7=(dAg&0KTRHdaCQ|cZ%!* lyz2$}ZTh0m3ZTwue*&GYaKiMMan=9;002ovPDHLkV1loc)1v?Y literal 0 HcmV?d00001 diff --git a/public/img/icon-twitter.png b/public/img/icon-twitter.png new file mode 100644 index 0000000000000000000000000000000000000000..f82b9ee03aeea4c31c4167ff46424bdaabcdc98d GIT binary patch literal 666 zcmV;L0%iS)P)BVV}_`~45NT*|U4w1c=!I~4E{?sYaXgTQDVHn< zM3~^#4@8=fDg6m1aw%mQ4717Lfm=5eM;yN=l9L`mBaEIOmsOPRz68XPLoq~WF(x5Z zd}F5M$(k&Ic!bYV`VW$gCODItj?qTy$W#O~#$-9&Ft&5AulBf%P*-$@N6>0aTB$Bp z!Rdkpi3^rwE?AVhU|H^#jfo4kW-i#Ami+eo2W#BD$AYB#OaK4?07*qoM6N<$f~1)- AX#fBK literal 0 HcmV?d00001 diff --git a/public/img/icon-twitter.svg b/public/img/icon-twitter.svg new file mode 100644 index 0000000..1e91ef9 --- /dev/null +++ b/public/img/icon-twitter.svg @@ -0,0 +1 @@ +icon-twitter-blue \ No newline at end of file diff --git a/public/img/icon-twitter@2x.png b/public/img/icon-twitter@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..2065cc54734164b95d292f9c58a21427464f718b GIT binary patch literal 1245 zcmV<31S0#1P)5XmMwmrT3V^8*lTe)-U%G?ZkWnA0Q3$R&}nj}yz=xqU%Ket_X;e1^Z_fAGI(gSM^F_~hUh zBTi2zmggdtUvpy4$IupipfB{n5SZ?i;av5#R@5=o@2TtOl)iIyo78RKy|x zS%qONjES*pBkr6VBj$8#GV&Qf)nOPL7=Wcx^6OtOvqnZ90Ei|SumDpf)tNSCIfz)E?6Dmc z8LQmjBe{b+&VNT4XWu%~JR@e=2>zao+(;}>!-J@H0NXn~7q5fR_XvH6DZ936d?F(+ z_}~V21P_-e$lp%Jo{#fKNw#fW6M)j14}Ne*<0llkb^-thhT#5=y4#IiHTfN$aN{WM zu*We0Z!6CKN3EKlw#gRt#SiYD+o$NlWUYEjb8@g^0={UeWiPg`U>nwW{_oMqWvU4% zbaX;(6=@?s>Lx&W1PYyK254i~xy!tQL7Zh?I*ZxD=rmtbgOz z(}%eA$;joQ@PV_BB<5lAZc#Mx6+R=j91<5et3}arrB_Zuv=(67-x(SoIBR9`E<;^_ z*xrVMMTk3~bN$df#P+d4yl@$yFe3MYC|*E_S=R1cn=QWni*DQ?IsWx-!ieR#LA{>< zuAxd}FH@2d0+WC*U$)7}J9?t!r7?YRv=CEAY>$R2C;puCcSMf6Z45{_#1EkDRUd>)qyE9>?=r`*t7z0000W z$lrR9^QbkDKx7~(Ob(PpWnpPtUYJm3q$zDqoK$D!=|`UrD?gVV(9dSe00000NkvXX Hu0mjfqnTrg literal 0 HcmV?d00001 diff --git a/public/img/logo-mysociety.png b/public/img/logo-mysociety.png new file mode 100644 index 0000000000000000000000000000000000000000..9143f98b93e65bdf1fac38a071f9ad41f962e100 GIT binary patch literal 2568 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 \ No newline at end of file diff --git a/public/img/logo-mysociety@2x.png b/public/img/logo-mysociety@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..7693066c41931ce99e40871af158d7f8ddfa6316 GIT binary patch literal 5207 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⋘IWw&hvu=}JuupY3n?NFU@W>qz#A>f$K0aDx`eui4%#vi1XMK#OcB>BOg zi!|%wHvl?&{OsTGxEN3YkylIrSK=ttL{=V5H?O1`Jt=@e6Ob)J-dZ!?TYQfNEnnnS z4M36}8Nhf4Y$g#Tgx}#uAj#C-W>!t9tUGyfW$ndNs*``X2nnx1 zVcqz~A2+=2l|A;l;pO<08(tbW_Qp3RtplWkQ$N(POTX8K1=@w&OWI)wD01edYPzJ^ zJ`-v~4==zlI4k^`QP%>apu&RcoSYx<-|qs-7w!gYxO4FZ#% zfrA`SH``VEz2u4!`lL;DRQK?Sfd77!3t$>kzCtPI_ic}5@S;^4^}BczT#cLj1Ry_C zs%wwpfRzn`+JitQYTnpq2L!A}@G@Qh(%3J#Wd zRWZV|T}?&sPw;%a8xZJMniPBJfdNdO@)dlW8ss;@8=|Idu6lZy8B88K&>1I!PH7Bb zQf2MuegTY48(2RONZ0i*kG-CQl@GMU#+?8p;nWq)O1$mdRVlD8q}&Zw#rfpj>+RtZ z*BZz4IFLng`&%Zu7MMKcD^Oe2lc8+m0-f+AoWd7gfS&nCZ?+IB9)= zOlhPDw83X8m*{?2paNEt>Ar`sgH%XyQdMF_Pym}+S+^e$E1kEbsC3SEkCo0{*o8;0 zbnbU8a6|lQZ+#$k-AnNYf&v)E#_EA|aE3Ndu^WDKFI0j1T%7MosszoMTp@ zzem}HWNL;@b&*8PeB5eCV;KGvbL&j)P*j1(aa>M@HvxgiVOi!Fr;hZJHG&^i<(8Rn zhq@k51q$Iz)7{5SdpA8gfPpmSYbEzfO3AQ@1MDF{lF3!I^LztXRc-TBl-L0pxS(ls z1g*v3L579%fdDP1_-R1_4C7$qfpl?8Nhl>0*2_`1z~mx*Ry3R3?9zRyzx$Cs&O=mP zeb0xS`z3Gz41?VUC;0F7ll$!9u{9ta(}vXVf?(AEUM2*$!+==XoJH4hu<|u;@t#1l zKODdA^)JOg$lm&jKMrI_NY)K)g-;{2T+oKu#5X1nOzs7wAb>4=H7J0U z&0Tmg5KF$g$5t53{};6VU+{{r#`A#@88O_3P+#yrx9&$+^X-sU;jq3nq!noJ_LIArKC|&L6`>l7w zOYweBd-2}_<%;u|;8Tm|>>p8%f%(*w`w=|L5+TYl%?t7WnE@1rS~9dy=kl6c1C8Zil81S2Mw@@g zxui?Y`pFe4EWxyXZ?0pm%H@8dc`-G?11bpa2GkuY7W~*3t*Vti0qhOTK>ik}+n^h- z(g<#V4>a?|K8Bm{x(Pu`z&KY=y4G^d-%?{ye}`EHn;SR5%e=u3x8^MEiCL+79?im* ziXU+@EKpB+E)KZ-K?!@(l>tRXCDm5qc*gRcnQ9l7393b~8z-g8GfvS# zD{K!0v4t5kkk6Fgza$2fPY4QIrllK9#N*+rY|S40xd~hD}0o8HTKA9`P3or#J92dZ5fM>V$l7L-0p4O{f!w0cmh!V5$J%83yHZp4VHI?>LTH^LUHYt1&D{=>ixR za>I$e)o>woqgKTU$8q*hIh1V%3D~b|4&1vzeA99{ob;$ykH~SH5an_f+un*$Jy|=M zl(FH`E&6439mmPsSxE4c`I=of2BurcZKYYM9LI6e_jVL~6IDK?db0KscGqT~h5Kf3 z97mef=jyJ!+zTiQ>dD#*C$S`;%Xm}x^{JDz;>#3 RW@!Kb002ovPDHLkV1ggN`p5tP literal 0 HcmV?d00001 diff --git a/views/layout.erb b/views/layout.erb index 955fba9..09fb739 100644 --- a/views/layout.erb +++ b/views/layout.erb @@ -56,5 +56,68 @@ <%= yield %> + diff --git a/views/sass/_mysociety-footer.scss b/views/sass/_mysociety-footer.scss new file mode 100644 index 0000000..a328ef4 --- /dev/null +++ b/views/sass/_mysociety-footer.scss @@ -0,0 +1,284 @@ +// Standard mySociety Footer v1.0.4 +// https://github.com/mysociety/standard-footer + +$mysoc-footer-background-color: #fff !default; +$mysoc-footer-text-color: #333 !default; +$mysoc-footer-site-name-text-color: $mysoc-footer-text-color !default; + +$mysoc-footer-link-text-color: $color_green !default; +$mysoc-footer-link-hover-text-color: darken($color_green, 10%) !default; + +$mysoc-footer-site-name-font-size: 1.5em !default; +$mysoc-footer-site-name-margin-bottom: 0.5em !default; +$mysoc-footer-site-name-line-height: 1em !default; + +$mysoc-footer-border-top: none !default; +$mysoc-footer-divider-color: #E2DFD9 !default; + +$mysoc-footer-donate-background-color: #F3F1EB !default; +$mysoc-footer-donate-text-color: $mysoc-footer-text-color !default; +$mysoc-footer-donate-button-background-color: $color_green; +$mysoc-footer-donate-button-text-color: #fff !default; +$mysoc-footer-donate-button-hover-background-color: darken($mysoc-footer-donate-button-background-color, 5%) !default; +$mysoc-footer-donate-button-hover-text-color: $mysoc-footer-donate-button-text-color !default; + +$mysoc-footer-legal-text-color: #6C6B68 !default; + +$mysoc-footer-image-path: '../img/' !default; +$mysoc-footer-breakpoint-sm: 768px !default; + +$high-dpi-screen: '-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi' !default; + +$grid-max-width: 800px; +$grid-gutter: 2em; +$grid-breakpoint-sm: 3000px; + +%clearfix { + &:before, + &:after { + content: " "; + display: table; + } + &:after { + clear: both; + } +} + +.mysoc-footer { + .container { + margin-right: auto; + margin-left: auto; + padding-left: $grid-gutter / 2; + padding-right: $grid-gutter / 2; + max-width: $grid-max-width; + } + + .row { + @extend %clearfix; + margin-left: $grid-gutter / -2; + margin-right: $grid-gutter / -2; + } + + %col { + padding-left: $grid-gutter / 2; + padding-right: $grid-gutter / 2; + min-height: 1px; + } + + @for $i from 1 through 12 { + .col-sm-#{$i} { + @extend %col; + } + } + + %col-float { + float: left; + } + + @for $i from 1 through 12 { + .col-sm-#{$i} { + @extend %col-float; + width: (100% / 12) * $i; + } + } +} + +.mysoc-footer { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: $mysoc-footer-background-color; + color: $mysoc-footer-text-color; + padding: 2em 0; + font-size: .833333333em; + line-height: 1.5em; + border-top: $mysoc-footer-border-top; + + @media (min-height: 700px) { + padding: 3em 0; + } + + @media (min-height: 900px) { + padding: 4em 0; + } + + *, *:before, *:after { + -webkit-box-sizing: inherit; + -moz-box-sizing: inherit; + box-sizing: inherit; + } + + a { + color: $mysoc-footer-link-text-color; + + &:hover, + &:focus { + color: $mysoc-footer-link-hover-text-color; + } + } +} + +.mysoc-footer__divider { + border-top: 1px solid $mysoc-footer-divider-color; + margin: 2em 0; + + @media (min-height: 900px) { + margin: 3em 0; + } +} + +.mysoc-footer__site-name { + font-size: $mysoc-footer-site-name-font-size; + line-height: $mysoc-footer-site-name-line-height; + font-weight: bold; + margin: 0 0 $mysoc-footer-site-name-margin-bottom 0; + color: $mysoc-footer-site-name-text-color; +} + +.mysoc-footer__links { + font-size: 1em; + line-height: 1.2em; + + @media (min-width: $mysoc-footer-breakpoint-sm){ + overflow: auto; + margin: 0 -1em; + + // Line up top of .mysoc-footer__links with top of .mysoc-footer__site-description + $factor: $mysoc-footer-site-name-font-size / 1em; + padding-top: ( $mysoc-footer-site-name-line-height*$factor + $mysoc-footer-site-name-margin-bottom*$factor ); + } + + ul { + margin: 0; + padding: 0; + list-style: none; + + @media (min-width: $mysoc-footer-breakpoint-sm){ + float: left; + width: 50%; + padding: 0 1em; + } + } + + li { + margin: 0 0 0.5em 0; + } + + a { + display: block; + } +} + +.mysoc-footer__donate { + background-color: $mysoc-footer-donate-background-color; + color: $mysoc-footer-donate-text-color; + padding: 1.5em; + border-radius: 0.3em; + margin-top: 1em; + + @media (min-width: $mysoc-footer-breakpoint-sm){ + margin-top: 0; + } +} + +.mysoc-footer__donate__button { + display: inline-block; + background-color: $mysoc-footer-donate-button-background-color; + color: $mysoc-footer-donate-button-text-color !important; + padding: 0.5em 1em; + border-radius: 0.3em; + font-weight: bold; + text-decoration: none; + + &:hover, + &:focus { + text-decoration: none; + background-color: $mysoc-footer-donate-button-hover-background-color; + color: $mysoc-footer-donate-button-hover-text-color !important; + } +} + +.mysoc-footer__orgs { + overflow: auto; + margin: 0 -1em; +} + +.mysoc-footer__org { + float: left; + padding: 0 1em; +} + +.mysoc-footer__org__logo { + display: block; + margin-top: 0.5em; + height: 0; + overflow: hidden; + padding-top: 32px; +} + +.mysoc-footer__org__logo--mysociety { + width: 152px; + background: transparent url('#{$mysoc-footer-image-path}logo-mysociety.png') 0 0 no-repeat; + background-size: 152px 32px; + @media ($high-dpi-screen) { + background-image: url('#{$mysoc-footer-image-path}logo-mysociety@2x.png'); + } + background-image: url('#{$mysoc-footer-image-path}logo-mysociety.svg'), none; +} + +.mysoc-footer__legal { + font-size: 0.8em; + line-height: 1.5em; + color: $mysoc-footer-legal-text-color; +} + +.mysoc-footer__badges { + margin: 0 -4px; + padding: 0; + list-style: none; + + @media (min-width: $mysoc-footer-breakpoint-sm){ + text-align: right; + } + + li { + margin: 0 4px; + display: inline-block; + } +} + +.mysoc-footer__badge { + display: inline-block; + width: 32px; + height: 0; + padding-top: 32px; + overflow: hidden; + border-radius: 100%; +} + +.mysoc-footer__badge--github { + background: transparent url('#{$mysoc-footer-image-path}icon-github.png') 0 0 no-repeat; + background-size: 32px 32px; + @media ($high-dpi-screen) { + background-image: url('#{$mysoc-footer-image-path}icon-github@2x.png'); + } + background-image: url('#{$mysoc-footer-image-path}icon-github.svg'), none; +} + +.mysoc-footer__badge--twitter { + background: transparent url('#{$mysoc-footer-image-path}icon-twitter.png') 0 0 no-repeat; + background-size: 32px 32px; + @media ($high-dpi-screen) { + background-image: url('#{$mysoc-footer-image-path}icon-twitter@2x.png'); + } + background-image: url('#{$mysoc-footer-image-path}icon-twitter.svg'), none; +} + +.mysoc-footer__badge--facebook { + background: transparent url('#{$mysoc-footer-image-path}icon-facebook.png') 0 0 no-repeat; + background-size: 32px 32px; + @media ($high-dpi-screen) { + background-image: url('#{$mysoc-footer-image-path}icon-facebook@2x.png'); + } + background-image: url('#{$mysoc-footer-image-path}icon-facebook.svg'), none; +} diff --git a/views/sass/main.scss b/views/sass/main.scss index 5342958..48c5af9 100644 --- a/views/sass/main.scss +++ b/views/sass/main.scss @@ -54,6 +54,7 @@ body { @import 'typography'; @import 'components'; @import 'header'; +@import 'mysociety-footer'; @import 'content'; @import 'home'; @import 'messages'; From ae955087527bea37af3fc1e8fc80cc136e9233df Mon Sep 17 00:00:00 2001 From: Martin Wright Date: Tue, 7 Jun 2016 11:59:05 +0100 Subject: [PATCH 2/6] standard footer now only appears on the homepage (it breaks the game on the other pages) --- views/about.erb | 2 +- views/footer.erb | 63 +++++++++++++++++++++++++++++++ views/home_anonymous.erb | 2 + views/home_loggedin.erb | 2 + views/layout.erb | 63 ------------------------------- views/sass/_mysociety-footer.scss | 4 ++ 6 files changed, 72 insertions(+), 64 deletions(-) create mode 100644 views/footer.erb diff --git a/views/about.erb b/views/about.erb index 68a2c88..07206b3 100644 --- a/views/about.erb +++ b/views/about.erb @@ -9,7 +9,7 @@

Frustratingly, it’s difficult to provide an answer for these questions, because the objective data just isn’t there.

-

The closest thing is data from the Inter-Parliamentary Union, but that can't be used for this kind of in-depth anaylsis. They simply provide a total for each legislature, rather than data on individual politicians — plus the figures are self-reported, not always up-to-date, and only cover member countries.

+

The closest thing is data from the Inter-Parliamentary Union, but that can't be used for this kind of in-depth anaylsis. They simply provide a total for each legislature, rather than data on individual politicians — plus the figures are self-reported, not always up-to-date, and only cover member countries.

For advanced insights, you need rich data that can be sliced in multiple ways. So, alongside politicians' gender, you might also compare by age, or party, or voting records, or by many other exciting factors.

diff --git a/views/footer.erb b/views/footer.erb new file mode 100644 index 0000000..da4c7d3 --- /dev/null +++ b/views/footer.erb @@ -0,0 +1,63 @@ + diff --git a/views/home_anonymous.erb b/views/home_anonymous.erb index 7575212..9b61ad4 100644 --- a/views/home_anonymous.erb +++ b/views/home_anonymous.erb @@ -41,3 +41,5 @@

Header image: Mark Twain visits Parliament 1907, CC-BY-NC UK Parliament

+ +<%= erb :footer %> diff --git a/views/home_loggedin.erb b/views/home_loggedin.erb index 3e172b4..cc29024 100644 --- a/views/home_loggedin.erb +++ b/views/home_loggedin.erb @@ -36,3 +36,5 @@

Header image: Mark Twain visits Parliament 1907, CC-BY-NC UK Parliament

+ +<%= erb :footer %> diff --git a/views/layout.erb b/views/layout.erb index 09fb739..955fba9 100644 --- a/views/layout.erb +++ b/views/layout.erb @@ -56,68 +56,5 @@ <%= yield %> - diff --git a/views/sass/_mysociety-footer.scss b/views/sass/_mysociety-footer.scss index a328ef4..d13e25b 100644 --- a/views/sass/_mysociety-footer.scss +++ b/views/sass/_mysociety-footer.scss @@ -45,6 +45,7 @@ $grid-breakpoint-sm: 3000px; } .mysoc-footer { + text-align: left; .container { margin-right: auto; margin-left: auto; @@ -179,6 +180,9 @@ $grid-breakpoint-sm: 3000px; @media (min-width: $mysoc-footer-breakpoint-sm){ margin-top: 0; } + p { + margin-top: 0; + } } .mysoc-footer__donate__button { From 5e9983088b97453f7756d1967e0d1ebc1b9e4eda Mon Sep 17 00:00:00 2001 From: Martin Wright Date: Tue, 7 Jun 2016 11:48:53 +0100 Subject: [PATCH 3/6] add basics of the mysociety footer --- public/img/icon-facebook.png | Bin 0 -> 474 bytes public/img/icon-facebook.svg | 1 + public/img/icon-facebook@2x.png | Bin 0 -> 796 bytes public/img/icon-github.png | Bin 0 -> 783 bytes public/img/icon-github.svg | 1 + public/img/icon-github@2x.png | Bin 0 -> 1483 bytes public/img/icon-twitter.png | Bin 0 -> 666 bytes public/img/icon-twitter.svg | 1 + public/img/icon-twitter@2x.png | Bin 0 -> 1245 bytes public/img/logo-mysociety.png | Bin 0 -> 2568 bytes public/img/logo-mysociety.svg | 1 + public/img/logo-mysociety@2x.png | Bin 0 -> 5207 bytes views/layout.erb | 63 +++++++ views/sass/_mysociety-footer.scss | 284 ++++++++++++++++++++++++++++++ views/sass/main.scss | 1 + 15 files changed, 352 insertions(+) create mode 100644 public/img/icon-facebook.png create mode 100644 public/img/icon-facebook.svg create mode 100644 public/img/icon-facebook@2x.png create mode 100644 public/img/icon-github.png create mode 100644 public/img/icon-github.svg create mode 100644 public/img/icon-github@2x.png create mode 100644 public/img/icon-twitter.png create mode 100644 public/img/icon-twitter.svg create mode 100644 public/img/icon-twitter@2x.png create mode 100644 public/img/logo-mysociety.png create mode 100644 public/img/logo-mysociety.svg create mode 100644 public/img/logo-mysociety@2x.png create mode 100644 views/sass/_mysociety-footer.scss diff --git a/public/img/icon-facebook.png b/public/img/icon-facebook.png new file mode 100644 index 0000000000000000000000000000000000000000..fb786faea6adaa7935a78046516cea5e32d026dc GIT binary patch literal 474 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dybpbvhu0T5U>VN+YZv)o93s?t4 zZv)o84c+=BVC_5qb#MLGzRlhCKVUtG0ptd61S#;}09LvFL-e-)K+y32KTvVn=Kmn= z>)!*}5ahr1UEsR+Km^nalnUMaEn?%>ptWCvH+%#d1+)cdX@27FQlJa8N`m}?8Q9#X z?!Wn2V%o?5>`h;e>pj*z@65-@beHQ+?95jm(vuROzmb-bH2?I?$~~Ji1gPtwr;B4q z1!L>vt4RkGcwF`0#Xf)c@4x+yP+_%#dwJCjER2dvE**J;k$Pe_i1Ku-KbcUFZFEu z1f|3TO`H7;2VQ@U4xN@O{*&*r7*9#`g@9bgujXDY(*#%^L^nM@ewMZF&WZorl3%C( y{_$to2JUIUrf;i%`icon-facebook-blue \ No newline at end of file diff --git a/public/img/icon-facebook@2x.png b/public/img/icon-facebook@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..2667f2c65b3e5c3b502da2ff1ee71d063bef5baa GIT binary patch literal 796 zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!&II^`xB}_WZJz_ye+XRnK49%T z|Fv%e*1ZFvweNs}0YJfZ@BD#i?c1b{{{z;)^cs0^q8WXQUAf$QFdZulIv9r=9r^R2IAuX!u*8v5}iU0hI-B zd=F9&Qv4ohZ}656AdA)lZ3n3V8V*Kaw}H%j8?o_g(Atl|8$JRZ1GWn!RT0K;3Fse} zk|4ie2GQWUrKj(|`DxsH>ED0e;;RA;?-&zb$sMtNnZ(?;@y~{6EkPz0)?Fq$uZ#RO ze7(|NS?PG~wdW7d?cVnGnUtxy!Kae<`$~B}GcYjj_H=O!sbE}s-L>gcfWt^00&d51r{-HY_|yA>Ptd^YAB|N2LPhxvZ7?CnE-i!3}VeP&ls>t4(VhL@+n?+so3!lZ7Jh9D>K3kCEck!2?U+se> zmVLS!S%uG()pZM07QGQZSMzKOhr=4qBMd^m3XE%}H0j6ht2sI|KfbSaxysgr;HGG| zt{jUt#(pLCb%_tyUG;1>JM3R}qB&pehv&@x13DkNH!&!x?yvt}*J)f|CqFY-Oliq8 z$D|GiagGPCne1$04>Ygl-ceA($i7W4;jou!Ff2Q8+kXv;|mVfNm zjce_{e{FWQul%yu+y3{L!@>5oUmr)?{^w`xSg`zrFaNbJV6tHFboFyt=akR{01Ow7 A3;+NC literal 0 HcmV?d00001 diff --git a/public/img/icon-github.png b/public/img/icon-github.png new file mode 100644 index 0000000000000000000000000000000000000000..41bb1876f6c803b4a5e463f654f88f3a304e2f89 GIT binary patch literal 783 zcmV+q1MvKbP)@!t2K)@r9Q`vefR*)A^HZDzhz`rbE;O#8M0(ZjHuVW4yTFDt7dO+IgYfnOqi%*`3%2hhkRy=m}N98OPrk!yMKW)s)>ux*bJQ zfjcW5q4N~^7%(Jka28fLpCS`UyzfqV8Zi8d6}SndQ(j>GjU+yFr92H7z>+w?O{m{K z0qh}71}upK+=M0~O@?Bh+K?s#mc#*W^10{VqDqw_O$IDrN_B$JPKC&>l3qhSxaQ>n zH?bPO2v_7j=?~z6mj~R?z(X-Iji!_;A)Pe1iT^ky2?Sk{G#RR+UzHp`XDTtu1- zSP}=gDQwuieM;qfzCJbcB?pFIr3E()NvbMBejGoA`CQ5S9#vKOs-2dw!RcV57Ho1& zK4Wp%ZlQ2j3@%ctWH$Gn^B$H2?l?FLHynK5gpd5^|6aWjO@iC&T+fCV>_#YNPJybu zqzI5p?o1|4xL-mf2NyW~g%UFlU<@x7!qF{FQS;YGgu;8qLh{;(bE*tSf63jc1{J9C z9Btg`X8iY$$f1v|Q+2*{icon-github-blue \ No newline at end of file diff --git a/public/img/icon-github@2x.png b/public/img/icon-github@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..2ac54679f21c655ad203d6fbd6d421f8cdb764aa GIT binary patch literal 1483 zcmV;+1vL7JP)vQJ)Vpq=|1iX&Ji@#5L0|M~HR=89(PG}9I>8Op2Y|0a=o=mAvS_r!B|TrA z>jqi_vKfLdbfSC2h(}R0mszX(dA|M?P$MDe1_M}{O1|Shy}Ik`=K*1ZfCWrVA>Ufp zTYG`}1;sWAn7~#kc{APi=h#A_jRH0>mOtgAXdX9Em!V{45U_%|MDn^$$1{_FxfCM^ zM&8PqPo9P+4Dg(znK+BdcIZ-cIn9gNBFtHh%5S}?Zy-k z!2rL*$QOKX3Dog!O>f)kPh9oj`=W)1KF??Tjc0f^{w{qDKWO@htg*we0TdBd*6G;l zk8XD?X~tk3S#iTLHJ%rRv^Bk(Ee2@y_3n~TIx(L>qJalybps%9P1;C45IPt~Ta=VJ zMw(fgA%~aaEWXJW1As-0Kb~VG=_ogVy2lm+fJKTQ&M^b%cZD5%-*eyCWo0AQ1FfxAOJPLO&1(6PJ0=Ocj;UULNDD+YMPb^{oUk4nO84Dh?n&W}8Y zsc#V&;CDxo_96#h{S5Hc^^$ZMF~9^#s@eV}pzjmJ1QTR?fUjS$e+j6UgnNK`MX&@u zvHuj%p9%Q9BAGG-K;x*k*h>D~r=occ&hdg7a9_5BVq9u!D_adf{$Iic?ik=aVHkX_ zrToQQc;0ENjowB0(n}V5fiDY#p`D$M7o&y9%g^k~Ksx>54EKL`&L@Q-@pHBrKzd~d z&hccznewWu?zSfk);&`EaE^5_X0seQ!HLEQ+l(}MDoF;}e&Z>xaJQXcUArzOqz;(Ls;F?xtJt^UZ8{z=W?^iUu#v16GO}=fP zqL&w`{kPpWW<4|2528w(IsgKJW4eVO(@P}X4B-~YzE4F9#&+HQ%&GK1jiqoQSt8s6 zFoYjwb1VBYB^-xUPT4yx6drgaT14u0VyHZhQ)@lkPC%~Il0M|_PBFqA@jW9;D9uO~ z$nQN~7I`=cj+b%Er`{B)sjgTaejW4KPsQs9@|zzLfeW03-j(W1ONvm18FF*{nY5&1 zM}5q?c@5B34>v5s0C34$Z#%Q`<%pO!8K@IIUtjDE>XV7I*vyJue3-COQSxvo=x3|T z6FPpGBg(0`aq<))5B5@uj&7iDOjuVJR&9Wz9*h>qOCHQ%FD=)`36OLdnNhNB27t8^ z*POLIqyMcxW9_#-5Uzp6JiUrDFX4_{I8498tG+YxSj# z;tB!zU%}=yqj95?tWXwUq@D8W!Sl?Tp#sy$+|X=Lh=4?q=&u3s&%sa?KS69B9+l=f z7WpsFz6Ybl(>yzLqT8{h0rsC;;xEJ_#UlUR$-D8OioS7=(dAg&0KTRHdaCQ|cZ%!* lyz2$}ZTh0m3ZTwue*&GYaKiMMan=9;002ovPDHLkV1loc)1v?Y literal 0 HcmV?d00001 diff --git a/public/img/icon-twitter.png b/public/img/icon-twitter.png new file mode 100644 index 0000000000000000000000000000000000000000..f82b9ee03aeea4c31c4167ff46424bdaabcdc98d GIT binary patch literal 666 zcmV;L0%iS)P)BVV}_`~45NT*|U4w1c=!I~4E{?sYaXgTQDVHn< zM3~^#4@8=fDg6m1aw%mQ4717Lfm=5eM;yN=l9L`mBaEIOmsOPRz68XPLoq~WF(x5Z zd}F5M$(k&Ic!bYV`VW$gCODItj?qTy$W#O~#$-9&Ft&5AulBf%P*-$@N6>0aTB$Bp z!Rdkpi3^rwE?AVhU|H^#jfo4kW-i#Ami+eo2W#BD$AYB#OaK4?07*qoM6N<$f~1)- AX#fBK literal 0 HcmV?d00001 diff --git a/public/img/icon-twitter.svg b/public/img/icon-twitter.svg new file mode 100644 index 0000000..1e91ef9 --- /dev/null +++ b/public/img/icon-twitter.svg @@ -0,0 +1 @@ +icon-twitter-blue \ No newline at end of file diff --git a/public/img/icon-twitter@2x.png b/public/img/icon-twitter@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..2065cc54734164b95d292f9c58a21427464f718b GIT binary patch literal 1245 zcmV<31S0#1P)5XmMwmrT3V^8*lTe)-U%G?ZkWnA0Q3$R&}nj}yz=xqU%Ket_X;e1^Z_fAGI(gSM^F_~hUh zBTi2zmggdtUvpy4$IupipfB{n5SZ?i;av5#R@5=o@2TtOl)iIyo78RKy|x zS%qONjES*pBkr6VBj$8#GV&Qf)nOPL7=Wcx^6OtOvqnZ90Ei|SumDpf)tNSCIfz)E?6Dmc z8LQmjBe{b+&VNT4XWu%~JR@e=2>zao+(;}>!-J@H0NXn~7q5fR_XvH6DZ936d?F(+ z_}~V21P_-e$lp%Jo{#fKNw#fW6M)j14}Ne*<0llkb^-thhT#5=y4#IiHTfN$aN{WM zu*We0Z!6CKN3EKlw#gRt#SiYD+o$NlWUYEjb8@g^0={UeWiPg`U>nwW{_oMqWvU4% zbaX;(6=@?s>Lx&W1PYyK254i~xy!tQL7Zh?I*ZxD=rmtbgOz z(}%eA$;joQ@PV_BB<5lAZc#Mx6+R=j91<5et3}arrB_Zuv=(67-x(SoIBR9`E<;^_ z*xrVMMTk3~bN$df#P+d4yl@$yFe3MYC|*E_S=R1cn=QWni*DQ?IsWx-!ieR#LA{>< zuAxd}FH@2d0+WC*U$)7}J9?t!r7?YRv=CEAY>$R2C;puCcSMf6Z45{_#1EkDRUd>)qyE9>?=r`*t7z0000W z$lrR9^QbkDKx7~(Ob(PpWnpPtUYJm3q$zDqoK$D!=|`UrD?gVV(9dSe00000NkvXX Hu0mjfqnTrg literal 0 HcmV?d00001 diff --git a/public/img/logo-mysociety.png b/public/img/logo-mysociety.png new file mode 100644 index 0000000000000000000000000000000000000000..9143f98b93e65bdf1fac38a071f9ad41f962e100 GIT binary patch literal 2568 zcmV+j3itJiP)#et=?7YhKtHs#D`2%MYLv!5qS2NTKtTm#1S=|{2>rbWVhmOM zm$sr})hME(ZPY3lllqDE(-x|jzM>Rbp|IW?c62<>?)&srHsnomv+wQRow;-8%)N8( z%sP&SGGW4mF%u_FTte5^#*ZIgPuDMq-lyLcbe)ruk`iV2K9H<;68%c@w$ZiF5h_Q% zq^GB!Lj$so2IL@-Zb65LZ@yjoK@(ss$jkj1=?Il0Iw%R7z$eG#?iqIP~_9XUefKWnZc0M?&$Z-%bx$H;sHs($n=hiH+wXJacCO>!?X;P$x(4&}#O)tGO z{C}`uzxUPp$`d{+t35oX)e|1mP4rMOEECZblKC2zldj`}<*vz%o=Np-TsP_eLJkaU z2QX@&o9K`cX+3KQF`0gEQ$%7_y#A3om`3+L0zRe>v9rW?nP^99PqP5gDvqWk`njm6 z=vYJM@B7MvdBS48Y!7qlf;?eyi2)4!sU-jXvYa@mM9btsN8My)Weu|c?IhyatcsqE z6wSqoab7Cw#&@7?kHJ5e>z9e;w7^jf@NX3lJd$v=B>dHMJzx=yZO_fk9Y8$S((nEF zT&nArjEs!4VLh}H_*Pp0>|2?aqU@<@b3t$nk8T#7D;oYvtn(p$5 zuZZS)u~^vj;mT=?Qc8 zFu3SitCM_P4NsJiAqtuYq+WXCbISL%$ELN?hC*$84GoGu_dGH8oD+pEZP+T z0!&Qg7ofe*O!_?;Cp-gG2>r97k*|$4RWw^FDTGG)iJo1>rjr%Mb)izJj@ zSg$$2vrWOX-oko*#PSCUvVBfxSVyFDoQO)hT@ej3!2WcPxK=Uv!%J(A7S^FG!xq^!$93 zOXViHkHGheEYuIsU>kOhlYWYU+%K#JC;`oP9`J02=WYdfYJq0~^6-EW-xI)xw4IgY z=w<14N6!8mV6KQAx-0H&l60nBf(8#n~kuX zxl&e46FgjEvL3>+$8({fo%H0wU|bx3}E8<1_ubYs^G?b1-dn0|Byy`KGmk5_ zq_I4GTcAIG@cm!_4C)VrHup9U#%n6* z-`&!)O;BHEp90Lt{~*9np`&r#C)^~+)0vZ#b5elG*hdxaGPgpjIDr6mh`}Xjb>ix1 zU+V1fL~oS=M%L_RqpiE4t?z;XFpM4pAwISg1b|%vb$%+=!E)At*YoU6jugO{euWFtiO@y zNgt^&5P+dBX)Idg_b9*%Be|zST}zqYE&xNb{|GAs?&b7yOKFQ-pU9q9rdJMh$Cb<} zk1M^aBDr|5Uwf3lM^EhO7&(K%g$rwN?a4uOk(c2bEQouNdwqG2!Gq(^$#1~UDBA#x zT_0qB8|Z(vyk_E=6R0BDg$ycZ3L;wrj+F8%+6`D_C) zj5rP9JEi&`wU|w}a=L@JD9pgcdzq+6+#e-yZOczA)eUN&t+`KD)wi-f`}xP~vh~BH zb(JOeO;`d@3C11bVoUBYN4jLe8_$b^xQcCI~(x%CE#* zbhKXNT#S9mMRc7(*PD#9VvSfI^T~Bo=2ae-pH$W(0ZgBLt~)-rRv$3Bs&)S8s+Py% zt6E~1mn>HkgGaI(|d5ewbQ*OWd@32)Rd>1Tat87rDbs`ZCv7nHY4w z0t|KQ2Q4#^^8w&9UEg6sS+$WbPT|-IV7Tvy%D>(MU}=5=>^-v+qH`(#HEV2HLH^jX zJ83;OgzqJ6Xl`S02};<|I%SKl^&>Y~xUybbUh>)bv0mKWOp$d*!UU*~07HGvhYfYB zHr}zAq-`ee)B(G4-w`ta4lIx;`%(}!o@91DOXg#9X;R-T;Jeogz%Ivxs9A^)19Bg| z`?1Kw;Pw+;D+7r_$t_m@1Fn`mNj1MH2ik}1_hTkoSiAYV0eO#>Cjje8CV4X)i?Lx| zCX54aUi14L;qhd&I;?2us1wfoReJ&0JVj2-Rt57bpMdqc%ilVT&)3Fqn9OUD-pG{v zO2^=Ys+JW5uIG}fThoGYpmPw*#l(?wUwi<=byNRixvfB=ZO%V3dHc|W&i9={ZTtuT zn{MZiHy(x=xRdBaN2u7P;C}D3c#Mkg+tG3z|Mz|*&W2F2MM29&WAl>YtXrzxzQi6# zF7P(qt5bk$qa##oRWwZ-%s~ZgxxsNHn-okj;29&HC5}+B+ju3IM5voITYlE3-sIlG zTOp26v1L(MuS)hrc9a#*i|rzC-N8|yBUJ1hh^?2tznEc5Au)$#e0|g35h}JXoEPO2 eyW+f_zvVAfZ|#0RDWT&40000mysociety-logo-grey \ No newline at end of file diff --git a/public/img/logo-mysociety@2x.png b/public/img/logo-mysociety@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..7693066c41931ce99e40871af158d7f8ddfa6316 GIT binary patch literal 5207 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⋘IWw&hvu=}JuupY3n?NFU@W>qz#A>f$K0aDx`eui4%#vi1XMK#OcB>BOg zi!|%wHvl?&{OsTGxEN3YkylIrSK=ttL{=V5H?O1`Jt=@e6Ob)J-dZ!?TYQfNEnnnS z4M36}8Nhf4Y$g#Tgx}#uAj#C-W>!t9tUGyfW$ndNs*``X2nnx1 zVcqz~A2+=2l|A;l;pO<08(tbW_Qp3RtplWkQ$N(POTX8K1=@w&OWI)wD01edYPzJ^ zJ`-v~4==zlI4k^`QP%>apu&RcoSYx<-|qs-7w!gYxO4FZ#% zfrA`SH``VEz2u4!`lL;DRQK?Sfd77!3t$>kzCtPI_ic}5@S;^4^}BczT#cLj1Ry_C zs%wwpfRzn`+JitQYTnpq2L!A}@G@Qh(%3J#Wd zRWZV|T}?&sPw;%a8xZJMniPBJfdNdO@)dlW8ss;@8=|Idu6lZy8B88K&>1I!PH7Bb zQf2MuegTY48(2RONZ0i*kG-CQl@GMU#+?8p;nWq)O1$mdRVlD8q}&Zw#rfpj>+RtZ z*BZz4IFLng`&%Zu7MMKcD^Oe2lc8+m0-f+AoWd7gfS&nCZ?+IB9)= zOlhPDw83X8m*{?2paNEt>Ar`sgH%XyQdMF_Pym}+S+^e$E1kEbsC3SEkCo0{*o8;0 zbnbU8a6|lQZ+#$k-AnNYf&v)E#_EA|aE3Ndu^WDKFI0j1T%7MosszoMTp@ zzem}HWNL;@b&*8PeB5eCV;KGvbL&j)P*j1(aa>M@HvxgiVOi!Fr;hZJHG&^i<(8Rn zhq@k51q$Iz)7{5SdpA8gfPpmSYbEzfO3AQ@1MDF{lF3!I^LztXRc-TBl-L0pxS(ls z1g*v3L579%fdDP1_-R1_4C7$qfpl?8Nhl>0*2_`1z~mx*Ry3R3?9zRyzx$Cs&O=mP zeb0xS`z3Gz41?VUC;0F7ll$!9u{9ta(}vXVf?(AEUM2*$!+==XoJH4hu<|u;@t#1l zKODdA^)JOg$lm&jKMrI_NY)K)g-;{2T+oKu#5X1nOzs7wAb>4=H7J0U z&0Tmg5KF$g$5t53{};6VU+{{r#`A#@88O_3P+#yrx9&$+^X-sU;jq3nq!noJ_LIArKC|&L6`>l7w zOYweBd-2}_<%;u|;8Tm|>>p8%f%(*w`w=|L5+TYl%?t7WnE@1rS~9dy=kl6c1C8Zil81S2Mw@@g zxui?Y`pFe4EWxyXZ?0pm%H@8dc`-G?11bpa2GkuY7W~*3t*Vti0qhOTK>ik}+n^h- z(g<#V4>a?|K8Bm{x(Pu`z&KY=y4G^d-%?{ye}`EHn;SR5%e=u3x8^MEiCL+79?im* ziXU+@EKpB+E)KZ-K?!@(l>tRXCDm5qc*gRcnQ9l7393b~8z-g8GfvS# zD{K!0v4t5kkk6Fgza$2fPY4QIrllK9#N*+rY|S40xd~hD}0o8HTKA9`P3or#J92dZ5fM>V$l7L-0p4O{f!w0cmh!V5$J%83yHZp4VHI?>LTH^LUHYt1&D{=>ixR za>I$e)o>woqgKTU$8q*hIh1V%3D~b|4&1vzeA99{ob;$ykH~SH5an_f+un*$Jy|=M zl(FH`E&6439mmPsSxE4c`I=of2BurcZKYYM9LI6e_jVL~6IDK?db0KscGqT~h5Kf3 z97mef=jyJ!+zTiQ>dD#*C$S`;%Xm}x^{JDz;>#3 RW@!Kb002ovPDHLkV1ggN`p5tP literal 0 HcmV?d00001 diff --git a/views/layout.erb b/views/layout.erb index 955fba9..09fb739 100644 --- a/views/layout.erb +++ b/views/layout.erb @@ -56,5 +56,68 @@ <%= yield %> + diff --git a/views/sass/_mysociety-footer.scss b/views/sass/_mysociety-footer.scss new file mode 100644 index 0000000..a328ef4 --- /dev/null +++ b/views/sass/_mysociety-footer.scss @@ -0,0 +1,284 @@ +// Standard mySociety Footer v1.0.4 +// https://github.com/mysociety/standard-footer + +$mysoc-footer-background-color: #fff !default; +$mysoc-footer-text-color: #333 !default; +$mysoc-footer-site-name-text-color: $mysoc-footer-text-color !default; + +$mysoc-footer-link-text-color: $color_green !default; +$mysoc-footer-link-hover-text-color: darken($color_green, 10%) !default; + +$mysoc-footer-site-name-font-size: 1.5em !default; +$mysoc-footer-site-name-margin-bottom: 0.5em !default; +$mysoc-footer-site-name-line-height: 1em !default; + +$mysoc-footer-border-top: none !default; +$mysoc-footer-divider-color: #E2DFD9 !default; + +$mysoc-footer-donate-background-color: #F3F1EB !default; +$mysoc-footer-donate-text-color: $mysoc-footer-text-color !default; +$mysoc-footer-donate-button-background-color: $color_green; +$mysoc-footer-donate-button-text-color: #fff !default; +$mysoc-footer-donate-button-hover-background-color: darken($mysoc-footer-donate-button-background-color, 5%) !default; +$mysoc-footer-donate-button-hover-text-color: $mysoc-footer-donate-button-text-color !default; + +$mysoc-footer-legal-text-color: #6C6B68 !default; + +$mysoc-footer-image-path: '../img/' !default; +$mysoc-footer-breakpoint-sm: 768px !default; + +$high-dpi-screen: '-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi' !default; + +$grid-max-width: 800px; +$grid-gutter: 2em; +$grid-breakpoint-sm: 3000px; + +%clearfix { + &:before, + &:after { + content: " "; + display: table; + } + &:after { + clear: both; + } +} + +.mysoc-footer { + .container { + margin-right: auto; + margin-left: auto; + padding-left: $grid-gutter / 2; + padding-right: $grid-gutter / 2; + max-width: $grid-max-width; + } + + .row { + @extend %clearfix; + margin-left: $grid-gutter / -2; + margin-right: $grid-gutter / -2; + } + + %col { + padding-left: $grid-gutter / 2; + padding-right: $grid-gutter / 2; + min-height: 1px; + } + + @for $i from 1 through 12 { + .col-sm-#{$i} { + @extend %col; + } + } + + %col-float { + float: left; + } + + @for $i from 1 through 12 { + .col-sm-#{$i} { + @extend %col-float; + width: (100% / 12) * $i; + } + } +} + +.mysoc-footer { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: $mysoc-footer-background-color; + color: $mysoc-footer-text-color; + padding: 2em 0; + font-size: .833333333em; + line-height: 1.5em; + border-top: $mysoc-footer-border-top; + + @media (min-height: 700px) { + padding: 3em 0; + } + + @media (min-height: 900px) { + padding: 4em 0; + } + + *, *:before, *:after { + -webkit-box-sizing: inherit; + -moz-box-sizing: inherit; + box-sizing: inherit; + } + + a { + color: $mysoc-footer-link-text-color; + + &:hover, + &:focus { + color: $mysoc-footer-link-hover-text-color; + } + } +} + +.mysoc-footer__divider { + border-top: 1px solid $mysoc-footer-divider-color; + margin: 2em 0; + + @media (min-height: 900px) { + margin: 3em 0; + } +} + +.mysoc-footer__site-name { + font-size: $mysoc-footer-site-name-font-size; + line-height: $mysoc-footer-site-name-line-height; + font-weight: bold; + margin: 0 0 $mysoc-footer-site-name-margin-bottom 0; + color: $mysoc-footer-site-name-text-color; +} + +.mysoc-footer__links { + font-size: 1em; + line-height: 1.2em; + + @media (min-width: $mysoc-footer-breakpoint-sm){ + overflow: auto; + margin: 0 -1em; + + // Line up top of .mysoc-footer__links with top of .mysoc-footer__site-description + $factor: $mysoc-footer-site-name-font-size / 1em; + padding-top: ( $mysoc-footer-site-name-line-height*$factor + $mysoc-footer-site-name-margin-bottom*$factor ); + } + + ul { + margin: 0; + padding: 0; + list-style: none; + + @media (min-width: $mysoc-footer-breakpoint-sm){ + float: left; + width: 50%; + padding: 0 1em; + } + } + + li { + margin: 0 0 0.5em 0; + } + + a { + display: block; + } +} + +.mysoc-footer__donate { + background-color: $mysoc-footer-donate-background-color; + color: $mysoc-footer-donate-text-color; + padding: 1.5em; + border-radius: 0.3em; + margin-top: 1em; + + @media (min-width: $mysoc-footer-breakpoint-sm){ + margin-top: 0; + } +} + +.mysoc-footer__donate__button { + display: inline-block; + background-color: $mysoc-footer-donate-button-background-color; + color: $mysoc-footer-donate-button-text-color !important; + padding: 0.5em 1em; + border-radius: 0.3em; + font-weight: bold; + text-decoration: none; + + &:hover, + &:focus { + text-decoration: none; + background-color: $mysoc-footer-donate-button-hover-background-color; + color: $mysoc-footer-donate-button-hover-text-color !important; + } +} + +.mysoc-footer__orgs { + overflow: auto; + margin: 0 -1em; +} + +.mysoc-footer__org { + float: left; + padding: 0 1em; +} + +.mysoc-footer__org__logo { + display: block; + margin-top: 0.5em; + height: 0; + overflow: hidden; + padding-top: 32px; +} + +.mysoc-footer__org__logo--mysociety { + width: 152px; + background: transparent url('#{$mysoc-footer-image-path}logo-mysociety.png') 0 0 no-repeat; + background-size: 152px 32px; + @media ($high-dpi-screen) { + background-image: url('#{$mysoc-footer-image-path}logo-mysociety@2x.png'); + } + background-image: url('#{$mysoc-footer-image-path}logo-mysociety.svg'), none; +} + +.mysoc-footer__legal { + font-size: 0.8em; + line-height: 1.5em; + color: $mysoc-footer-legal-text-color; +} + +.mysoc-footer__badges { + margin: 0 -4px; + padding: 0; + list-style: none; + + @media (min-width: $mysoc-footer-breakpoint-sm){ + text-align: right; + } + + li { + margin: 0 4px; + display: inline-block; + } +} + +.mysoc-footer__badge { + display: inline-block; + width: 32px; + height: 0; + padding-top: 32px; + overflow: hidden; + border-radius: 100%; +} + +.mysoc-footer__badge--github { + background: transparent url('#{$mysoc-footer-image-path}icon-github.png') 0 0 no-repeat; + background-size: 32px 32px; + @media ($high-dpi-screen) { + background-image: url('#{$mysoc-footer-image-path}icon-github@2x.png'); + } + background-image: url('#{$mysoc-footer-image-path}icon-github.svg'), none; +} + +.mysoc-footer__badge--twitter { + background: transparent url('#{$mysoc-footer-image-path}icon-twitter.png') 0 0 no-repeat; + background-size: 32px 32px; + @media ($high-dpi-screen) { + background-image: url('#{$mysoc-footer-image-path}icon-twitter@2x.png'); + } + background-image: url('#{$mysoc-footer-image-path}icon-twitter.svg'), none; +} + +.mysoc-footer__badge--facebook { + background: transparent url('#{$mysoc-footer-image-path}icon-facebook.png') 0 0 no-repeat; + background-size: 32px 32px; + @media ($high-dpi-screen) { + background-image: url('#{$mysoc-footer-image-path}icon-facebook@2x.png'); + } + background-image: url('#{$mysoc-footer-image-path}icon-facebook.svg'), none; +} diff --git a/views/sass/main.scss b/views/sass/main.scss index 5342958..48c5af9 100644 --- a/views/sass/main.scss +++ b/views/sass/main.scss @@ -54,6 +54,7 @@ body { @import 'typography'; @import 'components'; @import 'header'; +@import 'mysociety-footer'; @import 'content'; @import 'home'; @import 'messages'; From 891f5801b56379b8c593b9eb61a9eeb0e0745646 Mon Sep 17 00:00:00 2001 From: Martin Wright Date: Tue, 7 Jun 2016 11:59:05 +0100 Subject: [PATCH 4/6] standard footer now only appears on the homepage (it breaks the game on the other pages) --- views/about.erb | 2 +- views/footer.erb | 63 +++++++++++++++++++++++++++++++ views/home_anonymous.erb | 2 + views/home_loggedin.erb | 2 + views/layout.erb | 63 ------------------------------- views/sass/_mysociety-footer.scss | 4 ++ 6 files changed, 72 insertions(+), 64 deletions(-) create mode 100644 views/footer.erb diff --git a/views/about.erb b/views/about.erb index 06bdcfb..c9c9086 100644 --- a/views/about.erb +++ b/views/about.erb @@ -9,7 +9,7 @@

Frustratingly, it’s difficult to provide an answer for these questions, because the objective data just isn’t there.

-

The closest thing is data from the Inter-Parliamentary Union, but that can't be used for this kind of in-depth anaylsis. They simply provide a total for each legislature, rather than data on individual politicians — plus the figures are self-reported, not always up-to-date, and only cover member countries.

+

The closest thing is data from the Inter-Parliamentary Union, but that can't be used for this kind of in-depth anaylsis. They simply provide a total for each legislature, rather than data on individual politicians — plus the figures are self-reported, not always up-to-date, and only cover member countries.

For advanced insights, you need rich data that can be sliced in multiple ways. So, alongside politicians' gender, you might also compare by age, or party, or voting records, or by many other exciting factors.

diff --git a/views/footer.erb b/views/footer.erb new file mode 100644 index 0000000..da4c7d3 --- /dev/null +++ b/views/footer.erb @@ -0,0 +1,63 @@ + diff --git a/views/home_anonymous.erb b/views/home_anonymous.erb index 7575212..9b61ad4 100644 --- a/views/home_anonymous.erb +++ b/views/home_anonymous.erb @@ -41,3 +41,5 @@

Header image: Mark Twain visits Parliament 1907, CC-BY-NC UK Parliament

+ +<%= erb :footer %> diff --git a/views/home_loggedin.erb b/views/home_loggedin.erb index 3e172b4..cc29024 100644 --- a/views/home_loggedin.erb +++ b/views/home_loggedin.erb @@ -36,3 +36,5 @@

Header image: Mark Twain visits Parliament 1907, CC-BY-NC UK Parliament

+ +<%= erb :footer %> diff --git a/views/layout.erb b/views/layout.erb index 09fb739..955fba9 100644 --- a/views/layout.erb +++ b/views/layout.erb @@ -56,68 +56,5 @@ <%= yield %> - diff --git a/views/sass/_mysociety-footer.scss b/views/sass/_mysociety-footer.scss index a328ef4..d13e25b 100644 --- a/views/sass/_mysociety-footer.scss +++ b/views/sass/_mysociety-footer.scss @@ -45,6 +45,7 @@ $grid-breakpoint-sm: 3000px; } .mysoc-footer { + text-align: left; .container { margin-right: auto; margin-left: auto; @@ -179,6 +180,9 @@ $grid-breakpoint-sm: 3000px; @media (min-width: $mysoc-footer-breakpoint-sm){ margin-top: 0; } + p { + margin-top: 0; + } } .mysoc-footer__donate__button { From 07e88059e54cc806b7179577fcfa198772b659fb Mon Sep 17 00:00:00 2001 From: Martin Wright Date: Mon, 27 Jun 2016 17:01:53 +0100 Subject: [PATCH 5/6] add UTM tags --- views/footer.erb | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/views/footer.erb b/views/footer.erb index da4c7d3..c3de4c3 100644 --- a/views/footer.erb +++ b/views/footer.erb @@ -27,7 +27,7 @@

Your donations keep this site and others like it running

- Donate now + Donate now
@@ -39,14 +39,14 @@

Built by - +

-

mySociety Limited is a project of UK Citizens Online Democracy, a registered charity in England and Wales. For full details visit mysociety.org.

+

mySociety Limited is a project of UK Citizens Online Democracy, a registered charity in England and Wales. For full details visit mysociety.org.

From a3d68f74ebcddec2dc3cb363c59720e0d5a72279 Mon Sep 17 00:00:00 2001 From: Martin Wright Date: Thu, 30 Jun 2016 15:12:37 +0100 Subject: [PATCH 6/6] updated wording --- views/footer.erb | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/views/footer.erb b/views/footer.erb index c3de4c3..1fc57ce 100644 --- a/views/footer.erb +++ b/views/footer.erb @@ -5,7 +5,7 @@

Gender Balance

-

Crowdsourcing a single, reliable source for gender data of politicians in every country in the world, and for the world as a whole

+

Crowdsourcing open, reliable gender data on the world's politicians.Gender Balance contributes data to the EveryPolitician project

@@ -16,7 +16,7 @@