Skip to content

Commit

Permalink
Website - /start progress bar success icon (#21451)
Browse files Browse the repository at this point in the history 
Updated the success icon in the /start progress bar.
  • Loading branch information
@mike-j-thomas
mike-j-thomas authored Aug 20, 2024
1 parent e98410d commit 7d45d42
Show file tree
Hide file tree
Showing 4 changed files with 17 additions and 17 deletions.
Binary file removed website/assets/images/icon-form-success-12x12@2x.png
View file
Binary file not shown.
Binary file added website/assets/images/icon-form-success-16x16@2x.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion website/assets/styles/pages/start.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@
align-items: center;
margin-bottom: 32px;
img {
height: 18px;
height: 16px;
display: inline;
margin-left: 10px;
}
Expand Down
32 changes: 16 additions & 16 deletions website/views/pages/start.ejs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down

0 comments on commit 7d45d42

Please sign in to comment.