diff --git a/website/source/assets/stylesheets/_alert-bar.scss b/website/source/assets/stylesheets/_alert-bar.scss new file mode 100644 index 000000000..92fc3080b --- /dev/null +++ b/website/source/assets/stylesheets/_alert-bar.scss @@ -0,0 +1,29 @@ +.alert-bar { + color: white; + position: relative; + background: linear-gradient(90deg, #ca2171 1.56%, #8e134a 100%); + display: flex; + justify-content: center; + + & a { + text-decoration: none; + display: inline-flex; + color: white; + padding: 14px 15px; + + &:hover { + text-decoration: none; + } + + & p { + padding: 0; + margin: 0; + } + + & .link { + margin-left: 30px; + text-decoration: underline; + font-weight: 500; + } + } +} diff --git a/website/source/assets/stylesheets/application.scss b/website/source/assets/stylesheets/application.scss index 4ea8e1a21..0564d9044 100644 --- a/website/source/assets/stylesheets/application.scss +++ b/website/source/assets/stylesheets/application.scss @@ -26,6 +26,7 @@ @import '_global'; // Components +@import '_alert-bar'; @import '_header'; @import '_footer'; @import '_inner'; diff --git a/website/source/index.html.erb b/website/source/index.html.erb index 88b518e03..7a41b3561 100644 --- a/website/source/index.html.erb +++ b/website/source/index.html.erb @@ -2,6 +2,7 @@ description: |- Consul is a service networking solution to connect and secure services across any runtime platform and public or private cloud +show_alert_bar: true ---
diff --git a/website/source/layouts/_alert-bar.erb b/website/source/layouts/_alert-bar.erb new file mode 100644 index 000000000..ba017fb76 --- /dev/null +++ b/website/source/layouts/_alert-bar.erb @@ -0,0 +1,6 @@ +
+ +

HashiCorp Consul Announcement

+ Learn More + +
\ No newline at end of file diff --git a/website/source/layouts/layout.erb b/website/source/layouts/layout.erb index 960b1689d..196ec693c 100644 --- a/website/source/layouts/layout.erb +++ b/website/source/layouts/layout.erb @@ -47,6 +47,10 @@ + <% if current_page.data.show_alert_bar == true %> + <%= partial("layouts/_alert-bar") %> + <% end %> + <%= mega_nav :consul %>