From 2c8b65dcd7a056f7d30341a7c71342e2fcbeb48e Mon Sep 17 00:00:00 2001
From: eashaw <eashaw@sailsjs.com>
Date: Thu, 2 Sep 2021 23:00:04 -0500
Subject: [PATCH] Update Get Started Page (#1914)

* Added Log into fleet step and info icon

* adjust padding
---
 website/assets/images/info-16x16@2x.png      | Bin 0 -> 617 bytes
 website/assets/styles/pages/get-started.less |  12 +++++++++++-
 website/views/pages/get-started.ejs          |  10 ++++++++--
 3 files changed, 19 insertions(+), 3 deletions(-)
 create mode 100755 website/assets/images/info-16x16@2x.png

diff --git a/website/assets/images/info-16x16@2x.png b/website/assets/images/info-16x16@2x.png
new file mode 100755
index 0000000000000000000000000000000000000000..9f6762244c9ec73b9e4f38dbdd5bcc7ce33a084f
GIT binary patch
literal 617
zcmV-v0+#)WP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0scuuK~#7F&6mwp
z<1i4%|D)_WVfT^}ycKMyV3!U;1#sb!#|3u)bYL#La7ziH0-ypy2kro0AYWL6M!Y!0
zBp{Oy@jE4!t@+T*XolcO6mfm<m^GEE{3D>j%pnMMyU0k1C}E%no!th%E8RGz)Ma1#
z?1ff~L&Z1&b2As{1a&kG&f4v*<iocXEr`YAK28`MVF{QiuKvQ=B9F{f;MHorHa|nG
zhD6hFXP!4y@xj5tsIg+<f-$IiEqfOiW<0P4%Zt48M6Q6G`KZr#uEH-a)r|5-hnnF=
z5^T}-Bqs7BkbuMbEPqQle6q5TD<H04HrmTT#8Io&4|4@<o^Ke%H7k>%eRK9ze!%8Q
zO)UITgP&OweyER3Y5yU$U5dFY#ps_<A`7M%*=9Fxz!wZDdgW42Ed7$T^B`0B%H41)
zr>@``CCvo<kt!l2@C8$%H1j=tLFkz*P&e=eWw)v}M%Pyy1hq<6#T`n`O?ZWkLmlY}
zY#Opsr`RykF<Uhz4~`DA*!(^I?88NO!E_&&D#_;;mlfN8<b^00S}!D6Kc*#{dfa<c
zI#Y_<ZA!-ac^B*Pgx$M18+^aPL=aB|L)w;L!P4-#wBd_pM5p1Dv_3V{?;c!{!ba3x
zYB()o$MZqfBu)R#4ffYIGBe{j%y>>cZN~FjiShge8jbbK9O}0H00000NkvXXu0mjf
D6lxJK

literal 0
HcmV?d00001

diff --git a/website/assets/styles/pages/get-started.less b/website/assets/styles/pages/get-started.less
index 569a790ed..e0391b31b 100644
--- a/website/assets/styles/pages/get-started.less
+++ b/website/assets/styles/pages/get-started.less
@@ -65,7 +65,17 @@
       box-shadow: none;
     }
   }
-
+  code {
+    background-color: @ui-off-white;
+    border: 1px solid @border-lt-gray;
+    color: @core-fleet-black-75;
+    font-size: 13px;
+    padding: 4px 8px;
+    line-height: 16px;
+    font-family: @code-font;
+    display: inline-block;
+    border-radius: 6px;
+  }
   .muted {
     padding: 24px;
     border: 1px solid @core-fleet-black-25;
diff --git a/website/views/pages/get-started.ejs b/website/views/pages/get-started.ejs
index 715f7cdcf..5c779c932 100644
--- a/website/views/pages/get-started.ejs
+++ b/website/views/pages/get-started.ejs
@@ -24,9 +24,15 @@
         <p class="comment"># Run a local demo of the Fleet server</p>
         <p class="command">sudo fleetctl preview</p>
       </div>
-        <p class="mb-0">The Fleet UI is now available at <a href="http://localhost:1337" target="_blank">http://localhost:1337</a>.</p>
+        <p class="mb-0"><img alt="A small circle with an I inside of it" style="width: 16px; display: inline; margin-right: 8px; margin-bottom: 3px" src="/images/info-16x16@2x.png">Windows users can ommit <code>sudo</code> .</p>
     </div>
-    <div style="padding-top: 80px;">
+    <div style="padding-top: 60px;">
+      <h2 class="mb-3">3. Log in to Fleet</h2>
+        <p>The Fleet UI is now available at <a href="http://localhost:1337" target="_blank">http://localhost:1337</a>.</p>
+        <p class="mb-2"><strong>Email:</strong> admin@example.com</p>
+        <p><strong>Password:</strong> admin123#</p>
+    </div>
+    <div style="padding-top: 60px;">
       <h2 class="mb-4">Next steps</h2>
       <div class="d-sm-flex">
         <a href="/docs/using-fleet/learn-how-to-use-fleet" class="d-flex btn btn-primary btn-md justify-content-center mr-sm-3">