Website: Add RSA happy hour banner (#11267)

closes: #11263
Changes:
- Updated the website's banner to link to the eventbright page for the
Fleet MDM launch party/happy hour
This commit is contained in:
Eric 2023-04-21 12:44:42 -05:00 committed by GitHub
parent bb2fbbdd38
commit 5abff8cbfc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 49 additions and 6 deletions

View file

@ -37,7 +37,8 @@ html, body {
}
[purpose='header-ribbon-cta'] {
background-color: @core-fleet-black;
background-color: #7487C2;
padding: 12px 0px;
p {
font-size: 14px;
line-height: 20px;
@ -46,9 +47,35 @@ html, body {
a {
font-size: 14px;
line-height: 20px;
font-weight: 700;
text-decoration: underline;
color: #ff5c83;
font-weight: 400;
text-decoration: none;
color: #fff;
position: relative;
span {
font-weight: 700;
&:before {
content: url('/images/arrow-right-white-16x16@2x.png');
transform: scale(0.5);
position: absolute;
top: -8px;
left: 100%;
transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
}
}
&:hover {
span:before {
left: 102%;
transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
}
}
}
}
@ -388,6 +415,21 @@ body.detected-mobile {
}
@media (max-width: 490px) {
[purpose='header-ribbon-cta'] {
a {
width: 220px;
span:before {
position: absolute;
top: 5px;
left: 87%;
}
&:hover {
span:before {
left: 90%;
}
}
}
}
[purpose='page-wrap'] {
padding-bottom: 581px;

View file

@ -137,8 +137,9 @@
<div class="header" purpose="header-container">
<%// Call to action ribbon above page header %>
<div purpose="header-ribbon-cta" class="<%= headerCTAHidden ? 'd-none' : 'd-flex' %> flex-row justify-content-center align-items-md-center">
<div class="mb-0 d-flex flex-lg-row flex-column justify-content-center py-3 px-2">
<p class="text-center pr-1 mb-0">Instant deployment with Fleet Managed Cloud. <a href="https://kqphpqst851.typeform.com/to/yoo5smT9">Join the beta</a></p>
<div class="d-flex flex-lg-row flex-column justify-content-center align-items-center py-0 my-0">
<% /* <p class="text-center pr-1 mb-0">Instant deployment with Fleet Managed Cloud. <a href="https://kqphpqst851.typeform.com/to/yoo5smT9">Join the beta</a></p> */ %>
<a target="_blank" href="https://www.eventbrite.com/e/601763519887">Join us for drinks, food, and conversation, at <span>RSAC 2023</span></a>
</div>
</div>