From 16d09ae658476212531d164964d71ff73db0d6eb Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Mon, 20 Nov 2023 17:06:35 -0500
Subject: [PATCH] Blacklane templates almost completed. Downloaded humly for
 their requested changes. Chubb notes.

---
 .../auth_url_email.html.liquid                |  33 +++-
 .../Blacklane-Chauffeurs/homepage.html.liquid |   3 +
 .../sign_up_follow_up.html.liquid             | 154 ++++++++++++++++++
 .../customer_templates/Humly/.DS_Store        | Bin 0 -> 6148 bytes
 .../Humly/_course_outline.html.liquid         |  40 +++++
 CustomerNotes/Chubb/Chubb.md                  |  23 +++
 6 files changed, 245 insertions(+), 8 deletions(-)
 create mode 100644 Custom_Templates/customer_templates/Blacklane-Chauffeurs/homepage.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Blacklane-Chauffeurs/sign_up_follow_up.html.liquid
 create mode 100644 Custom_Templates/customer_templates/Humly/.DS_Store
 create mode 100644 Custom_Templates/customer_templates/Humly/_course_outline.html.liquid
 create mode 100644 CustomerNotes/Chubb/Chubb.md

diff --git a/Custom_Templates/customer_templates/Blacklane-Chauffeurs/auth_url_email.html.liquid b/Custom_Templates/customer_templates/Blacklane-Chauffeurs/auth_url_email.html.liquid
index 9d495a15..31d620fc 100644
--- a/Custom_Templates/customer_templates/Blacklane-Chauffeurs/auth_url_email.html.liquid
+++ b/Custom_Templates/customer_templates/Blacklane-Chauffeurs/auth_url_email.html.liquid
@@ -47,11 +47,30 @@
             value="{{ form.email | escape }}"
           />
         </div>
+        <div class="np-form-field">
+          <label class="np-input-label">
+            Region
+          </label>
+		  <select
+			class="sign-up-region np-input"
+			type="text"
+			name="group-dropdown"
+			id="sign-up-group-dropdown"
+			required >
+			<option class="info-group-option" value="APAC/EMEA">
+			  APAC/EMEA
+			</option>
+			<option class="info-group-option" value="AMERICAS">
+			  Americas
+			</option>
+		</select>
+        </div>
         <input
           type="submit"
           name="commit"
           value="{% t shared.enter %}"
           class="np-button np-button-big np-form-action"
+		  <button class="addtl-button" onclick="submitData()"></button>
         />
       </form>
     </div>
@@ -60,17 +79,17 @@
 <script>
 
   let submitData = async () => {
-    if(
-      ($(".sign-up-follow-up-store-name")[0].value.length > 0) && $(".sign-up-follow-up-city")[0].value.length > 0 && $("#sign-up-state-dropdown")[0].value.length != 0
-    ){
+    //if(
+    //  ($(".sign-up-region")[0].value.length > 0)
+   // ){
 
       function webhookCaller(){
         return new Promise(function(res, rej) {
           let xhr = new XMLHttpRequest();
-          url = "https://webhooks.workato.com/webhooks/rest/4c162498-2fc6-4d3f-b5ea-6b98218b2c39/sign-up-follow-up";
+          url = "https://webhooks.workato.com/webhooks/rest/a36b1f7c-07c7-48ff-bc0f-cb3777d02c81/blacklane-new-driver-region-seg";
 
           xhr.addEventListener("load", e => {
-            window.location.replace('/app/waiting-room');
+            window.location.replace('/app/');
             //window.location.replace('/app');
           });
           xhr.open("POST", url, true);
@@ -78,9 +97,7 @@
             email: '{{ current_person.email }}',
             name: "{{ current_person.first_name }} {{ current_person.last_name }}",
             user_id: '{{ current_person.id }}',
-            user_city: $(".sign-up-follow-up-city")[0].value,
-            user_state: $("#sign-up-state-dropdown")[0].value,
-            user_store_name: $(".sign-up-follow-up-store-name")[0].value
+            user_region: $(".sign-up-region")[0].value,
           }))
         })
       }
