From 65daff16cf7ecc07c493fb5054e71748f39544f2 Mon Sep 17 00:00:00 2001 From: Lucas Duailibe Date: Mon, 13 May 2019 16:21:45 -0300 Subject: [PATCH] Add Tidelift banner --- website/pages/en/index.js | 9 +++++++++ website/siteConfig.js | 2 ++ website/static/images/tidelift-small.png | Bin 0 -> 5125 bytes website/static/overrides.css | 17 ++++++++++++++++- 4 files changed, 27 insertions(+), 1 deletion(-) create mode 100644 website/static/images/tidelift-small.png diff --git a/website/pages/en/index.js b/website/pages/en/index.js index c8d5821f..4249825b 100755 --- a/website/pages/en/index.js +++ b/website/pages/en/index.js @@ -40,9 +40,18 @@ Button.propTypes = { children: PropTypes.any }; +function Tidelift() { + return ( + + GET PROFESSIONAL SUPPORT FOR PRETTIER + + ); +} + const HomeSplash = props => { return (
+
diff --git a/website/siteConfig.js b/website/siteConfig.js index 4da3185f..05b526f0 100644 --- a/website/siteConfig.js +++ b/website/siteConfig.js @@ -29,6 +29,8 @@ const siteConfig = { users, editors, supportedLanguages, + tideliftUrl: + "https://tidelift.com/subscription/pkg/npm-prettier?utm_source=npm-prettier&utm_medium=referral&utm_campaign=website", /* base url for editing docs, usage example: editUrl + 'en/doc1.md' */ editUrl: `${GITHUB_URL}/edit/master/docs/`, headerLinks: [ diff --git a/website/static/images/tidelift-small.png b/website/static/images/tidelift-small.png new file mode 100644 index 0000000000000000000000000000000000000000..9c28518eda9921ef80b2452d7f9b6fb020273662 GIT binary patch literal 5125 zcmeHLc|6qX_a8$UgozSmnL%kW#+plL>{$mTM)oCSne1bPnQ}Fmgy|w0L<~_z z_Gq!CK_W3GE`!kU{kZr3?(h5k@B7#HuRE{TJo9{>bDp!j&w0*sK9gi)Z7Rrrm>&cJ z37VZVvIBv*RDd}LvKJUX{DKk%ez?NyObtMlZzSh{2fnN4Fkv8&lHBf>3s-VB5@5ji zUvLa}w6fIp!UidMcw;?%lyE^;0d5dT2d528gM7k0V7Q>b;4p2RuIwKi+Q58w87T|< zgC#sbSJu(W24;v2^?_+9sVgbV>hZ&1Fr85E%i4BECVy=Qo^)mX!o#m>Bau;2QA$y2 zO4v|eq>7f77E)Oisj7+qI1pjc!Qmb_L~xkgpF;jmj*(B8SE&EhaDQwtY*(&_CpIEn zS5|gc(chmx?F{$7{QsJQ!~Sv$a1gmmL8>SzBmb5SY}MIa)kcT<`v97Er?}M zWEd?JQ7C}vz~rZIHz+0A@91;n>1*rh-#PboLS*xF2FD$D&GaR1sg83hj!W;H>W}*| z-}Ra1njzI9ou8I92w$AmQ}iLEPD_9nxCL6^1XMB@f6Q@u^iniAvQ*-kW49@M&3C(l zs*Za)Lh69P2!O|wOxw10?XU1sK82)pmM6Eg903Hjd>d%`1aN)Y$Soe5F@eM0^1!mn_uC_c6u8$V=@bNMPDUu-2b9O zXFIFm-rl_lu=VnMkE@CQWq@}Dn%n#e4d7iU3T|E}w?e4ay<*0)gw`U0^W-8k>^(q7 zTneOn0W7dGf^$a;<=OAniu3zy4}l?{PAb#V&?H7TJsARnx)7krdWIhW@%8*r&-&#h z*UU>(-K9ed7zIE!00EF`~aUa_CTneHHJYDn9T_k$zJ3w5OP@osAq=n&5wX7 zb_8g-d=b~~b{Ji@U+5VCUkM0)(aeaO2TD>zk&N@Dt{8%d=3E99nWVjdZu?2>MuCo~ zr>*bJ#$5rZoyExn$D^WxfYsF?xL9=LV?i#SVA1CThbZvU*?aZRrZsjw${}2&d)V9MAa}> zowdt9-aAed^|?+e>`JwnEIW?p)nw+}9AS4AMTM^z$C(0{fcg9gf^5Ozz8pP%l~@&I zHM02SV4um)G(c&s;?h*j)Jk(Z==~qmsnwo)`l>^6`D7QdOfL12?gC{n{6HP}Dm{u}J1@vY@Wo!eV@oc1j{A6vGx zIpUD*{KGUHIKi<=%fGxxfG_1`?&mqor9FyA*87$yzx%e&a%6kP5ixnQP#FEkkxq4( z`f+t-+0cDA706iEe4*kuGIB$vRxIFDvo`DX@cF(I0VqG4T31VBF1uOVs?LIQHRZQT zo0<&42_r&QYp*I@{b5bpGi==FjRD~u&7aYaDb04%(ccVCys;uc!yXA~3~Zb=9vVhL z?CtwJyP4kH{@Z0=kExG&av20BD@3(dHs5Bt-Iz$E+&NekHRZ3%;jGTg#bwP-L=?H- z3bZ6Z15!@AcZ9a~5aS1aWx7SI#&Kq5?=*G3xV`4AP@Y`p!-7x|xdR7jas@l{x*xdX z+L?KAPG^UYEh?>hD?GOzn!E2@g)<1$tyc<)sN}_cNJkf6S41PX-c2N5h<%6Ff9M?Wcky&=?H^Bi({c4nx*x^bF*b)`4dSu@x%HX zDk;f%BcG)v%nSmzwn1;?#`UKAdRgY;`|(lg%)dS?~;i|AM!r(Eelz6p~7!8;f* zg8YVcfl3w=R#)q(YqJ`5o)*ptI6==;SgqsAb|H1VxiCuQoWr$zMWS!63)C}c zeyn2%>lQ1{8gpRL_Io8Sdx^)`2@ZF8T6Q_vLp=ki8(8^*7s4D?`L?XT34q}$vnt;5 zy<9U6IPv3C0Vxz-M~4@&5vdFTYSK6ZPz*19<;(-Wd@PLNzR4=5;kRy=*Y1n_5_!}b z+5Eevcsg_pRQ1`4QZF2_I_7Ys&c9-7S$h<<7dJQp3x99{s0!WpE7XEz%uW0kA2(Uo z^|Q<)X{YO8^p7?zLA~n}FS=QV^%7dmrBV7zPpH--NA?+#f(T^X`#F~37@#oe$*0Em zH28CuuGE+(LM-+u8k4_i06j4rWJ!zU>BjPE z{kXDoRercTzyAE5M@piTc_XR^3ua3vUYHX$+$o1keu}>~oJ+^1TK(GSaW-Kjkq{7E zSufm0K9ryTq(L|L+40u;*L9>8Z$E=TKJz>1F3Ms<>|--`%8OOD-D1%I?Zksb@9cxX z8RE}AmOs=l6|!X`TFqMhE$Ter2y27cnUI~n!(M~Gh#lk|i#gC-Zh#c-eEz9&Iu-e4 zzo*c*O)a@#nNUJ-2x*jM9#!4nfyjC}0NevWA^xuhR0+!VKu5LE$s^htx1FYM6u0YA zK8x?=;%Pits1IkJyXdmlcI`{7R=Z=|+M^FfQoy}siQ+aGGLsPB^n#Yqk7&4bFY?;X z7YXq|A+m)pVdZ=2eLm3QriIJ4Gm8qgR~`WbKMcy?bD-I|Z|84hS>y`06zSC?Tb zcrr(8e%adQ3>YHL!zPfQy-`&TAM<;!-EMwF7x9%{{q}xg7?0C|0dD7^hZPZI{p6WA z^>D`Z5{BbYbNcD8K!*|Th7wwcizf7>f9!#E=MPu@h;6gjpvsg)&I1>=;2t(1%U(E; zsXB7?n|JOd0pysB!YM);&?ZQ6X=S5__JJ6I1J;8DX^k)SQoJu!-ibBuR)f&R2DlwA z>Jl_D0AQha@@@wyRIfc+5QtEhYc*BO2?;70UM5KOOr|@XfQ=Wfm&gmUZ{SL7ZBGK% z;63ji&RyR5MY}}l=ZZ2s>=p0+_SuED^FQmXfC}E>dtS&|H&*8k12_J=i+|%!%9Q%W zs#4yfcsDMC-r+NIexa!EW;f+91>N0th{C87-y*8@BhEX88xx?+ZcD@mj5G<)u@JV* z+63eA8yA13&0`IEIswVkqZr#|$r~cs-90yhkMpRLrN6Q?j)3D^ z=ZFf30{i+>V?koaJCmK&YPUxStLwnUps#S5TCt2e(zSx0q!x?fU@rc*SrlewzRn(q z3Yw+Sk;%P)IxW>z#w%%oC(_={ScK@AO=#$zMxaOR8WdiQR(QjO@-U$+YRk4Pc z25T|z7Z9r0F#}-`##EJEBbMmf*|$g9;t)Qsq9xja{q#2wyzaNckga85H?)k5gl0*! zB9YfFZSSalMRjD=VT0a~H$7*6WbBKc2ysljVvRy_>yV>${evO+N)Z^nEJ37MDgK-9 zyTLF_!}h&SbsJ4QEpwZBbhyhY`+z|&m&;D8Pc}u!P{k+)h`v@v!+1bd0z>jXbme{& zhue2Fjw_bjT+g9N1PJp{9ar=1~K)W5F_ZTP}DL{X>KjkY>CM+WK8&_6a(qqKk>4pU)kRz zgImR}`Hp&wF>>rAiWJ1`t#*Sfkbrj?wYM48{bg&veEba=X|GoIrApLOFCHXX;E|ak z@?^+w^;6=f5-03fx^=S&X~WWiJZ_b8?cA00>n=fMjKJ*0ufbc35w-`&s`D;88GUkk zcLlZ{UgtiuBKiHp-X_tN-0z|-4~L}ZTxvn5)_G{pDB)Y0(|OtNC3|Q|F{*c8v^6ZM z7e{2D8g+-N(4W>=&jdf41<2PdesS)$*{U|#8a{h)0Ca{V?(QTRS=M?T1>=hL4UuOW z4b_n?PD~nIj3tjG8DD9y6jhsXkf+><8!AYV=bg^i8AUn>ig02>qHBK`^>u8fErvd1 z8A6+nHgW|?tgP;#@0ra I2JYAY1w{j&0RR91 literal 0 HcmV?d00001 diff --git a/website/static/overrides.css b/website/static/overrides.css index 1e6808d7..d1a92607 100644 --- a/website/static/overrides.css +++ b/website/static/overrides.css @@ -16,6 +16,20 @@ em { text-decoration: underline; } +.tidelift { + font-family: Avenir Next, Avenir, Helvetica Neue, Helvetica, Arial, sans-serif; + background: #f6914d url(/images/tidelift-small.png) 10px center no-repeat; + background-size: 24px; + color: #000000; + position: absolute; + margin-top: -15px; + right: 0; + font-size: 13px; + border-radius: 13px 0 0px 13px; + padding: 7px 15px 5px 45px; + z-index: 9999 !important; +} + /* Note: CSS on body bg-color for index page is set inside landing.js, not here */ .post p a { @@ -87,6 +101,7 @@ em { .homeContainer { background: #1a2b34; + padding-top: 30px; } .mainContainer.landingContainer { @@ -136,7 +151,7 @@ em { .mainContainer .tldrSection ul li { list-style: none; list-style-position: inside; - line-height: 1.0; + line-height: 1; } .mainContainer .tldrSection ul li a {