Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 08:58:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 111

Website - /start progress bar success icon (#21451)

Browse source 
Updated the success icon in the /start progress bar.
This commit is contained in:
Mike Thomas 2024-08-20 17:17:02 -06:00 committed by GitHub
parent e98410dfd7
commit 7d45d42332
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
website/assets/images/icon-form-success-12x12@2x.png vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
website/assets/images/icon-form-success-16x16@2x.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

2
website/assets/styles/pages/start.less vendored
View file

@ -49,7 +49,7 @@
align-items: center;
margin-bottom: 32px;
img {
height: 18px;
height: 16px;
display: inline;
margin-left: 10px;
}

32
website/views/pages/start.ejs vendored
View file

@ -22,7 +22,7 @@
<div v-if="currentStep === 'what-are-you-using-fleet-for'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 10%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<h2>What will you use Fleet for?</h2>
<ajax-form :handle-submitting="handleSubmittingForm" :form-errors.sync="formErrors" :form-data="formData['what-are-you-using-fleet-for']" :form-rules="primaryBuyingSituationFormRules" :syncing.sync="syncing" :cloud-error.sync="cloudError">
@ -61,7 +61,7 @@
<div v-if="currentStep === 'have-you-ever-used-fleet'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 30%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<h2>Have you ever used Fleet?</h2>
<ajax-form :handle-submitting="handleSubmittingForm" :form-errors.sync="formErrors" :form-data="formData['have-you-ever-used-fleet']" :form-rules="isUsingFleetFormRules" :syncing.sync="syncing" :cloud-error.sync="cloudError">
@ -107,7 +107,7 @@
<div v-if="currentStep === 'how-many-hosts'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 70%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<div purpose="form-header">
<h2>About how many hosts do you have?</h2>
@ -155,7 +155,7 @@
<div v-if="currentStep === 'will-you-be-self-hosting'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 90%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<h2>Will you be hosting Fleet yourself?</h2>
<ajax-form :handle-submitting="handleSubmittingForm" :form-errors.sync="formErrors" :form-data="formData['will-you-be-self-hosting']" :form-rules="hostingFleetFormRules" :syncing.sync="syncing" :cloud-error.sync="cloudError">
@ -189,7 +189,7 @@
<div v-if="currentStep === 'what-are-you-working-on-eo-security'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 40%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<h2>What are you working on, mainly?</h2>
<ajax-form :handle-submitting="handleSubmittingForm" :form-errors.sync="formErrors" :form-data="formData['what-are-you-working-on-eo-security']" :form-rules="endpointOpsSecurityWorkingOnFormRules" :syncing.sync="syncing" :cloud-error.sync="cloudError">
@ -245,7 +245,7 @@
<div v-if="currentStep === 'what-does-your-team-manage-eo-it'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 40%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<h2>What does your team manage?</h2>
<ajax-form :handle-submitting="handleSubmittingForm" :form-errors.sync="formErrors" :form-data="formData['what-does-your-team-manage-eo-it']" :form-rules="endpointOpsItUseCaseFormRules" :syncing.sync="syncing" :cloud-error.sync="cloudError">
@ -291,7 +291,7 @@
<div v-if="currentStep === 'what-does-your-team-manage-vm'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 40%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<h2>What does your team manage?</h2>
<ajax-form :handle-submitting="handleSubmittingForm" :form-errors.sync="formErrors" :form-data="formData['what-does-your-team-manage-vm']" :form-rules="vmUseCaseFormRules" :syncing.sync="syncing" :cloud-error.sync="cloudError">
@ -342,7 +342,7 @@
<div v-if="currentStep === 'what-do-you-manage-mdm'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 40%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<h2>What do you manage?</h2>
<ajax-form :handle-submitting="handleSubmittingForm" :form-errors.sync="formErrors" :form-data="formData['what-do-you-manage-mdm']" :form-rules="mdmUseCaseFormRules" :syncing.sync="syncing" :cloud-error.sync="cloudError">
@ -386,7 +386,7 @@
<ajax-form :handle-submitting="handleSubmittingForm" :form-errors.sync="formErrors" :form-data="formData['is-it-any-good']" :form-rules="formRules" :syncing.sync="syncing" :cloud-error.sync="cloudError">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 50%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<h2>Is it any good?</h2>
<div purpose="form-header" class="mx-auto">
@ -418,7 +418,7 @@
<div v-if="currentStep === 'what-did-you-think'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 70%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<h2>What did you think?</h2>
<p>Now that you’ve seen what Fleet can do, what do you want to do next?</p>
@ -514,7 +514,7 @@
<div v-if="currentStep === 'lets-talk-to-your-team'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 100%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<div class=" mx-auto">
<h2>Let’s talk to your team</h2>
@ -544,7 +544,7 @@
<ajax-form :handle-submitting="handleSubmittingForm" :form-errors.sync="formErrors" :form-data="formData['deploy-fleet-in-your-environment']" :form-rules="formRules" :syncing.sync="syncing" :cloud-error.sync="cloudError">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 80%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<div class="mx-auto">
<h2>Deploy Fleet in your environment</h2>
@ -579,7 +579,7 @@
<div v-if="currentStep === 'how-was-your-deployment'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 90%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<h2>How was your deployment?</h2>
<ajax-form :handle-submitting="handleSubmittingForm" :form-errors.sync="formErrors" :form-data="formData['how-was-your-deployment']" :form-rules="howWasYourDeploymentFormRules" :syncing.sync="syncing" :cloud-error.sync="cloudError">
@ -626,7 +626,7 @@
<div v-if="currentStep === 'whats-left-to-get-you-set-up'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 100%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<h2>What’s left to get you set up?</h2>
<ajax-form :handle-submitting="handleSubmittingForm" :form-errors.sync="formErrors" :form-data="formData['whats-left-to-get-you-set-up']" :form-rules="whatsLeftToGetYouSetUpFormRules" :syncing.sync="syncing" :cloud-error.sync="cloudError">
@ -668,7 +668,7 @@
<div v-if="currentStep === 'self-hosted-deploy'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 100%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<div class="mx-auto">
<h2>Deploy Fleet in your environment</h2>
@ -700,7 +700,7 @@
<div v-if="currentStep === 'managed-cloud-for-growing-deployments'">
<div purpose="progress-bar-container">
<div purpose="form-progress-bar"><div purpose="current-progress" style="width: 100%"></div></div>
<img purpose="success-icon" alt="🏆" src="/images/icon-form-success-12x12@2x.png">
<img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
</div>
<div class="mx-auto">
<h2>Managed cloud for growing deployments</h2>