Papa notes. A few other small changes.

Custom_Templates/customer_templates/Front Academy/_cards_learning_path_vertical.html.liquid

@@ -1,37 +1,39 @@
-
 {% assign lp_set_front_for_my_company_desc = "This learning path is for account admins who are responsible for setting up your company's Front account." %}
 {% assign lp_front_for_daily_work_desc = "This learning path is for Front users who will be using Front for their daily work and team collaboration." %}
-{% assign lp_make_smarter_decisions_with_front_analytics_desc = "This learning path is for users who want to leverage Front Analytics to help them make more intelligent and insightful business decisions."%}
+{% assign lp_make_smarter_decisions_with_front_analytics_desc = "This learning path is for users who want to leverage Front Analytics to help them make more intelligent and insightful business decisions." %}
+
+{% assign lp_front_administrator_certification = "Be recognized for your in-depth knowledge of Front and earn your company's trust as the go-to expert for all things Front by becoming a Front Certified Administrator!" %}
 
 <div class="np-card np-card-learning-path-vertical">
   <div class="np-card-container">
     <img
       alt="{{ learning_path.name }}"
       class="course-card-image"
-      src="{{ learning_path.image_url }}"
+      src="{{ learning_path.image_url }}" />
-    />
     <div class="np-card-content np-card-content-vertical np-card-padding">
       <div class="np-card-header-type eyebrow-lg">{% t shared.learning_path.title %}</div>
       <h3 class="np-card-content-title header-5 fw-semibold">
         {% if learning_path.name == "Make smarter decisions with Front analytics" %}
           Front Analytics
-          {%else%}
+        {% else %}
           {{ learning_path.name }}
-        {%endif%}
+        {% endif %}
       </h3>
       <div class="paragraph-2">
         {% if learning_path.name == "Set up Front for my company" %}
-          {{lp_set_front_for_my_company_desc}}
+          {{ lp_set_front_for_my_company_desc }}
         {% elsif learning_path.name == "Front for my daily work" %}
-          {{lp_front_for_daily_work_desc}}
+          {{ lp_front_for_daily_work_desc }}
         {% elsif learning_path.name == "Make smarter decisions with Front analytics" %}
-          {{lp_make_smarter_decisions_with_front_analytics_desc}}
+          {{ lp_make_smarter_decisions_with_front_analytics_desc }}
+        {% elsif learning_path.name == "Front Administrator Certification" %}
+          {{ lp_front_administrator_certification }}
         {% endif %}
       </div>
       <div class="np-card-content-footer">
         {% comment %} <a class="fw-semibold" href="{% route learning_path, id: learning_path.id %}">
-          Start Path
+        Start Path
-          <i class="far fa-long-arrow-right"></i>
+        <i class="far fa-long-arrow-right"></i>
         </a> {% endcomment %}
         {% assign custom_path_url = "/app/learning_paths" %}
         {% if current_person.signed_in? %}
@@ -42,22 +44,22 @@
           {% elsif learning_path.name == "Front for my daily work" %}
             {% assign custom_path_url = "/app/learning-path-0e9846a6-4427-44a0-b49e-70ba3616ec7f" %}
           {% elsif learning_path.name == "Make smarter decisions with Front analytics" %}
-            {% assign custom_path_url = "/app/learning_paths/dfd6953c-0cf6-4f8d-93ff-2ba18645def3"%}
+            {% assign custom_path_url = "/app/learning_paths/dfd6953c-0cf6-4f8d-93ff-2ba18645def3" %}
           {% endif %}
         {% endif %}
-        
+
         {% if current_person.signed_in? %}
           <a class="fw-semibold" href="{% route learning_path, id: learning_path.id %}">
             Start Path
             <i class="far fa-long-arrow-right"></i>
           </a>
-          {% else %}  
+        {% else %}
           <a class="fw-semibold" href="{{custom_path_url}}">
             Start Path
             <i class="far fa-long-arrow-right"></i>
           </a>
-        {%endif%}
+        {% endif %}
       </div>
     </div>
   </div>
-</div>
+</div>

Custom_Templates/customer_templates/Front Academy/_cards_training_event.html.liquid

