mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 17:08:53 +00:00
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:
parent
bb2fbbdd38
commit
5abff8cbfc
2 changed files with 49 additions and 6 deletions
50
website/assets/styles/layout.less
vendored
50
website/assets/styles/layout.less
vendored
|
|
@ -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;
|
||||
|
||||
|
|
|
|||
5
website/views/layouts/layout.ejs
vendored
5
website/views/layouts/layout.ejs
vendored
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue