Website: Add Fleet swag request cta (#6070)

This commit is contained in:
Eric 2022-06-03 11:59:18 -05:00 committed by GitHub
parent 61e5733f94
commit cde54312b7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 36 additions and 2 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

View file

@ -367,6 +367,32 @@
}
}
[purpose='swag-cta'] {
display: flex;
margin-top: 30px;
border: 1px solid #E3E3E3;
box-shadow: 1px 2px 2px rgba(197, 199, 209, 0.2);
border-radius: 6px;
padding: 20px;
color: @core-fleet-black;
width: fit-content;
a {
text-decoration: none;
color: @core-fleet-black;
&:hover {
color: @core-fleet-black;
}
}
strong {
font-size: 14px;
line-height: 24px;
}
span {
font-size: 14px;
line-height: 19px;
color: @core-fleet-black;
}
}
[purpose='content'] {

View file

@ -170,7 +170,7 @@
<div purpose="right-sidebar" class="order-first order-lg-last p-0 pb-2 pb-lg-0 pr-lg-0 right-sidebar" v-if="!thisPage.title.includes('FAQ')">
<p class="font-weight-bold pb-2 m-0 mb-2" v-if="!_.isEmpty(subtopics)">On this page:</p>
<div purpose="subtopics">
<div purpose="subtopics" v-if="!_.isEmpty(subtopics)">
<ul class="p-0 m-0">
<!-- <li v-for="(subtopic, index) in subtopics" :class="pl-lg-2 pb-3 pb-1g-2 subtopic" :key="index">
<a :class="getActiveSubtopicClass(currentLocation, subtopic.url)" :href="subtopic.url">{{subtopic.title}}</a>
@ -183,7 +183,15 @@
</li>
</ul>
</div>
<div class="d-none d-lg-block" purpose="swag-cta">
<a class="d-flex flex-column align-items-center justify-content-center" href="https://kqphpqst851.typeform.com/to/ZfA3sOu0" target="_blank">
<img style="height: auto; width: 54px; margin-right: 5px;" alt="A very nice Fleet branded shirt" src="/images/fleet-shirt-60x55@2x.png">
<p class="mb-0"><strong>Request Fleet swag</strong></p>
<span>
It's free <img purpose="right-arrow" class="d-inline" style="height: 16px; width: auto; margin-bottom: 2px;" alt="right arrow" src="/images/arrow-right-red-16x16@2x.png" />
</span>
</a>
</div>
<!-- <div v-if="!_.isEmpty(relatedTopics)">
<h6 class="d-none d-lg-block font-weight-bold py-2">Related topics</h6>
<ul class="d-none d-lg-block p-0">