Watch video button and seamless cloud fix (#1381)

* Watch video button and seamless cloud fix

* Update website/views/pages/homepage.ejs

Added btn-link bootstrap class.

Co-authored-by: gillespi314 <73313222+gillespi314@users.noreply.github.com>

Co-authored-by: gillespi314 <73313222+gillespi314@users.noreply.github.com>
This commit is contained in:
Mike Thomas 2021-07-15 07:02:06 +09:00 committed by GitHub
parent 5865fa8cb6
commit 7ffb327ae9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 11 additions and 3 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 65 KiB

BIN
website/assets/images/play-32x32@2x.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -43,10 +43,10 @@
}
.hero-clouds {
background-image: url('/images/clouds@2x.png');
background-image: url('/images/clouds-1600x320@2x.png');
background-position: bottom 150px center;
background-size: 1600px auto;
background-repeat: no-repeat;
background-repeat: repeat-x;
}

View file

@ -12,7 +12,15 @@
<h6 style="max-width: 580px;" class="mx-auto mt-3 mb-0">
Quickly deploy <a style="color: white; text-decoration-line: underline;" href="https://osquery.io/">osquery</a> and scale your fleet to 100,000+ devices on top of a stable core technology.
</h6>
<a style="max-width: 280px" class="btn btn-block btn-primary px-3 px-sm-5 py-3 mx-auto my-4" href="/get-started">Get started with Fleet</a>
<div style="max-width: 480px;" class="mt-5 mx-auto mb-0 d-sm-flex">
<a style="max-width: 280px" class="d-sm-flex align-items-center justify-content-center btn btn-block btn-primary px-3 px-sm-5 py-3 mx-auto" href="/get-started">Get started with Fleet</a>
<a target="_blank" style="font-size: 20px; color: white; text-decoration: none; font-weight: 700;" class="d-sm-flex align-items-center justify-content-center btn btn-link px-3 py-3" href="https://www.youtube.com/watch?v=dg1dwGQMaLw">
<span>Watch video</span>
<svg class="ml-2" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM11.3333 8.66667L24.2091 16.2091L11.3333 23.7516L11.3333 8.66667Z" fill="white"/>
</svg>
</a>
</div>
<img alt="Fleet ctl terminal and Fleet UI" src="/images/fleetctl@2x.png" style="max-width: 810px; height: auto;" class="w-100 py-3 py-sm-5 mx-auto" />
</div>
</div>