@@ -0,0 +1,154 @@
+{% assign current_date = "now" | date: "%Y-%m-%d" %}
+{% assign due_date = "August 17, 2023" | date: "%Y-%m-%d" %}
+
+{% if current_date < due_date %}
+  {% if training_event.sessions.first.id == 'ef7e1fd4-f079-4812-818b-639d871b9ce3' or training_event.sessions.first.id == '1d0507b5-1acf-44db-91bf-f75433a4daef' or training_event.sessions.first.id == '2f208441-c668-42dd-beae-704ad9066d8f' %}
+
+    <div class="np-card">
+      <div class="np-card-container">
+        <div class="np-card-content-training-event">
+          <h3 class="np-card-content-title">
+            {{ training_event.title }}
+          </h3>
+          <div class="np-card-content-subtitle">
+            {% t shared.event_types, key: training_event.event_type %}
+          </div>
+          <div class="np-card-training-session">
+            <span class="np-card-content-label">
+              {% t .next_session %}
+            </span>
+            <div class="np-card-training-session-date">
+              <div class="np-button-background-color np-card-training-session-date-bar"></div>
+              <div class="np-card-training-session-date-day">
+                17
+              </div>
+              <div>
+                <div class="np-card-training-session-date-month">
+                  August
+                </div>
+                <div class="np-card-training-session-date-year">
+                  {{ training_event.sessions.first.year }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="np-card-content np-card-content-vertical np-card-padding">
+          <div class="np-card-training-sessions">
+            <i class="np-card-training-sessions-icon far fa-calendar-star"></i>
+            <span class="np-card-training-sessions-label">
+              {% if training_event.sessions.first.id == 'ef7e1fd4-f079-4812-818b-639d871b9ce3' %}
+                {{ training_event.sessions.size | minus: 3 }} Sessions
+              {% elsif training_event.sessions.first.id == '1d0507b5-1acf-44db-91bf-f75433a4daef'%}
+                {{ training_event.sessions.size | minus: 2 }} Sessions
+              {% elsif training_event.sessions.first.id == '2f208441-c668-42dd-beae-704ad9066d8f' %}
+                {{ training_event.sessions.size | minus: 1 }} Sessions
+              {% else %}
+                {% t .sessions, count: training_event.sessions.size %}  
+              {% endif %}
+            </span>
+            <a
+              class="np-button np-button-wide"
+              href="{% route training_session, id: training_event.sessions.first.id %}"
+            >
+              {% t shared.view %}
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+
+  {% else %}
+    <div class="np-card">
+      <div class="np-card-container">
+        <div class="np-card-content-training-event">
+          <h3 class="np-card-content-title">
+            {{ training_event.title }}
+          </h3>
+          <div class="np-card-content-subtitle">
+            {% t shared.event_types, key: training_event.event_type %}
+          </div>
+          <div class="np-card-training-session">
+            <span class="np-card-content-label">
+              {% t .next_session %}
+            </span>
+            <div class="np-card-training-session-date">
+              <div class="np-button-background-color np-card-training-session-date-bar"></div>
+              <div class="np-card-training-session-date-day">
+                {{ training_event.sessions.first.day }}
+              </div>
+              <div>
+                <div class="np-card-training-session-date-month">
+                  {{ training_event.sessions.first.month }}
+                </div>
+                <div class="np-card-training-session-date-year">
+                  {{ training_event.sessions.first.year }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="np-card-content np-card-content-vertical np-card-padding">
+          <div class="np-card-training-sessions">
+            <i class="np-card-training-sessions-icon far fa-calendar-star"></i>
+            <span class="np-card-training-sessions-label">
+              {% t .sessions, count: training_event.sessions.size %}
+            </span>
+            <a
+              class="np-button np-button-wide"
+              href="{% route training_session, id: training_event.sessions.first.id %}"
+            >
+              {% t shared.view %}
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  {% endif %}
+{% else %}
+  <div class="np-card">
+    <div class="np-card-container">
+      <div class="np-card-content-training-event">
+        <h3 class="np-card-content-title">
+          {{ training_event.title }}
+        </h3>
+        <div class="np-card-content-subtitle">
+          {% t shared.event_types, key: training_event.event_type %}
+        </div>
+        <div class="np-card-training-session">
+          <span class="np-card-content-label">
+            {% t .next_session %}
+          </span>
+          <div class="np-card-training-session-date">
+            <div class="np-button-background-color np-card-training-session-date-bar"></div>
+            <div class="np-card-training-session-date-day">
+              {{ training_event.sessions.first.day }}
+            </div>
+            <div>
+              <div class="np-card-training-session-date-month">
+                {{ training_event.sessions.first.month }}
+              </div>
+              <div class="np-card-training-session-date-year">
+                {{ training_event.sessions.first.year }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="np-card-content np-card-content-vertical np-card-padding">
+        <div class="np-card-training-sessions">
+          <i class="np-card-training-sessions-icon far fa-calendar-star"></i>
+          <span class="np-card-training-sessions-label">
+            {% t .sessions, count: training_event.sessions.size %}
+          </span>
+          <a
+            class="np-button np-button-wide"
+            href="{% route training_session, id: training_event.sessions.first.id %}"
+          >
+            {% t shared.view %}
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+{% endif %}

Custom_Templates/customer_templates/Front Academy/_catalog_filtter_courses.html.liquid

@@ -30,6 +30,9 @@
       <div class="category-filter-container">
           <input type="checkbox" class="category-filter" id="Intermediate=button">Intermediate
       </div>
+      <div class="category-filter-container">
+          <input type="checkbox" class="category-filter" id="Advanced=button">Advanced
+      </div>
       <h4 class=" filtter-topic time-filter" style="">
           Duration
       </h4>
@@ -39,6 +42,9 @@
       <div class="category-filter-container">
           <input type="checkbox" class="category-filter" id="15-30 min=button">15-30 min
       </div>
+      <div class="category-filter-container">
+          <input type="checkbox" class="category-filter" id="30 min - 1 hour=button">30+ min
+      </div>
   </div>
 </div>
 

Custom_Templates/customer_templates/Front Academy/_head.html.liquid

@@ -8,4 +8,10 @@
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css" integrity="sha512-wR4oNhLBHf7smjy0K4oqzdWumd+r5/+6QO/vDda76MW5iug4PT7v86FoEkySIJft3XA0Ae6axhIvHrqwm793Nw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>
+
+{% if current_person.email contains '@wearehackerone.com' %}
+  <script>
+    window.location.href = 'https://front.com/'
+  </script>
+{% endif %}

Custom_Templates/customer_templates/Front Academy/_learning_path_progress_and_cta.html.liquid

@@ -36,25 +36,4 @@
   </div>
 
 
-<a
+{% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big" %}
-  class="np-top-button np-button-font-color np-button np-button-big"
-{% if learning_path.enrolled? %}
-  {% if learning_path.current_item.course? %}
-    href="{% route learning_path_course, id: learning_path.current_item.id, learning_path_id: learning_path.id %}"
-  {% elsif learning_path.current_item.training_event? %}
-    href="{% route training_session, id: learning_path.current_item.id %}"
-  {% endif %}
-{% else %}
-    href="{% route learning_path_enrollment, code: learning_path.enrollment_code %}"
-{% endif %}
->
-  {% if learning_path.enrolled? == false %}
-    {% t shared.enroll %}
-  {% elsif learning_path.started? == false %}
-    {% t shared.learning_path.start %}
-  {% elsif learning_path.completed? %}
-    {% t shared.learning_path.view %}
-  {% else %}
-    {% t shared.continue %}
-  {% endif %}
-</a>

Custom_Templates/customer_templates/Front Academy/_sub_navigation.html.liquid

@@ -26,7 +26,7 @@
       </div>
       <div class="np-sub-navigation-content-item">
         <a class="np-sub-navigation-content-item-link" href="/training_events">
-          Events
+          Live Training
         </a>
         <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
       </div>

Custom_Templates/customer_templates/Front Academy/_training_session_cta.html.liquid

@@ -0,0 +1,63 @@
+{% if training_session.approved? %}
+  <div class="np-training-session-cta-note">
+    <i class="far fa-check np-training-session-icon"></i>
+    {% t .registered %}
+  </div>
+{% elsif training_session.pending? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .pending %}
+  </div>
+{% elsif training_session.denied? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .denied %}
+  </div>
+{% elsif training_session.too_late? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .too_late %}
+  </div>
+{% elsif training_session.no_seats? %}
+  <div class="np-training-session-cta-note np-training-session-cta-note-error">
+    {% t .no_seats %}
+  </div>
+{% endif %}
+<div class="np-training-session-cta">
+  <div class="np-training-session-cta-buttons">
+    <form
+      action="{% route training_session_registration, id: training_session.id %}"
+      method="post"
+    >
+      {% form_authenticity_token %}
+
+      {% if training_session.internal? and training_session.approved? %}
+        {% if features.training_events_google_calendar? %}
+          {% include "training_session_calendars" %}
+          <button type="submit" class="np-top-button np-button np-button-big np-button-secondary">
+            {% t .unregister %}
+          </button>
+        {% else %}
+          <button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
+            {% t .unregister %}
+          </button>
+        {% endif %}
+
+        <input type="hidden" name="_method" value="delete" />
+      {% endif %}
+
+      {% if training_session.not_registered? %}
+        {% if training_event.title == 'Admin Onboarding' %}
+          <a class="np-top-button np-button np-button-big" href="https://frontapp.zoom.us/webinar/register/WN_RCSHLd2ORL6Ww0INh2PhFw" target="_blank">
+            {% t .register %}
+          </a>
+        {% elsif training_event.title == 'New User Front Training' %}
+          <a class="np-top-button np-button np-button-big" href="https://frontapp.zoom.us/webinar/register/WN_fyLj0oSBRGybPI2XJx149w" target="_blank">
+            {% t .register %}
+          </a>
+        {% else %}
+          <button type="submit" class="np-top-button np-button np-button-big">
+            {% t .register %}
+          </button>
+        {% endif %}
+      {% endif %}
+    </form>
+  </div>
+</div>

Custom_Templates/customer_templates/Front Academy/front-partners.html.liquid

@@ -0,0 +1,12 @@
+{% if current_person.signed_in?%}
+<script>
+window.location.replace('https://academy.front.com/app/learning_paths/32d888d8-c216-4d67-b059-605e77d902b4')
+
+</script>
+{% else %}
+<script>
+  var path = "{% route login %}"
+  console.log(path)
+  window.location.replace(path);
+</script>
+{%endif%}

Custom_Templates/customer_templates/Front Academy/homepage.html.liquid

@@ -18,7 +18,7 @@
     <div class="np-homepage-featured-courses row">
       {% if learning_paths.available.any? %}
         {% for learning_path in learning_paths.available %}
-          {% if learning_path.name == "Set up Front for my company" or learning_path.name == "Front for my daily work" or learning_path.name == "Make smarter decisions with Front analytics" %}
+          {% if learning_path.name == "Set up Front for my company" or learning_path.name == "Front for my daily work" or learning_path.name == "Make smarter decisions with Front analytics" or learning_path.name == "Front Administrator Certification" %}
             <div class="col-xs-12 col-sm-6 col-md-4">
             {% include "cards_learning_path_vertical" with learning_path %}
             </div>

Custom_Templates/customer_templates/Front Academy/learning_path.html.liquid

@@ -1,4 +1,4 @@
-{% comment %} skip-auth {% endcomment %}
+
 {% include "header" %}
 <div class="cover-page-hero learning-path-hero">
   <div class="np-max-width np-page-container">
@@ -54,4 +54,4 @@
 .np-learning-path-outline-content .header-5 {
   margin-bottom:8px;
 }
-</style>
+</style>

Custom_Templates/customer_templates/Front Academy/server_error.html.liquid

@@ -0,0 +1,5 @@
+<script>
+  var path = "{% route login %}"
+  console.log(path)
+  window.location.replace(path);
+</script>

Custom_Templates/customer_templates/Front Academy/styles.css.liquid

@@ -0,0 +1,699 @@
+/*
+ Put your custom overlay styles in here
+ You can use your northpass color palette in this file
+
+{{ color_palette.button_font_color }}
+{{ color_palette.button_color }}
+{{ color_palette.button_hover_color }}
+{{ color_palette.header_font_color }}
+{{ color_palette.header_font_hover_color }}
+{{ color_palette.header_color }}
+*/
+
+/*Fonts*/
+
+@font-face {
+  font-family: "Roobert";
+  src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Bold.otf");
+  font-weight: bold;
+}
+@font-face {
+  font-family: "Roobert";
+  src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Heavy.otf");
+  font-weight: 900;
+}
+@font-face {
+  font-family: "Roobert";
+  src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Light.otf");
+  font-weight: 300;
+}
+@font-face {
+  font-family: "Roobert";
+  src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Medium.otf");
+  font-weight: 500;
+}
+@font-face {
+  font-family: "Roobert";
+  src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Regular.otf");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Roobert";
+  src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-SemiBold.otf");
+  font-weight: 600;
+}
+
+body {
+  font-family: "Roobert", "Roboto", sans-serif;
+  background-color: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+a {
+  text-decoration: none;
+  color: #001B38;
+  margin: 0;
+  padding: 0;
+}
+div {
+  color: #001B38;
+}
+h1 {
+  font-size: 2.5rem;
+}
+h3 {
+  font-size: 1.5rem;
+  font-weight: 400;
+}
+
+.fw-regular {
+  font-weight: 400;
+}
+.fw-semibold {
+  font-weight: 600;
+}
+.fw-bold {
+  font-weight: 700;
+}
+.gray {
+  color: #808080;
+}
+.np-alert {
+  display: none;
+}
+
+
+/* TYPOGRAPHY STYLES  */
+.header-1 {
+  font-size: 38px;
+  line-height: 110%;
+  font-weight: 600;
+  margin-bottom: 32px;
+  letter-spacing: -0.01em;
+}
+
+.header-2 {
+  font-size: 36px;
+  line-height: 118%;
+  font-weight: 600;
+  margin-bottom: 32px;
+  margin-top: 0;
+  letter-spacing: -0.01em;
+}
+
+.header-3 {
+  font-size: 28px;
+  line-height: 118%;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  margin-bottom: 32px;
+  margin-top: 0;
+}
+
+.header-5 {
+  font-size: 20px;
+  line-height: 130%;
+}
+
+.eyebrow-lg {
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 125%;
+  color: #001B38;
+}
+
+.eyebrow-sm {
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 125%;
+  color: #001B38;
+}
+
+.paragraph-1 {
+  font-size: 24px;
+  line-height: 130%;
+}
+
+.paragraph-2,
+.paragraph-2 p {
+  font-size: 16px;
+  line-height: 160%;
+  color: #001B38 !important;
+}
+
+.fa-check-circle {
+  color: #2D8058;
+  margin-right: 6px;
+}
+
+@media(min-width:768px) {
+  .header-1 {
+    font-size: 60px;
+    margin-bottom: 40px;
+  }
+
+  .header-2 {
+    font-size: 49px;
+  }
+
+  .header-3 {
+    font-size: 32px;
+    margin-bottom: 60px;
+  }
+
+  .np-card-padding {
+    padding: 30px;
+  }
+  .np-subpage-container {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}
+
+/* Global */
+
+.np-dashboard,
+.np-learning-paths,
+.catalog,
+.np-training-events,
+.np-main {
+  padding-top: 140px;
+}
+.np-button {
+  border-radius: 50px;
+  padding: 13px 24px;
+  font-size: 16px;
+  line-height: normal;
+  font-weight: 400;
+  height: auto;
+}
+.np-footer-logo-image {
+  opacity: 1;
+  filter: none;
+}
+.row .np-card {
+  padding: 0 0 64px;
+}
+.np-dashboard-resources-title {
+  font-size: 1.25rem;
+  text-transform: none;
+  font-weight: 400;
+}
+.np-card-container {
+  border-radius: 10px;
+  box-shadow: 0 0 20px rgba(0, 27, 56, 0.1);
+  overflow: hidden;
+}
+.np-dashboard-resources-container {
+  border-radius: 30px;
+  border: none;
+}
+.np-card {
+  padding: 0 0.5rem;
+}
+
+.dashboard-section-instructors {
+  margin-top: 32px;
+}
+
+.np-dashboard,
+.np-learning-paths,
+.np-training-events {
+  background: #fff;
+}
+.catalog-course-wrapper {
+  margin-bottom: 2rem;
+  padding: 0 8px;
+}
+
+.slick-arrow {
+  display: none !important;
+}
+.np-dashboard-resources-title,
+.np-resource-subtitle {
+  color: #001B38;
+  text-align: left;
+  padding: 0;
+}
+.np-zero-state-text {
+  margin-bottom: 0;
+}
+.extra-space {
+  margin-top: 1rem;
+}
+.np-catalog-courses {
+  margin-top: 0;
+}
+
+#isPasted {
+  background: none !important;
+}
+.color-white {
+  color: #fff;
+}
+.lp-card-desktop {
+  height: unset;
+}
+.np-homepage-featured {
+  margin-top: 0;
+  padding: 0 16px;
+}
+.np-homepage.np-main {
+  margin-bottom: 0;
+  padding-bottom: 64px;
+  padding-top: 0;
+}
+.progress-color-darker {
+  color: #001B38;
+}
+.instructor-info {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.np-catalog-courses {
+  margin-bottom: 5rem;
+}
+.np-optional-ribbon {
+  display: none;
+  color: #001B38;
+  background-color: #FDECB3;
+}
+.catalog-filter {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+}
+@media only screen and (max-width: 1030px) {
+  .catalog-filter {
+    width: 100%;
+  }
+  .filter-container {
+    width: 100% !important;
+  }
+  .course-card {
+    width: 100%;
+  }
+}
+@media only screen and (min-width: 1050px) {
+  .hidden-desktop-custom {
+    display: none;
+  }
+}
+@media only screen and (max-width: 768px) {
+  .np-header-mobile-menu-nav {
+    position: inherit;
+  }
+  .np-dashboard,
+  .np-learning-paths,
+  .catalog,
+  .np-training-events,
+  .np-main {
+    padding-top: 50px;
+  }
+  .np-sub-navigation-content-item-link {
+    margin: 0 0.3rem;
+    font-size: 15px !important;
+  }
+  .np-catalog-courses {
+    width: 100%;
+  }
+  .catalog-course-wrapper {
+    display: flex;
+  }
+  .course-card {
+    margin: 0 !important;
+  }
+  .filter-container {
+    margin-bottom: 1rem;
+  }
+}
+
+
+/* Course Cards & vertical learning path cards  */
+.np-card.np-card-learning-path-vertical,
+.np-card.np-card-course {
+  padding-bottom: 32px;
+  height: 100%;
+}
+
+.np-card.np-card-learning-path-vertical .course-card-image,
+.np-card.np-card-course .course-card-image {
+  max-width: 100%;
+}
+
+.np-card.np-card-course .eyebrow-lg.gray {
+  color: #808080;
+}
+
+.np-card.np-card-course .np-card-header-type > span {
+  background: #E3E3E3;
+  border-radius: 6px;
+  padding: 4px 12px;
+}
+
+.np-card.np-card-course .fa-check-circle {
+  color: #2D8058;
+  margin-right: 6px;
+}
+
+.np-card.np-card-course .course-duration {
+  color: #808080;
+}
+
+.np-card.np-card-course .course-duration .fa-clock {
+  margin-right: 4px;
+}
+
+.np-card.np-card-learning-path-vertical .paragraph-2,
+.np-card.np-card-course .paragraph-2 {
+  flex: 1;
+}
+
+.card-info-wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.np-card.np-card-learning-path-vertical a .fa-long-arrow-right,
+.np-card.np-card-course a .fa-long-arrow-right,
+.np-card.just-browsing-card a .fa-long-arrow-right {
+  margin-left: 6px;
+}
+
+/* Learning Path Cards  */
+
+.np-card-learning-path .np-card-content-footer-lp {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 32px;
+}
+
+.np-card-learning-path .lp-progress {
+  margin-right: 30px;
+  flex: 1;
+}
+
+.np-card-learning-path .eyebrow-lg {
+  color: #001B38;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  margin-bottom: 16px;
+}
+
+.np-card-learning-path .eyebrow-lg.gray {
+  color: #808080;
+}
+
+.np-card-learning-path .fa-check-circle {
+  color: #2D8058;
+  margin-right: 6px;
+}
+
+.np-card-learning-path .np-card-progress-bar {
+  background-color: #001B38;
+}
+
+.np-card-learning-path .np-card-progress-bar-container,
+.np-card-learning-path .np-card-progress-bar {
+  height: 8px;
+}
+
+@media(min-width:768px) {
+
+  .np-learning-path {
+    min-height: 200px;
+  }
+
+  .np-learning-path .np-card-content {
+    justify-content: space-between;
+    padding-top: 30px;
+  }
+
+  .np-card-learning-path .lp-image-wrapper {
+    width: 33%;
+    min-width: 33%;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .np-card-learning-path .np-learning-path-image {
+    min-width: 100%;
+    min-height: 100%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  .np-card-learning-path .np-card-content-footer-lp {
+    margin-top: 36px;
+  }
+}
+
+/* CAROUSEL STYLING  */
+div.tns-outer {
+  position: relative;
+  padding-right: 20px !important;
+  padding-left: 20px !important;
+}
+
+.tns-controls {
+  position: absolute;
+  z-index: 1111;
+  top: 32%;
+  left: 0;
+  width: 100%;
+  justify-content: space-between;
+  display: flex;
+}
+
+.tns-nav {
+  justify-content: center;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.tns-nav button {
+  cursor: pointer;
+  background: transparent;
+  border: 1px solid #001b38;
+  margin: 0 8px 10px;
+  border-radius: 50%;
+  padding: 0;
+  width: 10px;
+  height: 10px;
+}
+
+.tns-nav button.tns-nav-active {
+  background-color: #001b38;
+}
+
+.tns-controls button {
+  width: 50px;
+  position: relative;
+  background: transparent;
+  border: none;
+}
+
+.tns-controls button[data-controls='prev'] {
+  left: -14px;
+}
+
+.tns-controls button[data-controls='next'] {
+  right: -14px;
+}
+
+.tns-controls .arrow-left,
+.tns-controls .arrow-right {
+  color: #808080;
+  font-size: 3rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.courses-carousel {
+  height: auto;
+  display: flex;
+  align-items: stretch;
+}
+
+.courses-carousel .np-card {
+  padding: 0 16px 32px;
+}
+
+/* COVER PAGE STYLES (COURSE & LEARNING PATH) */
+
+.np-header:not(.active) {
+  background-color: transparent !important;
+}
+
+.cover-page-hero {
+  padding: 100px 16px 50px;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.25%, #FFFFFF 100%), radial-gradient(90.83% 165.04% at 100% 29.31%, #FFFADB 5.03%, #E0FEE7 96.72%);
+}
+
+.cover-page-hero.course-hero {
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.25%, #FFFFFF 100%), radial-gradient(90.83% 165.04% at 100% 29.31%, #FFFADB 5.03%, #E0FEE7 96.72%);
+}
+
+.cover-page-hero.learning-path-hero {
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.25%, #FFFFFF 100%), radial-gradient(90.83% 165.04% at 100% 29.31%, #FFDEEB 0%, #FFFADB 100%)
+}
+
+.cover-page-hero .np-page-container {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.course-vocab {
+  text-transform: uppercase;
+}
+
+.cover-page.np-main.np-page-container {
+  padding-top: 0;
+  margin-top: 0;
+}
+
+.cover-page .np-card-heading {
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 125%;
+}
+
+.np-content-instructors-content-item {
+  align-items: center;
+}
+
+.cover-page .np-top-cta {
+  background: #F5F5F5;
+  margin: 24px 6px;
+  border-radius: 0;
+  padding: 18px;
+  display: flex;
+  justify-content: space-between;
+}
+
+.cover-page .np-top-cta-progress-content {
+  margin-right: 16px;
+  width: 50%;
+  min-width: 50%;
+}
+
+.cover-page .np-card-progress-bar,
+.cover-page .np-progress-bar-container {
+  height: 8px;
+}
+
+.cover-page .np-top-cta-progress-text {
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 125%;
+  margin-top: 0;
+}
+
+.cover-page .np-top-cta-progress-text.gray {
+  color: #808080;
+}
+
+.cover-page .np-card-progress-bar {
+  background-color: #001B38;
+}
+
+.np-content-instructors-content-name {
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 24px;
+  color: #001B38;
+}
+
+.np-content-instructors-content-info {
+  font-size: 16px;
+  line-height: 160%;
+  color: #001B38;
+}
+
+.np-learning-path-outline-inactive-item {
+  border: none;
+  display: flex;
+  align-items: unset;
+}
+
+.np-learning-path-outline-inactive-item .np-learning-path-outline-course-image {
+  width: 100%;
+}
+
+
+@media(min-width:768px) {
+  .cover-page-hero {
+    padding-top: 180px;
+  }
+
+  .cover-page .np-card-text {
+    font-size: 17px;
+    line-height: 150%;
+  }
+
+  .cover-page .np-top-cta-progress-content {
+    width: 75%;
+    min-width: 75%;
+  }
+
+  .cover-page .np-top-cta {
+    background: #F5F5F5;
+    margin: 0 0 32px;
+    padding: 30px;
+  }
+
+  .cover-page .np-progress-bar-container {
+    margin-top: 16px;
+  }
+}
+
+body .np-card-text p {
+  font-size: 17px !important;
+  line-height: 150% !important;
+  color: #001B38 !important;
+  font-family: "Roobert" !important;
+}
+
+body #isPasted {
+  font-size: 17px !important;
+  line-height: 150% !important;
+  color: #001B38 !important;
+  font-family: "Roobert" !important;
+}
+body .np-card-text span {
+  font-size: 17px !important;
+  line-height: 150% !important;
+  color: #001B38 !important;
+  font-family: "Roobert" !important;
+}
+
+.np-powered-by {
+  display: none !important;
+}
+.np-learning-path-outline-content {
+  width: 100%;
+}
+
+@media(max-width:1050px) {
+  .hidden-mobile-custom {
+    display: none;
+  }
+}
+
+.np-certificate-top-bar-spacing {
+  margin-top: 100px;
+}

Custom_Templates/customer_templates/Front Academy/training_session.html.liquid

@@ -0,0 +1,35 @@
+{% assign current_date = "now" | date: "%Y-%m-%d" %}
+{% assign due_date = "August 17, 2023" | date: "%Y-%m-%d" %}
+
+{% if current_date < due_date %}
+  {% if training_session.id == 'ef7e1fd4-f079-4812-818b-639d871b9ce3' or training_session.id == '1d0507b5-1acf-44db-91bf-f75433a4daef' or training_session.id == '2f208441-c668-42dd-beae-704ad9066d8f'%}
+    <script>
+      window.location.href = "198662a3-fc1b-4d10-89f8-e6907589d8eb"
+    </script>
+  {% endif %}
+{% endif %}
+
+{% include "header" %}
+<main class="np-main np-training-session np-max-width np-page-container">
+  <div class="np-hidden-mobile" id="training-session-desktop">
+    {% include "training_session_desktop_view" %}
+  </div>
+  <div class="np-hidden-desktop" id="training-session-mobile">
+    {% include "training_session_mobile_view" %}
+  </div>
+</main>
+{% include "footer" %}
+
+<script>
+  window.addEventListener("DOMContentLoaded", function() {
+  trainingSessions = document.querySelectorAll(".np-training-session-tile")
+
+  trainingSessions.forEach((item) => {
+    if (item.href == "https://academy.front.com/app/training_sessions/ef7e1fd4-f079-4812-818b-639d871b9ce3" ||
+        item.href == "https://academy.front.com/app/training_sessions/1d0507b5-1acf-44db-91bf-f75433a4daef" ||
+        item.href == "https://academy.front.com/app/training_sessions/2f208441-c668-42dd-beae-704ad9066d8f") {
+          item.style.display = 'none'
+        }
+  })
+})
+</script>

Custom_Templates/customer_templates/Front/styles.css.liquid

@@ -1,662 +0,0 @@
- /*
- Put your custom overlay styles in here
- You can use your northpass color palette in this file
-
-{{ color_palette.button_font_color }}
-{{ color_palette.button_color }}
-{{ color_palette.button_hover_color }}
-{{ color_palette.header_font_color }}
-{{ color_palette.header_font_hover_color }}
-{{ color_palette.header_color }}
-*/
-
-/*Fonts*/
-
-@font-face {
-    font-family: "Roobert";
-    src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Bold.otf");
-    font-weight: bold;
-}
-@font-face {
-    font-family: "Roobert";
-    src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Heavy.otf");
-    font-weight: 900;
-}
-@font-face {
-    font-family: "Roobert";
-    src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Light.otf");
-    font-weight: 300;
-}
-@font-face {
-    font-family: "Roobert";
-    src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Medium.otf");
-    font-weight: 500;
-}
-@font-face {
-    font-family: "Roobert";
-    src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Regular.otf");
-    font-weight: 400;
-}
-@font-face {
-    font-family: "Roobert";
-    src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-SemiBold.otf");
-    font-weight: 600;
-}
-
-body {
-    font-family: "Roobert", "Roboto", sans-serif;
-    background-color:#fff;
-}
-
-h1, h2, h3, h4, h5, a {
-    text-decoration: none;
-    color: #001B38;
-    margin: 0;
-    padding: 0;
-}
-div {
-    color: #001B38;
-}
-h1 {
-    font-size: 2.5rem;
-}
-h3 {
-    font-size: 1.5rem;
-    font-weight: 400;
-}
-
-.fw-regular { font-weight: 400;}
-.fw-semibold { font-weight: 600;}
-.fw-bold { font-weight: 700;}
-.gray { color:#808080; }
-.np-alert {display:none;}
-
-
-/* TYPOGRAPHY STYLES  */
-.header-1 {
-    font-size: 38px;
-    line-height: 110%;
-    font-weight: 600;
-    margin-bottom: 32px;
-    letter-spacing: -0.01em;
-}
-
-.header-2 {
-    font-size: 36px;
-    line-height: 118%;
-    font-weight: 600;
-    margin-bottom: 32px;
-    margin-top: 0;
-    letter-spacing: -0.01em;
-}
-
-.header-3 {
-    font-size: 28px;
-    line-height: 118%;
-    font-weight: 600;
-    letter-spacing: -0.01em;
-    margin-bottom: 32px;
-    margin-top: 0;
-}
-
-.header-5 {
-    font-size: 20px;
-    line-height: 130%;
-}
-
-.eyebrow-lg {
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 125%;
-    color:#001B38;
-}
-
-.eyebrow-sm {
-    font-weight: 600;
-    font-size: 12px;
-    line-height: 125%;
-    color:#001B38;
-}
-
-.paragraph-1 {
-    font-size: 24px;
-    line-height: 130%;
-}
-
-.paragraph-2,
-.paragraph-2 p {
-    font-size: 16px;
-    line-height: 160%;
-    color:#001B38!important;
-}
-
-.fa-check-circle {
-    color:#2D8058;
-    margin-right:6px;
-}
-
-@media (min-width:768px) {
-    .header-1 {
-        font-size: 60px;
-        margin-bottom: 40px;
-    }
-
-    .header-2 {
-        font-size: 49px;
-    }
-
-    .header-3 {
-        font-size: 32px;
-        margin-bottom: 60px;
-    }
-
-    .np-card-padding {padding: 30px;}
-    .np-subpage-container {padding-left:16px; padding-right:16px;}
-}
-
-/* Global */
-
-.np-dashboard, .np-learning-paths, .catalog, .np-training-events, .np-main {
-    padding-top: 140px;
-}
-.np-button {
-    border-radius: 50px;
-    padding: 13px 24px;
-    font-size: 16px;
-    line-height:normal;
-    font-weight: 400;
-    height:auto;
-}
-.np-footer-logo-image {
-    opacity: 1;
-    filter: none;
-}
-.row .np-card {
-    padding: 0px 0px 64px;
-}
-.np-dashboard-resources-title {
-    font-size: 1.25rem;
-    text-transform: none;
-    font-weight: 400;
-}
-.np-card-container {
-    border-radius: 10px;
-    box-shadow: 0px 0px 20px rgba(0, 27, 56, 0.1);
-    overflow:hidden;
-}
-.np-dashboard-resources-container {
-    border-radius: 30px;
-    border: none;
-}
-.np-card {
-    padding: 0 0.5rem;
-}
-
-.dashboard-section-instructors {
-    margin-top: 32px;
-}
-
-.np-dashboard, .np-learning-paths, .np-training-events {
-    background: #fff;
-}
-.catalog-course-wrapper {
-    margin-bottom: 2rem;
-    padding: 0 8px;
-}
-
-.slick-arrow {
-    display: none !important;
-}
-.np-dashboard-resources-title, .np-resource-subtitle {
-    color: #001B38;
-    text-align:left;
-    padding: 0;
-}
-.np-zero-state-text {
-    margin-bottom: 0px;
-}
-.extra-space {
-    margin-top: 1rem;
-}
-.np-catalog-courses {
-    margin-top: 0;
-}
-
-#isPasted {
-    background: none !important;
-}
-.color-white {
-    color: #fff;
-}
-.lp-card-desktop {
-    height: unset;
-}
-.np-homepage-featured {
-    margin-top: 0;
-    padding: 0 16px;
-}
-.np-homepage.np-main {
-    margin-bottom: 0;
-    padding-bottom: 64px;
-    padding-top:0;
-}
-.progress-color-darker {
-    color: #001B38;
-}
-.instructor-info {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-  }
-
-.np-catalog-courses {
-    margin-bottom: 5rem;
-}
-.np-optional-ribbon {
-  display: none;
-  color: #001B38;
-  background-color: #FDECB3;
-}
-.catalog-filter {
-    align-items: center;
-    display: flex;
-    flex-direction: column;
-}
-@media only screen and (max-width: 1030px) {
-    .catalog-filter {
-       width: 100%;
-    }
-    .filter-container {
-        width: 100% !important;
-    }
-    .course-card {
-        width: 100%;;
-    }
-  }
-@media only screen and (min-width: 1050px) {
-  .hidden-desktop-custom {
-    display: none;
-  }
-}
-@media only screen and (max-width: 768px) {
-    .np-header-mobile-menu-nav {
-        position: inherit;
-    }
-    .np-dashboard, .np-learning-paths, .catalog, .np-training-events, .np-main {
-        padding-top: 50px;
-    }
-    .np-sub-navigation-content-item-link {
-        margin: 0 0.3rem;
-        font-size: 15px !important;
-    }
-    .np-catalog-courses {
-        width: 100%;
-    }
-    .catalog-course-wrapper {
-        display: flex;
-    }
-    .course-card {
-        margin: 0 !important;
-    }
-    .filter-container {
-        margin-bottom: 1rem;
-    }
-  }
-
-
-  /* Course Cards & vertical learning path cards  */
-  .np-card.np-card-learning-path-vertical,
-  .np-card.np-card-course {
-    padding-bottom:32px;
-    height:100%;
-  }
-
-   .np-card.np-card-learning-path-vertical .course-card-image,
-   .np-card.np-card-course .course-card-image {
-        max-width:100%;
-   }
-
-   .np-card.np-card-course .eyebrow-lg.gray {
-    color:#808080;
-   }
-
-   .np-card.np-card-course .np-card-header-type  > span {
-    background: #E3E3E3;
-    border-radius: 6px;
-    padding: 4px 12px;
-   }
-
-   .np-card.np-card-course .fa-check-circle {
-    color:#2D8058;
-    margin-right:6px;
-   }
-
-   .np-card.np-card-course .course-duration {
-    color:#808080;
-   }
-
-   .np-card.np-card-course .course-duration .fa-clock {
-    margin-right:4px;
-   }
-
-  .np-card.np-card-learning-path-vertical .paragraph-2,
-  .np-card.np-card-course .paragraph-2 {
-    flex:1;
-  }
-
-  .card-info-wrapper {
-    display:flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 8px;
-  }
-
-  .np-card.np-card-learning-path-vertical a .fa-long-arrow-right,
-  .np-card.np-card-course a .fa-long-arrow-right,
-  .np-card.just-browsing-card a .fa-long-arrow-right {
-    margin-left: 6px;
-  }
-
-  /* Learning Path Cards  */
-
-  .np-card-learning-path .np-card-content-footer-lp {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 32px;
-  }
-
-  .np-card-learning-path .lp-progress {
-    margin-right:30px;
-    flex:1;
-  }
-
-  .np-card-learning-path .eyebrow-lg {
-    color:#001B38;
-    text-transform: uppercase;
-    letter-spacing: 0.08em;
-    margin-bottom: 16px;
-  }
-
-  .np-card-learning-path .eyebrow-lg.gray {
-    color:#808080;
-  }
-
-  .np-card-learning-path .fa-check-circle {
-    color:#2D8058;
-    margin-right:6px;
-  }
-
-  .np-card-learning-path .np-card-progress-bar {
-    background-color:#001B38;
-  }
-
-  .np-card-learning-path .np-card-progress-bar-container,
-  .np-card-learning-path .np-card-progress-bar {
-    height:8px;
-  }
-
-  @media (min-width:768px) {
-
-    .np-learning-path {
-        min-height: 200px;
-    }
-
-    .np-learning-path .np-card-content {
-        justify-content: space-between;
-        padding-top:30px;
-    }
-
-    .np-card-learning-path .lp-image-wrapper {
-        width: 33%;
-        min-width: 33%;
-        position: relative;
-        overflow: hidden;
-    }
-
-    .np-card-learning-path .np-learning-path-image {
-        min-width: 100%;
-        min-height: 100%;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-    }
-
-    .np-card-learning-path .np-card-content-footer-lp {
-        margin-top: 36px;
-    }
-  }
-
-  /* CAROUSEL STYLING  */
-div.tns-outer {
-    position: relative;
-    padding-right: 20px!important;
-    padding-left: 20px!important;
-}
-
-.tns-controls {
-    position: absolute;
-    z-index: 1111;
-    top: 32%;
-    left: 0;
-    width: 100%;
-    justify-content: space-between;
-    display: flex;
-}
-
-.tns-nav {
-    justify-content: center;
-    display: flex;
-    flex-wrap: wrap;
-}
-
-.tns-nav button {
-    cursor: pointer;
-    background: transparent;
-    border: 1px solid #001b38;
-    margin: 0 8px 10px;
-    border-radius: 50%;
-    padding: 0;
-    width: 10px;
-    height: 10px;
-  }
-
-  .tns-nav button.tns-nav-active {
-    background-color:#001b38;
-  }
-
-  .tns-controls button {
-    width: 50px;
-    position: relative;
-    background: transparent;
-    border: none;
-  }
-
-  .tns-controls button[data-controls='prev'] {
-    left: -14px;
-  }
-
-  .tns-controls button[data-controls='next'] {
-    right: -14px;
-  }
-
-  .tns-controls .arrow-left,
-  .tns-controls .arrow-right {
-    color: #808080;
-    font-size: 3rem;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.courses-carousel {
-    height: auto;
-    display: flex;
-    align-items: stretch;
-}
-
-.courses-carousel .np-card {
-    padding: 0 16px 32px;
-}
-
-/* COVER PAGE STYLES (COURSE & LEARNING PATH) */
-
-.np-header:not(.active) {
-    background-color:transparent!important;
-}
-
-.cover-page-hero {
-    padding:100px 16px 50px;
-    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.25%, #FFFFFF 100%), radial-gradient(90.83% 165.04% at 100% 29.31%, #FFFADB 5.03%, #E0FEE7 96.72%);
-}
-
-.cover-page-hero.course-hero {
-    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.25%, #FFFFFF 100%), radial-gradient(90.83% 165.04% at 100% 29.31%, #FFFADB 5.03%, #E0FEE7 96.72%);
-}
-
-.cover-page-hero.learning-path-hero {
-    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.25%, #FFFFFF 100%), radial-gradient(90.83% 165.04% at 100% 29.31%, #FFDEEB 0%, #FFFADB 100%)
-}
-
-.cover-page-hero .np-page-container {
-    margin-top:0;
-    margin-bottom:0;
-}
-
-.course-vocab {
-    text-transform: uppercase;
-}
-
-.cover-page.np-main.np-page-container {
-    padding-top:0;
-    margin-top:0;
-}
-
-.cover-page .np-card-heading {
-    letter-spacing: 0.08em;
-    text-transform: uppercase;
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 125%;
-}
-
-.np-content-instructors-content-item {
-    align-items: center;
-}
-
-.cover-page .np-top-cta {
-    background: #F5F5F5;
-    margin: 24px 6px;
-    border-radius: 0px;
-    padding: 18px;
-    display: flex;
-    justify-content: space-between;
-}
-
-.cover-page .np-top-cta-progress-content {
-    margin-right: 16px;
-    width: 50%;
-    min-width: 50%;
-}
-
-.cover-page .np-card-progress-bar,
-.cover-page .np-progress-bar-container {
-    height:8px;
-}
-
-.cover-page .np-top-cta-progress-text {
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 125%;
-    margin-top:0;
-}
-
-.cover-page .np-top-cta-progress-text.gray {
-    color:#808080;
-}
-
-.cover-page .np-card-progress-bar {
-    background-color: #001B38;
-}
-
-.np-content-instructors-content-name {
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 24px;
-    color: #001B38;
-  }
-
-  .np-content-instructors-content-info {
-    font-size: 16px;
-    line-height: 160%;
-    color: #001B38;
-  }
-
-  .np-learning-path-outline-inactive-item {
-    border: none;
-    display: flex;
-    align-items: unset;
-  }
-
-  .np-learning-path-outline-inactive-item .np-learning-path-outline-course-image {width:100%;}
-
-
-@media (min-width:768px) {
-    .cover-page-hero {
-      padding-top:180px;
-    }
-
-    .cover-page .np-card-text {
-        font-size: 17px;
-        line-height: 150%;
-      }
-
-    .cover-page .np-top-cta-progress-content {
-        width: 75%;
-        min-width: 75%;
-    }
-
-    .cover-page .np-top-cta {
-        background: #F5F5F5;
-        margin: 0 0 32px;
-        padding: 30px;
-    }
-
-    .cover-page .np-progress-bar-container {
-        margin-top:16px;
-    }
-}
-
-body .np-card-text p {
-    font-size: 17px !important;
-    line-height: 150% !important;
-    color: #001B38 !important;
-    font-family: "Roobert" !important;
-}
-
-body #isPasted {
-    font-size: 17px !important;
-    line-height: 150% !important;
-    color: #001B38 !important;
-    font-family: "Roobert" !important;
-}
-body .np-card-text span {
-    font-size: 17px !important;
-    line-height: 150% !important;
-    color: #001B38 !important;
-    font-family: "Roobert" !important;
-}
-
-.np-powered-by {
-    display: none !important;
-}
-.np-learning-path-outline-content {
-    width: 100%;
-}
-
-@media (max-width:1050px) {
-    .hidden-mobile-custom{
-        display: none;
-    }
-}

CustomerNotes/Papa/Papa.md

@@ -176,7 +176,7 @@ Okta SSO - Ted, Security Team
 
 ### Mini/Becca Care Center items
 
-* Stef Owens, sowens@papa.com, Group: New Hire 10/31, Course 6.1 & 6.2
+* Stef Owens, <sowens@papa.com>, Group: New Hire 10/31, Course 6.1 & 6.2
   * What she is not seeing - some course updates
   * She is going in through Okta, entering Northpass, and clicking "Learner Mode"
 * Some new course versions and various items are not updating to her end.
@@ -261,6 +261,7 @@ Ask who else should be on the call.
 Immediately asking for the recording to be stopped
 
 Notes:
+
 * 2 months in at Papa
 * Came from Ziprecruiter
 * In charge of Sec, IT, Cloud infrastructure
@@ -285,3 +286,15 @@ client also needs to come half way.
 Papa Employees:
 
 * Sam - Head of sales
+
+## 11/2/2023
+
+### Meeting with Chapin & Seth
+
+Comms in Northpass is just a starting point
+They are sending webhooks to Papa
+Told Chapin about Erich trying to cancel the contract and he said he would be screwed if someone decided that without him.
+Plan on expanding use to more Pals - this is a testing phase.
+He and Seth are really liking Northpass and think it is working great for them.
+TODO: get additional time-based analytics for them as well as ask for a db extract of delivery log for comms.
+