Website: Update documentation landing page (#12182)

Closes #11843 
Changes:
- Removed the two cards from the fleetdm.com/docs landing page, and
replaced it with a link to the osquery slack.
This commit is contained in:
Eric 2023-06-06 18:05:29 -05:00 committed by GitHub
parent 7da0503ada
commit 46d36f993a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 25 additions and 24 deletions

View file

@ -132,6 +132,30 @@
color: @core-vibrant-blue;
}
[purpose='support-link'] {
text-align: center;
margin-top: 24px;
margin-bottom: 0px;
a {
display: inline-block;
}
a:after {
background-image: url('/images/icon-arrow-upper-right-7x7@2x.png');
background-size: 7px 7px;
display: inline-block;
position: relative;
top: -4px;
left: 4px;
width: 7px;
height: 7px;
content: '';
}
br {
display: none;
}
}
[purpose='cta-cards'] {
.cta-card {

View file

@ -24,31 +24,8 @@
</div>
</div>
</div>
<p purpose="support-link">Can't find what you're looking for? <a href="/slack" target="_blank">Support</a></p>
<div purpose="cta-cards">
<div class="container-fluid d-flex flex-column flex-sm-row justify-content-sm-between p-0 pt-4 mt-3">
<div class="container-fluid d-flex flex-column flex-md-row justify-content-center align-items-center py-3 m-0 mr-sm-1 cta-card" @click="clickCTA('/install')">
<img class="cta-image" alt="Install Fleet" src="/images/install-fleet-140x72@2x.png"/>
<div class="text-center text-md-left cta-text">
<p class="font-weight-bold p-0 pl-md-4 pt-2 pt-md-0 m-0">Install osquery and Fleet</p>
<a class="p-0 pl-md-4 pt-2 pt-md-0 arrow" href="/install">
Get started
<img class="d-inline mb-1" style="height: 16px; width: auto;" alt="right arrow" src="/images/arrow-right-red-16x16@2x.png" />
</a>
</div>
</div>
<div class="container-fluid d-flex flex-column flex-md-row justify-content-center align-items-center py-3 m-0 ml-sm-1 mt-3 mt-sm-0 cta-card" @click="clickCTA('slack')">
<img class="cta-image" alt="Fleet support" src="/images/fleet-support-140x72@2x.png"/>
<div class="text-center text-md-left cta-text">
<p class="font-weight-bold p-0 pl-md-4 pt-2 pt-md-0 m-0">Can't find what you need?</p>
<a class="p-0 pl-md-4 pt-2 pt-md-0 arrow">
Support
<img class="d-inline mb-1" style="height: 16px; width: auto;" alt="right arrow" src="/images/arrow-right-red-16x16@2x.png" />
</a>
</div>
</div>
</div>
</div>
<div purpose="docs-tree">
<div class="container-fluid d-flex flex-column flex-sm-row justify-content-sm-between p-0 px-4">