Website: Update website banner CTA (#11382)

Changes:
- Changed the RSA launch party banner back to the Fleet managed cloud
banner
This commit is contained in:
Eric 2023-04-27 12:07:05 -05:00 committed by GitHub
parent 02a2a1e0f5
commit 6cfef3d347
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 50 deletions

View file

@ -37,8 +37,7 @@ html, body {
}
[purpose='header-ribbon-cta'] {
background-color: #7487C2;
padding: 12px 0px;
background-color: @core-fleet-black;
p {
font-size: 14px;
line-height: 20px;
@ -47,35 +46,9 @@ html, body {
a {
font-size: 14px;
line-height: 20px;
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;
}
}
font-weight: 700;
text-decoration: underline;
color: #ff5c83;
}
}
@ -416,18 +389,8 @@ body.detected-mobile {
@media (max-width: 490px) {
[purpose='header-ribbon-cta'] {
a {
p {
width: 220px;
span:before {
position: absolute;
top: 5px;
left: 87%;
}
&:hover {
span:before {
left: 90%;
}
}
}
}
[purpose='page-wrap'] {

View file

@ -136,12 +136,10 @@
<div class="header <%= optimizeForAppleWebview ? 'd-none' : '' %>" 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="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 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 target="_blank" href="https://kqphpqst851.typeform.com/to/yoo5smT9">Join the beta</a></p>
</div>
</div>
<%// Page header%>
<div purpose="page-header" class="container-fluid d-flex justify-content-between align-items-center pt-3 pb-3 px-3 px-md-4">
<a purpose="header-logo" href="/">

View file

@ -137,12 +137,10 @@
<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="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 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>
</div>
<%// Page header%>
<div purpose="page-header" class="container-fluid d-flex justify-content-between align-items-center pt-3 pb-3 px-3 px-md-4">
<a purpose="header-logo" href="/">