Website: try-fleet and homepage style fixes (#7469)

I made the following changes:

- updated "click here" link on /register and /sandbox-login to point to /deploy (our deployment guides), for a friendlier user experience.
- removed padding-top: 120px which was forcing an awkward scroll to get to the form on register, sandbox-login, and sandbox-expired (I think the original intent was to vertically center the form and graphic on the page)
- I added some margin right to space out the CTAs on the hompage.

Co-authored-by: Eric <eashaw@sailsjs.com>
This commit is contained in:
Mike Thomas 2022-09-01 06:03:23 +09:00 committed by GitHub
parent 30bd86fe2d
commit cc80c01fc3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 3 additions and 7 deletions

View file

@ -1,5 +1,4 @@
#register {
padding-top: 120px;
background-color: #FFF;
p {
font-size: 14px;

View file

@ -1,6 +1,4 @@
#sandbox-expired {
padding-top: 120px;
background-color: #FFF;
p {
font-size: 14px;

View file

@ -1,5 +1,4 @@
#sandbox-login {
padding-top: 120px;
background-color: #FFF;
p {
font-size: 14px;

View file

@ -166,7 +166,7 @@
</div>
<%// Try Fleet and Talk to an expert calls to action%>
<div style="padding-top: 40px;" class="flex-sm-row d-flex flex-column justify-content-center align-items-center mx-auto">
<a purpose="round-button" href="/try-fleet/register?tryitnow" class="btn d-flex flex-row justify-content-center">Try Fleet</a>
<a purpose="round-button" href="/try-fleet/register?tryitnow" class="btn d-flex flex-row mr-4 justify-content-center">Try Fleet</a>
<a purpose="animated-arrow-button-red" style="color: #192147;" href="https://calendly.com/fleetdm/demo?utm_source=homepage-demo-mid" target="_blank" class="btn">Talk to an expert</a>
</div>
</div>

View file

@ -7,7 +7,7 @@
<h2>Play in Fleet Sandbox</h2>
<p>
Fleet Sandbox is designed for testing Fleet features only.<br>
<a href="/docs/deploying">Click here</a> for production-ready deployments.
<a href="/deploy">Click here</a> for production-ready deployments.
</p>
<div class="pt-4">
<ajax-form :handle-submitting="handleSubmittingRegisterForm" :syncing.sync="syncing" :cloud-error.sync="cloudError" :form-errors.sync="formErrors" :form-data="formData" :form-rules="formRules" @submitted="submittedRegisterForm()">

View file

@ -7,7 +7,7 @@
<h2>Play in Fleet Sandbox</h2>
<p>
Fleet Sandbox is designed for testing Fleet features only.<br>
<a href="/docs/deploying">Click here</a> for production-ready deployments.
<a href="/deploy">Click here</a> for production-ready deployments.
</p>
<div class="pt-4">
<ajax-form action="login" :syncing.sync="syncing" :cloud-error.sync="cloudError" :form-errors.sync="formErrors" :form-data="formData" :form-rules="formRules" @submitted="submittedLoginForm()" >