luxolus
/
open-consul
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

Merge pull request #7716 from hashicorp/mw.add-alert-banner 

website: add alert banner
This commit is contained in:
Brandon Romano 2020-04-28 09:45:20 -07:00 committed by GitHub
parent f5c1e5268b 86490107c9
commit e53b5d2d10
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 38 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
website/source/assets/stylesheets/_alert-bar.scss Normal file
View File

@ -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;
}
}
}

1
website/source/assets/stylesheets/application.scss
View File

@ -26,6 +26,7 @@
@import '_global'; @import '_global';
// Components // Components
@import '_alert-bar';
@import '_header'; @import '_header';
@import '_footer'; @import '_footer';
@import '_inner'; @import '_inner';

6
website/source/layouts/_alert-bar.erb Normal file
View File

@ -0,0 +1,6 @@
<div class="alert-bar g-type-body-small">
<a href="https://www.hashicorp.com/products/consul/service-on-azure">
<p>HashiCorp Consul Service on Azure Public Beta Available Now</p>
<span class="link">Learn More</span>
</a>
</div>

2
website/source/layouts/layout.erb
View File

@ -47,6 +47,8 @@
<body id="<%= body_id_for(current_page) %>" class="<%= body_classes_for(current_page) %>"> <body id="<%= body_id_for(current_page) %>" class="<%= body_classes_for(current_page) %>">
<%= partial("layouts/_alert-bar") %>
<%= mega_nav :consul %> <%= mega_nav :consul %>
<div id="header" class="navigation navbar-static-top hidden-print"> <div id="header" class="navigation navbar-static-top hidden-print">