From 8990921ba95e82b2d9e77730cf37ebdc6772aa63 Mon Sep 17 00:00:00 2001 From: Olivier Lacan Date: Fri, 19 Oct 2018 19:08:42 -0400 Subject: [PATCH] Replace outdated Rails Guides logo MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The previous version wasn’t matching the Rails Guides logo source file listed at https://github.com/rails/homepage/blob/master/materials/rails_guides_logo.psd somehow. It was also a GIF when an 8-bit PNG results in a smaller file (2KB vs 4KB) which should be just as widely compatible with browsers. And that’s just for the 1x version. I added a new 2x version for “retina” or high-density displays and a CSS @media query to progressively enhance with this high density version of the logo. I’ve ensured that this query is supported across browsers by using vendor-specific versions when necessary. See: https://caniuse.com/#feat=css-media-resolution [ci skip] --- guides/assets/images/rails_guides_logo_1x.png | Bin 0 -> 2340 bytes guides/assets/images/rails_guides_logo_2x.png | Bin 0 -> 3107 bytes guides/assets/stylesheets/main.css | 15 ++++++++++++++- 3 files changed, 14 insertions(+), 1 deletion(-) create mode 100644 guides/assets/images/rails_guides_logo_1x.png create mode 100644 guides/assets/images/rails_guides_logo_2x.png diff --git a/guides/assets/images/rails_guides_logo_1x.png b/guides/assets/images/rails_guides_logo_1x.png new file mode 100644 index 0000000000000000000000000000000000000000..8c6810c3123b5ae7c9fa73669683851a3ffcfb6b GIT binary patch literal 2340 zcmV+<3ETFGP)oc;Ov@XN@>FeS)4G3c$S z`RVBX{QUp@{q)w<-;RjJF(=7BH2Lc3?Z3O}udCdHeCDK|{Pgtw_xAG7%+Xm;)oNnv zxU}c0rpiDz`|$Ak?(N!qb@9&2|Nj2(#>31>KiPP2$2BVY?d;ihZ~gfA($MwV*y*yZ;ggN^+u7fXg~l`~$2Kh9iGuv~_0U&N z>$bA^<>c3IXUI4$_1)Xyl#a?mIP12v>9DNpx3lob#q-qB%0D&KWL)2kht5t#(_&fn z-`>eRGwr>($2TqW)6w_js@i#S?7X?;o|*I2)99_J(p*#KrlHhj zUB)se`|$7WzPje5p!w+M-;9RGHY>Kk^AjE;?uMpX?nqICjl5|h-G zH#I$jplCNRJ2#fWkog5DL_{NGk$RSv(Yb<<2KKM60a)MYVbCU&A&R#A!R~G9*xAk6 z+j8wAZPB#h(u@7eckdu`ii z-`ciq+w4r%NONu5wspS$^4Y>u9~xYdD3*mY5stP zhNys`huh0$JO0qiZQiwf=nAln%m$5@WHa52*4_iylTDirh4cid4o$PA4 z#~x6HiR}yIDz>nLjU9UKV%H{TlklQjY$}APon*J`Mc3H7iHWV`IJTdO&1}finv=6a zGxogV7W)MNdnxAgsav;Jp_q4EV}HoS)^ZnH;9|#y*r%B&@TC0*iXrMCF{U4)O^0o< z7Z%j@p_qff5fT=61n^>O65ex--Gg+KUNdPaWt5~ITiivl#nuqRY{;`dq{3^C9>Z~R z_A|y3ov_6|3B#Kt%mq%8unM}ODaRJqZG|j9cJ7_}oQP(>eTo>Tah#|d7rPG$uZ!3s zui@E?y-yP&D!ghtksfm}F)CtODH_hjK0`u{%wwM=U6m<@FV3BR9I=C%z)bP{3cP76 zMXj3nB{5zHde{Api(Qk1wwcGCLKY3W4Y0+I1QXPp#EyeOWmaIk=j#josWHY9=S2YT z_F`fmEk%aU2W1}nBuUy|lwynj1mzLL#=d~fC3w{3ai~g+FCoaWuWXIlNijW;dF-O~ zNpf}KV~(u^Z1(x!Ro95qfQfB&-4uJ#Nkhu9apNXQ4m{@Ahy-jR@T#lCnVm}PB1J`P zNs6)YMo+T3^|)i>(!PKs46iChoGK~AzTE{`#m0-j4xGASLxV3jZ1_^#?(hXIr?EB2 ze32bNVV}om-LDg?fNSh8yA444u^C&*AZ64&%Gl4<5=#?e?Q)6TVEYXqKlU@EB(bXC z@*7NS;ZDm(9NVuL>?Jit7q-Wi@1ogahm{2NIg9-U@!H@n4Zc^~7JIf_JDu2HZcVs| z4p&V+H%$SwfCIfvC}4L#i(kDEG}{*+(3`pv?`JF`qMEkY4}OsUIQ#7q9(T3Coi^_YR6;$@tPr<*i+brt^4*_v7oxg*3yct z!kZcpkMJiEeLm3^8#hW=Yx65;>BcU65MZL_G0%c9Tx0J;IrqAeM225{uoT$1z zwp=@Ru`3}a%q(lEp@5a&=NdbtrXE`i=t+Ok!#n^`eahbsu`%zaxpuB%S6POH9oAkE z#HjnM!F+Iwy-!8zvBiL%^bbAEzYrW^W52m}PGUD`^xry|JgVFu+x~2LJ#70000004xPGUz$fFau`wo0000< KMNUMnLSTZ5Tkp>R literal 0 HcmV?d00001 diff --git a/guides/assets/images/rails_guides_logo_2x.png b/guides/assets/images/rails_guides_logo_2x.png new file mode 100644 index 0000000000000000000000000000000000000000..accc6bbfa4cbae1d241aab9a663b2e7ad87cb0bc GIT binary patch literal 3107 zcmai0c{J1w7arSq8!$!dPa6NEw22=iKw0bDwk1^T$oJwK*pYI|hS5Ai@MZ?ji)j z2k!Iizxej6S2Ch@zctueUp8;kQk;vVu0Bp4^>UpG@mr)tFF#E9*WdG3?48+L*Z21E z=g*&=oo&`i_Zj^i_BwlLaL|d^u6=xCWO!@t$L=Qg_u@k5NzD$78h3W4>y*x7b;U|6 z<9lxA2sP+uY2oPY5bor}FW?_$9sQdxY54lJ9|bwnk5i@|C2ow5uJ&|&^>Chjl0F_2 zF_9EE_o{%^**5HE*MHe+ZJ>|U-8mLXUHVwxZ*S9WZq$P}=_8m<#7Fg7n@wjt9I(X) zuR1G0AVTs4+?mU_+?fA%gh(13<)1RqM{A?!|H-XtSlM%Mma0@tN_T|{TUL$#d02CE z!#$q=IO>1nE$0Ujk#FYjH zN0GG(Rc)doiL~6%Um-~_WSSk9|6@pq;X-Tgsd9lWv{B&aelQu$=($G;Fp_A&5oZwcblfAh$1td@jp{F;f@D61!{|L>Y&mc>U6hGwFyqo zj$J)jBGGtBXcdF|-q-J_XSJGjNryJJt~xYlpr2*HIg6vC3|>}EV=M{MuP2SYpK=re zeX&#dw76AiEc<2yeFN=ZnV=Dn8A7Qu(YfRGhIJk%ljA8~-X7**==Edh^VM`I537XN z2UlJPblV4P9)IETc&XhV@$bP!6%7Zqg&Qq(o<1RfXhP_$lxb_vpP-}5&lCV(v z$nC$*aqp{ZpF*awyglNU2hD9e3T2tOB*C`|W&9eO@~9N-lOuiG!}{P_vh;aaCKIzS z)$B64$K%SL9_YN@b#N+?Ha;>2O+9M(lu-(_e^K2RlpaAi8M0)X%2p%o%yD0utIHp+ zx>;_^G}7>oMcN_hG@tFwl(C`d1X}V>IVcN}HXynauHxX|1V{cFIKw|xY?1ziwIq;7 z!~1T|_bAwYb}%%%l8DC%`aqm8nMaCLkhO1O4_aN)yg?+Qbe{9&y!cwSmRCi4l_}x| zd@0fPpW2&s=PXyNUkMVLV)1|YiX+;Z_J)lO*$gemc)hOO`XjrT`%oHMdU_`Nos>)8 zPD8PHpEkQq*YvsuogQ4{+k}A0+sRq;v$AeXZA7PC^kr~)&0a($JF3d6-mC2BO-&U~ z(HJ$N#q^?HZy9CO14I3TNzgEPzN^=oo+F?f#OM>Zz^2dyH;$bz(hChqvOv!+xbZ)L~@o%aN$O-_Q6`(jCqPuElBC ztw-^XmA65UV)JQQ)29BXhA2ylReyfYMvp&0FQF!9Ww1$S!u!G#Rh60o7s6LbizzHY zpyj?>FgUJzG5ihVh_kYEb&E`)r_DJ(a(Nw155zQ}fwq_)fY10y%bfZQ7@OZ@vHm4G z=-(UYhG|PBX7vNyzNQG+kW*lqmY<^ZnOjO4QYt1*{ujU{pV@2L7FM9Z zm4H{xLoi`yxK5J@`%}wY9llrqMw*qzji?N}2s4FVHPhKwTgrUyx$duD7A6?0MjMB9 zek97OM>ptp0XYH*Z-csk_u)Utp#h53L|)0`-`idkzUJj%(#iQ^($vQX$4KCZ`k1Fe z5IzB*o}HBl1FZ}x4L<>l4kd-Wu12ZQZi)!vhJrN;K^LlM}Ocy_$5XrY4zWLUM%lX*Lau$b?#==1IGwh@4=k66hj>r#qqa@pLG<;P<(+!qnP8GG^WCxRiujPW1{~xF zq~GGI)_}rVc_*-h%1!#LJwy@hKDHyv2>f}jM9}s{jqCU4E4Z&k`uVa>+j}%%US)0` zVzi;ajoMpN=XVx;S!Q1v^jt4^n0G)vJ*jBoHcd!}LR76w6=Wg{hZ@;GNC||1_506` zM7ml*yb>2@?KOl*abK-LALH31*qFo%TYYg5-OBz@dzfOZ`c@AxYq(fhJMg@3PiX|WTT=+YoZ^tpPf^e=Z3YYktGsxa2qXKOB4TuvZ8qR8>I8wDkb I%upF@}rpS zwWwCOZ-TlOWf@vk{ddv)eRecRY0ET6zs|%^Zxq z;eDNt*FssC5gtRzz(yBI(6*#T(|cJ{XMV5l$$eo-Eg}_3zG;Ti1PAnt>&+_MrFK;c2}aaXr)-~7ZHwUq$LfszcBvoj4-rRjD;sPGc9|M~67r6!&O`_FqbdixEw ggX}D}&;Ku^mS31&EwrrM&jJKOFt@>#oh8Nm2V`U2=>Px# literal 0 HcmV?d00001 diff --git a/guides/assets/stylesheets/main.css b/guides/assets/stylesheets/main.css index d6897aae03..bdc3e21977 100644 --- a/guides/assets/stylesheets/main.css +++ b/guides/assets/stylesheets/main.css @@ -538,13 +538,26 @@ h6 { #header h1 { float: left; - background: url(../images/rails_guides_logo.gif) no-repeat; + background: url(../images/rails_guides_logo_1x.png) no-repeat; width: 297px; text-indent: -9999em; margin: 0; padding: 0; } +@media +only screen and (-webkit-min-device-pixel-ratio: 2), +only screen and ( min--moz-device-pixel-ratio: 2), +only screen and ( -o-min-device-pixel-ratio: 2/1), +only screen and ( min-device-pixel-ratio: 2), +only screen and ( min-resolution: 192dpi), +only screen and ( min-resolution: 2dppx) { + #header h1 { + background: url(../images/rails_guides_logo_2x.png) no-repeat; + background-size: 160%; + } +} + @media screen and (max-width: 480px) { #header h1 { float: none; -- GitLab