Website: Move /try-fleet link in /start questionnaire (#22749)

Closes: #22737

Changes:
- Moved the link to /try-fleet to the "What did you think" step of the
/start questionnaire
This commit is contained in:
Eric 2024-10-08 11:38:16 -05:00 committed by GitHub
parent c4c8efb5b1
commit 7c14a3cace
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 14 additions and 17 deletions

View file

@ -325,7 +325,7 @@
}
[purpose='form-container'] {
padding: 0;
min-width: unset;
// min-width: unset;
max-width: 504px;
margin-left: auto;
margin-right: auto;
@ -341,6 +341,10 @@
padding-left: 24px;
padding-right: 24px;
}
[purpose='form-container'] {
min-width: unset;
width: 100%;
}
}
@media (max-width: 575px) {
[purpose='logo-container'] {

View file

@ -424,29 +424,16 @@
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 50%"></div></div>
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<h2>Want to try it?</h2>
<div purpose="form-header" class="mx-auto">
<p class="">We dont have a public sample environment, but you can try Fleet out locally on your computer.</p>
</div>
<h2>Is it any good?</h2>
<div purpose="start-cards">
<a purpose="card" href="/try-fleet?start">
<img alt="Run a local demo of Fleet" src="/images/start-try-fleet-64x64@2x.png">
<h2>Try Fleet yourself</h2>
<p>Try Fleet locally on your device</p>
</a>
<a purpose="card" href="https://youtu.be/QpdRADHWP_o?feature=shared&t=1333" target="_blank">
<a purpose="card" class="w-100" href="https://youtu.be/QpdRADHWP_o?feature=shared&t=1333" target="_blank">
<img alt="Watch a demo" src="/images/play-button-64x64@2x.png">
<h2>Watch a demo</h2>
<p>See what Fleet can do</p>
</a>
</div>
<p>Got questions? <a purpose="contact-link" href="/contact">Ask us anything</a>.</p>
<div purpose="form-tip" class="d-flex flex-row align-items-center justify-content-between">
<div><img alt="A lightbulb" src="/images/icon-suggestion-64x64@2x.png"></div>
<div>
<p>You can come back here any time to continue with your deployment.</p>
</div>
</div>
<div purpose="form-buttons">
<a purpose="back-button" @click="clickGoToPreviousStep()">Back</a>
<ajax-button type="submit" purpose="submit-button" class="btn btn-primary" :syncing="syncing">Continue</ajax-button>
@ -483,6 +470,12 @@
<div class="invalid-feedback" v-if="formErrors.whatDidYouThink">Please select an option</div>
</div>
<cloud-error v-if="cloudError"></cloud-error>
<div purpose="form-tip" class="d-flex flex-row align-items-center justify-content-start">
<div><img alt="A lightbulb" src="/images/icon-suggestion-64x64@2x.png"></div>
<div>
<p>Not ready to talk? You can also <a href="/try-fleet">run your own trial</a> with Docker.</p>
</div>
</div>
<div purpose="form-buttons">
<a purpose="back-button" @click="clickGoToPreviousStep()">Back</a>
<ajax-button type="submit" purpose="submit-button" class="btn btn-primary" :syncing="syncing">Continue</ajax-button>