From 7d45d42332310c0ce44009bb2014d7e67b555154 Mon Sep 17 00:00:00 2001
From: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
Date: Tue, 20 Aug 2024 17:17:02 -0600
Subject: [PATCH] Website - /start progress bar success icon (#21451)

Updated the success icon in the /start progress bar.
---
 .../images/icon-form-success-12x12@2x.png     | Bin 1460 -> 0 bytes
 .../images/icon-form-success-16x16@2x.png     | Bin 0 -> 2212 bytes
 website/assets/styles/pages/start.less        |   2 +-
 website/views/pages/start.ejs                 |  32 +++++++++---------
 4 files changed, 17 insertions(+), 17 deletions(-)
 delete mode 100644 website/assets/images/icon-form-success-12x12@2x.png
 create mode 100644 website/assets/images/icon-form-success-16x16@2x.png

diff --git a/website/assets/images/icon-form-success-12x12@2x.png b/website/assets/images/icon-form-success-12x12@2x.png
deleted file mode 100644
index d09d7c921454ec48fbca2feabeaacc9753afd740..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1460
zcmV;l1xxygP)<h;3K|Lk000e1NJLTq000;O000>X1^@s6D=Y3@00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1xZOnK~#7FwN+_s
z6lEBG=Gd9pnZ3GK54PQHrAOLAD=kzk0)coyA`%k<1`~t+fFBwXWBgGhE-?Y4B>q5?
z#sni05ycn+2m(Q?K?Pb`TibG3XiK5HbbGMp%<jyN-!2df*ji(JlgT9CH}CVj$20E>
z{Le;Bcj@<oEe*mP7>DV408C8<Q0pZZ0x%Xs%E}^ICnG}nk)8^Jeeht-8ZZq8y1BmA
zwM=xn3vP2kA)+QBj4DW_l8EXwTmlCNWrWvfN780j!e?^&uAM#CGI#Unt0ZFmAp+eG
z`e*`GsRRl+9bK(M=|v7xvc$-x5Qu~k8kI3|8(G)1rXj7Spu}R3Ng8I8k(Uxwr9q2@
zcfEv?y*w&r<zi^rJLt?{(^syn;BS_hJ~IhukEzrV(QRor@(?M81Ed^ML^@l?^xe27
zheuK58?y_r<s+$}x~|O9k)O*RkrlKj4v4#T|5BEA4UMl3$NBZ${W$i^CEZ24ioX>E
z$(b#xD1l`eFf<_`2U_}m5}G9hCL0OF2A#L7vnr}ja7L%Q?E>HYW2^GAwj{BRW=&SF
ztWY2sfBn%Zj2`{&(zffvv9DBB17j4y3p@cL;CHjo?<ynnHt;-YxG8%O3XXi!-W%S!
zxG6AF=*Hn_+78C<t)vaP#YYQ@eY)L2H@(>i^ScM-{)B>lSx$i^0HVc|%|O@hJd@49
z6FG54=t=@3x3%8qw{~B+=JyGVu5GPvD2_mtKcV@e=5F)ss`V?MTj0(2ab5n^@Wtae
zF*>e*QWZ#6GYssVh}HC8;?88j8ci7%BqwfR@MgO82fx|b8Vt59T+uMcTQ_GtRd?u*
ztct|4JzvBFZ(LpL^zJ)%{A@>cad6}H;iNn_Ixa{KCj=u6nodL2?to{@Ls%KJEz=1M
z_YEeWsO8Ocj=OWoGxdY+Qukw&V^?psPxsOl^LCyc@A<xQ=}Pa8>iGqGR9)htfg$iY
zIdJ3{AxS_ol@%3;Qem}9psa3Cu?PnGCS=dTMY~FB%RU(IIrY>%@cRfdR<&UypapL<
z8*Tg%XTB}m)in$vc+9Sx4VQyLk^mc6n)HH$%j3(cC)Cr9G$*K%+Pgp0-PT<3N+>cJ
zlfeV_-sfXVnMDoA0eQ>Cf!N%9bF8$Wsv3M+0mE8Q^@sx&lLfZQ8fX)vXgSvQ<vG^0
zc%UO0Js2n&Jb!-pzOgawEZVdbK97?=wWzV6#9QJ;*ZDz|7jf{`%z>7SqP6As{*yli
zAK!i)!&6~QOOUb6tE60)#BX<4)D0{xQXU6sgwCgKMVSMmQT?^ocMpwC=l_oc_w3{j
z@9DPAP-AT=g<Ma`Z}T>GJvtLV8Z$Ia8UHvh&xAaW17=a#Ia9wG6A*3IXygy%Q^Uw%
z<;t15F*EtdzlwX&Zq?pWWLB_BX{6%eg>@co;82I!`JV~4Jj*pzJYxLNX6A*<*AzIj
z6WmD8@|agIub?6a&Ln@G&VR}hZJUR+?>FFvZA@*dEcD{)g%~)E0;@`hhjbWuA4LzP
z-u`qs2KGORjZ@*UQ(c7O@YroaL3z0qeV4~j=qUulF;K}MQpk4cX&(gZvRf>MsKuBF
zSN&@O0;D;;POMl{2hnLIv)u%WGZ5w|A~(jMC@EO126X>?5hLy4@KiVtl_<0H*OjAQ
z0m^lqf@mUJ&6WY@pobO20#U>hDnyY3FA2~Y3W+p|_CAeye@F1pkG7=>FHj8j5hqw|
zM$BK32Tm|#XLKwqBNk7BVRT4jgo`|d&`<=4TaoNCB0Fl;rqeh)8ShU;s0<q@lTTa#
O0000<MNUMnLSTY5QJs4L

diff --git a/website/assets/images/icon-form-success-16x16@2x.png b/website/assets/images/icon-form-success-16x16@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd0d96c99bc64fa216be31847d61febbc0feedc6
GIT binary patch
literal 2212
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

literal 0
HcmV?d00001

diff --git a/website/assets/styles/pages/start.less b/website/assets/styles/pages/start.less
index 9a43754c760a..a63d512bb78d 100644
--- a/website/assets/styles/pages/start.less
+++ b/website/assets/styles/pages/start.less
@@ -49,7 +49,7 @@
     align-items: center;
     margin-bottom: 32px;
     img {
-      height: 18px;
+      height: 16px;
       display: inline;
       margin-left: 10px;
     }
diff --git a/website/views/pages/start.ejs b/website/views/pages/start.ejs
index ff17641aba94..0204d958ed6c 100644
--- a/website/views/pages/start.ejs
+++ b/website/views/pages/start.ejs
@@ -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>