diff --git a/Custom_Templates/customer_templates/Blacklane-Chauffeurs/homepage.html.liquid b/Custom_Templates/customer_templates/Blacklane-Chauffeurs/homepage.html.liquid
new file mode 100644
index 00000000..51a03afc
--- /dev/null
+++ b/Custom_Templates/customer_templates/Blacklane-Chauffeurs/homepage.html.liquid
@@ -0,0 +1,3 @@
+<script>
+	window.location.href = '/app/dashboard'
+</script>
diff --git a/Custom_Templates/customer_templates/Blacklane-Chauffeurs/sign_up_follow_up.html.liquid b/Custom_Templates/customer_templates/Blacklane-Chauffeurs/sign_up_follow_up.html.liquid
new file mode 100644
index 00000000..702c8b7a
--- /dev/null
+++ b/Custom_Templates/customer_templates/Blacklane-Chauffeurs/sign_up_follow_up.html.liquid
@@ -0,0 +1,154 @@
+
+<div class="sign-up-follow-up-container" onload="">
+  <div class="sign-up-follow-up-content">
+
+    <img
+      alt="{{ current_school.name }}"
+      class="sign-up-follow-up-image sign-up-school-logo"
+      src="{{ current_school.logo_url }}"
+    />
+    <h1 class="sign-up-follow-up-prompt">Please select your region from the dropdown below: </h1>
+
+	<div class="np-form-field">
+	<label class="np-input-label">
+	  Region
+	</label>
+	<select
+	  class="sign-up-follow-up-input sign-up-follow-up-region np-input"
+	  type="text"
+	  name="group-dropdown"
+	  id="sign-up-group-dropdown"
+	  required >
+	  <option class="info-group-option" value="APAC/EMEA">
+		APAC/EMEA
+	  </option>
+	  <option class="info-group-option" value="AMERICAS">
+		Americas
+	  </option>
+  </select>
+  </div>
+  <button class="sign-up-follow-up-button" onclick="submitData()">Submit</button>
+  </div>
+</div>
+
+<style>
+  .sign-up-follow-up-container{
+    align-items: center;;
+    background: #F7F7F7;
+    display: flex;
+    flex-direction: row;
+    min-height: 100%;
+    min-width: 100%;
+  }
+
+  .sign-up-follow-up-content{
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    margin: 1rem 0;
+    text-align: center;
+    width: 100%;
+  }
+
+  .sign-up-follow-up-image{
+    max-width: 50%;
+  }
+
+  .sign-up-follow-up-prompt{
+    color: #001588;
+    font-size: 1.5rem;
+    margin: 1.5rem;
+  }
+
+  .sign-up-dropdown,
+  .sign-up-follow-up-input{
+    margin-top: 1.1rem;
+    text-align: center;
+    width: 50%;
+  }
+
+  .sign-up-dropdown{
+    height: 55px;
+    padding-left: 28px;
+  }
+
+  .sign-up-follow-up-input{
+    height: 30px;
+  }
+
+  .sign-up-follow-up-button{
+    border: 1px solid black;
+    border-radius: 5px;
+    height: 30px;
+    margin-top: 10px;
+    width: 90px;
+  }
+
+  @media screen and (min-width: 768px){
+    .sign-up-school-logo{
+      width: 400px;
+    }
+
+    .sign-up-follow-up-image{
+      max-width: 575px;
+    }
+
+    .sign-up-follow-up-prompt{
+      font-size: 1.75rem;
+      margin: 2rem;
+      margin-bottom: 1rem;
+      max-width: 60%;
+    }
+
+    .sign-up-dropdown,
+    .sign-up-follow-up-input{
+      width: 40%;
+    }
+  }
+
+  @media screen and (min-width: 1440px){
+    .sign-up-follow-up-prompt{
+      font-size: 2.25rem;
+      margin: 3.5rem 10rem;
+      margin-bottom: 1.5rem;
+    }
+  }
+</style>
+<script>
+
+  let submitData = async () => {
+    //if(
+    //  ($(".sign-up-region")[0].value.length > 0)
+   // ){
+
+      function webhookCaller(){
+        return new Promise(function(res, rej) {
+          let xhr = new XMLHttpRequest();
+          url = "https://webhooks.workato.com/webhooks/rest/a36b1f7c-07c7-48ff-bc0f-cb3777d02c81/blacklane-new-driver-region-seg";
+
+          xhr.addEventListener("load", e => {
+            window.location.replace('/app/');
+            //window.location.replace('/app');
+          });
+          xhr.open("POST", url, true);
+          xhr.send(JSON.stringify({
+            email: '{{ current_person.email }}',
+            name: "{{ current_person.first_name }} {{ current_person.last_name }}",
+            user_id: '{{ current_person.id }}',
+            user_region: $(".sign-up-region")[0].value,
+          }))
+        })
+      }
+
+      try {
+        await webhookCaller()
+        .then((res) => {
+          window.location.replace('/app/dashboard')
+        })
+      } catch(err) {
+        console.log(err)
+      }
+    }
+  }
+
+</script>
diff --git a/Custom_Templates/customer_templates/Humly/.DS_Store b/Custom_Templates/customer_templates/Humly/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6
GIT binary patch
literal 6148
zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3
zem<@ulZcFPQ@L2!n>{z**<q8>++&mCkOWA81W14cNZ<zv;LbK1Poaz?KmsK2CSc!(
z0ynLxE!0092;Krf2c+FF_Fe*7ECH>lEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ
zLs35+`xjp>T0<F0fCPF1$Cyrb|F7^5{eNG?83~ZUUlGt@xh*qZDeu<Z%US-OSsOPv
j)R!Z4KLME7ReXlK;d!wEw5GODWMKRea10D2@KpjYNUI8I

literal 0
HcmV?d00001

diff --git a/Custom_Templates/customer_templates/Humly/_course_outline.html.liquid b/Custom_Templates/customer_templates/Humly/_course_outline.html.liquid
new file mode 100644
index 00000000..72f97e79
--- /dev/null
+++ b/Custom_Templates/customer_templates/Humly/_course_outline.html.liquid
@@ -0,0 +1,40 @@
+<div class="np-course-outline">
+  <div class="np-text-title np-course-outline-title">
+    {% t .header, key: current_school.course_vocabulary %}
+  </div>
+  <div class="np-course-outline-content">
+    <ol class="np-course-outline-content-section">
+      {% for section in course.sections %}
+        <li class="np-course-outline-content-section-list">
+          <div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold">
+            {{ section.name }}
+          </div>
+          <ol class="np-course-outline-content-activity">
+            {% for activity in section.activities %}
+
+              <li class="np-course-outline-content-activity-list">
+                {% if activity.completed? %}
+                  <i class="fas fa-circle np-course-outline-content-activity-icon np-button-color"></i>
+                  {% if activity.locked? %}
+                    {% include "course_activity_locked" %}
+                  {% else %}
+                    {% include "course_activity_unlocked", class: "np-course-outline-content-activity-link-completed" %}
+                  {% endif %}
+                  <div class="np-button-background-color np-course-outline-content-activity-list-bar"></div>
+                {% else %}
+                  <i class="far fa-circle np-course-outline-content-activity-icon"></i>
+                  {% if activity.locked? %}
+                    {% include "course_activity_locked" %}
+                  {% else %}
+                    {% include "course_activity_unlocked", class: "np-course-outline-content-activity-link" %}
+                  {% endif %}
+                  <div class="np-course-outline-content-activity-list-bar"></div>
+                {% endif %}
+              </li>
+            {% endfor %}
+          </ol>
+        </li>
+      {% endfor %}
+    </ol>
+  </div>
+</div>
diff --git a/CustomerNotes/Chubb/Chubb.md b/CustomerNotes/Chubb/Chubb.md
new file mode 100644
index 00000000..04f964f4
--- /dev/null
+++ b/CustomerNotes/Chubb/Chubb.md
@@ -0,0 +1,23 @@
+# Chubb
+
+## 11/20/2023
+
+### Design Sync
+
+* Travis already supplied the team with examples
+* They know what they want! Steve made a mock up.
+
+Catalog page:
+* Liked the Bubbles on Pipedrive
+* Sidebar like Omnisend
+* They have levels like beginner, expert, etc
+* May not use user duration
+* Wants to use JnJ's subcategory trick
+* Vertical height of cards should all be the same!
+* Using short description for course cards (250 characters)
+* Tags on course cards - they will try to not overload tags
+* Two levels of Branding -
+  * brand.chubb.com - high level - colors, etc
+  * merina design platform - super detail (how many pixels a box should be)
+* Branding team is strict, but good at feedback. They will let us take a first pass and then give us feedback.
+* Make this design iterative!