From e2152cd198f2b3d173a9a25747cf4304ab8733a0 Mon Sep 17 00:00:00 2001 From: Eric Date: Mon, 3 Mar 2025 19:14:55 -0600 Subject: [PATCH] Website: Add homepage banner CTA (#26796) Closes: https://github.com/fleetdm/confidential/issues/9802 Changes: - Added a banner CTA to the homepage --- .../assets/images/icon-emoji-wave-20x20@2x.png | Bin 0 -> 2099 bytes website/assets/styles/layout.less | 12 +++++++++++- website/config/routes.js | 1 + website/views/layouts/layout.ejs | 9 +++++++++ 4 files changed, 21 insertions(+), 1 deletion(-) create mode 100644 website/assets/images/icon-emoji-wave-20x20@2x.png diff --git a/website/assets/images/icon-emoji-wave-20x20@2x.png b/website/assets/images/icon-emoji-wave-20x20@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..cfe350145abd4326738aec5248ee27c0c3fea8a6 GIT binary patch literal 2099 zcmV-32+a41P)z;zU2Vq)T=C%A#{>w%9!8!WEGWfqO^0y@KvLNiN8{e84=cE+<%u4mXJ^RHv^SLzb zuPO7lCgGO}*^37H$VUCiLG-&g_`o&%#4`51G4#4I`ob^nvM=SL9^R1%{m@wa$U*S6 zH1xSE=cXa%qaop(8r_!}>8KdzrWE6x58spt{mxSIwk+zaBITeD;+qT3eFoi*1pCfb z`^ruJ%tz>|E##pY+L02+b_K+81cSSR(EtDdo^(=9QveVJd<_Z-2Jqc$DIxy-`1tqg z)0#{{J2y8qE+iTf{`mIu-PzO7p?P$3Z)jIb9vmF~{rvg)_VV!R=jY|*+9<0L_t(I%axR6 za1&7wfVY7_X{k}Cg1fuBySux)ySuyRE_WAqw6> zP(cDBYZN=TUa>}C+#U_e*>RgR{dbjSt5tnmO4>;u*6{8`QpJu}l; zT6;*15oIz|Aejl!rWPz;)dm2fC+!^4lHxHJ1!c+vLQ{)n8#5E)uW+952=g;%cKm}QYs)Ltn-`eZ+mXEomGu>XxfPk?vt-cn2;%FM& zI`gDJD>O9&Hxo-Ox%&Jq)!p$LIFH6ziWxb+Dl-)zPlG$#taayXr_|Xh-v7)0@ zEh5bc9ScyFyy=pj_wRCqU2cMt9oBnA=58y&%}9w1MQu%E_LbSV>h!UpL1{FNqE9>L zr3PAs4_+UE3YK_FWGt4gY3;!e({aq&toai?!d2{w0l4xg&z4oz8h%pOTOvf6wo$kH zX1>JO4~}(9PBq_-)LBa$DA^uBMQF=hD)433y9w43#JX#)F` z+VG2ofv@g~(8Ok;LHAP`QjASQ(0HvDB~)y!@o^;lMrhzG11c&AnbSF+9mm5-kHzA0 z$UlSf;jbL8AD!eox3eja!B$Q=_viy%#SpVttavd_rxP0G>xrIc8<1dVFndnDjF(d8 zg8`rKs-#Sm^iTw&(=o9^vKJ~?kZBNeB`sQa%D2!ssTQ0;W=JBUspxdRNFf>E>6dLL zfmUmt(yCKNDgz_fG$tZaBM6htqtjJLqPd4#Ya0RA0wwZ7jWXntf2oDfCm2i;4u>YK z5FN1qQBiQANlge1N|vKY(fH>6X&9d@jvIpK$}#D2G{Es%HK}CF!9wrk5*AuCdSnJ0 z!=yNy;S_NdFAg^tC65;av?n_#ykQu5i@l#Jxk!4kfhHvg0(S*v5EzaW+LIlm2(#)( zfY17HfMtzS6dIA5$slkkAtfVn5H*LU7ASQo^;~y2u3vlbY3Kv6VsMH=z(p`VL8d8X zGss$UxrNH4XU}_s6YB7R?IEJcZh)2hpJ$b5a2}5r$BW}*46#<2Xe7Pz)8N8uc)tjM zaA!RyyhySke7ci3KCUiQ+I7#~maqQ#dZ;JrPp+6AQ*(3z4xi@~F&?{^+N zv~4mS+_dsb5+FFH;uADYiP7o38$U8&)b0Bv zOOYs77?Ygdw*#d27di~hd8*STKTUaC?$>o1rK&+bt!qwpc6Pbn_hEIRYC1F@)4%`F dQ;XpL`2i4k7VWPFoqPZQ002ovPDHLkV1mx35m*2K literal 0 HcmV?d00001 diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less index 9d65c5c1c6..cf6a97b9e8 100644 --- a/website/assets/styles/layout.less +++ b/website/assets/styles/layout.less @@ -218,11 +218,17 @@ html, body { [purpose='header-ribbon-cta'] { - background-color: #7487C2; + background-color: #0587FF; + padding: 12px 8px; + img { + height: 20px; + margin-right: 10px; + } p { font-size: 14px; line-height: 20px; color: #fff; + margin-bottom: 0px; } a { font-size: 14px; @@ -230,6 +236,10 @@ html, body { font-weight: 700; text-decoration: underline; color: #fff; + &:hover { + color: #FFF; + text-decoration-color: #FFF; + } } } diff --git a/website/config/routes.js b/website/config/routes.js index ebab152fcf..3f60616618 100644 --- a/website/config/routes.js +++ b/website/config/routes.js @@ -17,6 +17,7 @@ module.exports.routes = { action: 'view-homepage-or-redirect', locals: { isHomepage: true, + showHeaderCTA: true, } }, diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs index dd5ae9453e..32f2e12703 100644 --- a/website/views/layouts/layout.ejs +++ b/website/views/layouts/layout.ejs @@ -5,6 +5,7 @@ var me; var isHomepage; var currentSection; + var showHeaderCTA; var hideHeaderLinks;// Hides the header navigation links. var hideFooterLinks;// Hides footer links, reduces the height of the footer to 60px; var showAdminLinks;// Shows links to admin pages to admin users. @@ -131,6 +132,14 @@