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 0000000000..cfe350145a Binary files /dev/null and b/website/assets/images/icon-emoji-wave-20x20@2x.png differ 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 @@