From 5ef16be93c1c9638d08ae7b2db643d47646e936b Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Thu, 10 Apr 2025 11:34:23 -0500
Subject: [PATCH] Website: Add note to 'is-it-any-good' step of /start
 questionnaire (#28036)

Closes: #27904

Changes:
- Updated the 'is-it-any-good' step of the /start questionnaire to
include a link to the embedded video on YouTube (If the embedded video
does not load).
---
 website/assets/styles/pages/start.less | 15 +++++++++++++++
 website/views/pages/start.ejs          |  3 +++
 2 files changed, 18 insertions(+)

diff --git a/website/assets/styles/pages/start.less b/website/assets/styles/pages/start.less
index 1c39eb0a9c..d7fe06898e 100644
--- a/website/assets/styles/pages/start.less
+++ b/website/assets/styles/pages/start.less
@@ -61,6 +61,21 @@
       border: none;
       border-radius: 12px;
     }
+    [purpose='video-note'] {
+      position: absolute;
+      bottom: 0;
+      max-width: 480px;
+      margin-left: auto;
+      margin-right: auto;
+      padding: 16px;
+      border-radius: 8px;
+      border: 1px solid #E6E3D0;
+      background: #FFFEF9;
+      p {
+        margin-bottom: 0px;
+      }
+    }
+
   }
   [purpose='form-tip'] {
     margin-top: 32px;
diff --git a/website/views/pages/start.ejs b/website/views/pages/start.ejs
index 4e305e8134..c49339eb12 100644
--- a/website/views/pages/start.ejs
+++ b/website/views/pages/start.ejs
@@ -441,6 +441,9 @@
           </div>
           <h2>Fleet in 19 minutes</h2>
           <div purpose="embedded-video">
+            <div purpose="video-note">
+              <p>Video not loading? <a href="https://www.youtube.com/watch?v=07ErAAahRsg" target="_blank">Click here</a> to watch on Youtube.</p>
+            </div>
             <iframe src="https://www.youtube.com/embed/07ErAAahRsg?rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
 <!--             <a purpose="card" class="w-100" href="https://youtu.be/QpdRADHWP_o?feature=shared&t=1333" target="_blank">
               <img alt="Watch a demo" src="/images/play-button-64x64@2x.png">