website-patch (#4367)

* website-patch

• I updated main image on the homepage and /platform to reflect the current Fleet UI.

• I made some style tweaks to the live Q&A input form.

* add image dimensions to filename

Co-authored-by: eashaw <caglc@live.com>

website/assets/styles/pages/homepage.less

@@ -115,7 +115,7 @@
   [purpose='demo-cta'] {
     padding: 16px;
     background: rgba(25, 33, 71, 0.5);
-    border-radius: 12px;
+    border-radius: 16px;
     [purpose='demo-cta-text' ] {
       white-space: nowrap;
       p {
@@ -127,7 +127,9 @@
     }
     .form-control {
       height: 44px;
-      padding: 4px 4px 4px 16px;
+      padding: 4px 4px 4px 12px;
+      border: none;
+      border-radius: 6px;
       input {
         border: none;
         height: 36px;
@@ -170,8 +172,8 @@
     [purpose='register-button'] {
       padding: 8px 16px;
       font-size: 14px;
-      line-height: 19.1px;
-      height: 35px;
+      line-height: 20px;
+      height: 36px;
       border-radius: 4px;
       min-width: 87px;
     }

website/assets/styles/pages/platform.less

@@ -189,7 +189,7 @@
           width: 850px;
           position: relative;
           right: 0px;
-          top: 0px;
+          top: -60px;
           z-index: 1;
           bottom: unset;
         }
@@ -210,7 +210,7 @@
           width: 850px;
           position: relative;
           right: 0;
-          top: 0;
+          top: -60px;
           z-index: 1;
         }
       }

website/views/pages/homepage.ejs

@@ -38,7 +38,7 @@
                 <p class="text-center">Thank you for registering.<br class="d-sm-none d-block"> Please check your inbox for event details.</p>
               </div>
             </div>
-            <img alt="Fleet ctl terminal and Fleet UI" src="/images/fleetctl@2x.png" style="max-width: 810px; height: auto;" class="w-100 py-3 py-sm-5 mx-auto" />
+            <img alt="Fleet ctl terminal and Fleet UI" src="/images/fleetctl-687x506@2x.png" style="max-width: 810px; height: auto;" class="w-100 py-3 py-sm-5 mx-auto" />
           </div>
         </div>
       </div>

website/views/pages/platform.ejs

@@ -13,8 +13,8 @@
           </div>
         </div>
         <div class="col-xl-6 col-lg-4 col-12 flex-column pl-lg-3 px-0 px-sm-auto" purpose="platform-banner-hero">
-          <img class="d-none d-lg-inline" alt="The Fleet instance and fleetctl command line tool" src="/images/platform/platform-hero-850x523@2x.png">
-          <img class="d-inline d-lg-none" alt="The Fleet instance and fleetctl command line tool" src="/images/platform/platform-hero-660x430@2x.png">
+          <img class="d-none d-lg-inline" alt="The Fleet instance and fleetctl command line tool" src="/images/platform/platform-hero-748x540@2x.png">
+          <img class="d-inline d-lg-none" alt="The Fleet instance and fleetctl command line tool" src="/images/platform/platform-hero-748x480@2x.png">
         </div>
         <div purpose="banner-curve">
           <svg width="803" height="116" viewBox="0 0 803 116" fill="none" xmlns="http://www.w3.org/2000/svg">