empayre/fleet
14
0
Fork 0
mirror of https://github.com/empayre/fleet.git synced 2024-11-06 08:55:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add next steps to "learn how to use fleet" docs (#2797)

Browse Source 
* added buttons, styles, meta tags for buttons,

* static buttons

* Update basic-documentation.less

* requested changes

* revert unintentional change
This commit is contained in:
eashaw 2021-11-08 06:10:52 -06:00 committed by GitHub
parent 11adfb4fe3
commit 9a40b7d4ed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 54 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
website/assets/styles/pages/docs/basic-documentation.less vendored
View File

@ -473,6 +473,47 @@
ol {
padding-inline-start: 16px;
}
[purpose='next-steps-buttons'] {
.btn {
font-size: 16px;
line-height: 25px;
padding: 16px 32px;
}
.btn-primary {
color: #fff;
&:active {
background: @core-vibrant-red;
border-color: @core-vibrant-red;
}
}
.btn-slack {
color: @core-fleet-black;
img {
display: inline;
height: 24px;
width: auto;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
}
&:focus {
box-shadow: none;
}
}
.btn-outline-secondary {
color: @core-fleet-black;
border: 1px solid #C5C7D1;
&:hover {
background: #fff;
}
&:focus {
box-shadow: none;
}
}
}
}

14
website/views/pages/docs/basic-documentation.ejs vendored
View File

@ -209,7 +209,19 @@
)
) %>
<div class="d-block">
<div class="d-block pb-3" purpose="next-steps-buttons" v-if="thisPage.title === 'Learn how to use Fleet'">
<h3 style="font-size: 24px;line-height: 28px;">Next steps</h3>
<div class="d-sm-flex">
<a href="/docs/deploying" class="d-flex btn btn-primary btn-md justify-content-center mr-sm-3">
Learn how to deploy Fleet
</a>
<a href="https://osquery.slack.com/join/shared_invite/zt-h29zm0gk-s2DBtGUTW4CFel0f0IjTEw#/" target="_blank" class="d-flex btn btn-md btn-outline-secondary btn-slack justify-content-center align-items-center mt-3 mt-sm-0">
<img class="pr-3" alt="Slack logo" src="/images/logo-slack-24x24@2x.png"/>
Ask for help on Slack
</a>
</div>
</div>
<div class="d-block" v-else>
<h3 class="pb-4 m-0">Is there something missing?</h3>
<p>
If you notice something we’ve missed, or that could be improved, please click <a :href="'https://github.com/fleetdm/fleet/edit/main/docs/'+thisPage.sectionRelativeRepoPath">here</a> to edit this page.