thats it. last commit at gainsight. closing this repo soon.

.gitignore

@@ -0,0 +1 @@
+Scripts/node_modules/

Custom_Templates/customer_templates/AB Tasty - External/_cards_course.html.liquid

@@ -1,34 +0,0 @@
-<div class="np-card">
-  <div class="np-card-container">
-    {% if course.ribbon %}
-      <div class="np-card-ribbon">
-        {{ course.ribbon }}
-      </div>
-    {% endif %}
-    <img
-      class="np-card-image"
-      alt="{{ course.name }}"
-      src="{{ course.image_url }}"
-    >
-    <div class="np-card-content np-card-content-vertical np-card-padding">
-      <h3 class="np-card-content-title">
-        {{ course.name }}
-      </h3>
-      <div class="np-card-content-subtitle">
-        {{ course.instructor_names }}
-      </div>
-      <div class="np-card-content-footer">
-        <div class="np-card-content-progress np-button-color">
-          {% t shared.progress, count: course.progress %}
-        </div>
-        {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
-        {% if course.has_to_restart? %}
-          {% include "course_version_outdated_popup", path: course_path %}
-        {% endif %}
-        <a class="np-button np-button-wide" href="{{ course_path }}">
-          {% t shared.view %}
-        </a>
-      </div>
-    </div>
-  </div>
-</div>

Custom_Templates/customer_templates/AB Tasty - External/_header.html.liquid

@@ -1,180 +0,0 @@
-<header class="np-header np-header-color">
-  <div class="np-header-content">
-    <div class="np-hidden-desktop np-header-mobile-menu-nav">
-      {% if current_person.signed_in? %}
-        <button
-          data-toggle-class="np-hidden"
-          class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
-          data-toggle-target=".np-header-mobile-avatar-menu,
-          .np-header-mobile-menu-content, .np-main, .np-footer"
-        ></button>
-        <button
-          data-test="open-mobile-menu"
-          data-toggle-class="np-hidden"
-          class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
-          data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
-        >
-          <img
-            alt="{{ current_person.name }}"
-            class="np-header-avatar-image"
-            src="{{ current_person.avatar_url }}"
-          />
-        </button>
-      {% endif %}
-    </div>
-    {% if current_school.logo_url %}
-      <h1 class="np-header-logo">
-        <a href="{% route home %}">
-          <img
-            alt="{{ current_school.name }}"
-            class="np-header-logo-image"
-            src="{{ current_school.logo_url }}"
-          />
-        </a>
-      </h1>
-    {% else %}
-      <a href="{% route home %}" class="np-school-name np-header-font-color">
-        {{ current_school.name }}
-      </a>
-    {% endif %}
-
-    <div class="np-hidden-mobile np-header-desktop-nav">
-      <ul class="np-header-desktop-nav-list">
-        {% for website_navigation in navigations.header_navigations_external %}
-          <li class= "np-header-desktop-nav-item">
-            <a
-              href="{{ website_navigation.path }}"
-              class="np-header-desktop-nav-link np-header-font-color"
-              target="_blank"
-            >
-              {{ website_navigation.name }}
-            </a>
-          </li>
-        {% endfor %}
-      </ul>
-    </div>
-
-    {% if current_person.signed_in? %}
-      <div class="np-hidden-mobile np-header-search np-header-search-expanded">
-        <form action="{% route search %}" method="get" data-test="desktop-search">
-          <input
-            aria-label="{% t .search %}"
-            class="np-header-search-input np-header-font-background-color"
-            type="text"
-            name="q"
-            placeholder="{% t .search %}"
-          />
-          <i class="np-header-search-icon far fa-search"></i>
-        </form>
-      </div>
-      <div class="np-hidden-mobile np-header-avatar">
-        <button
-          class="np-header-avatar-button"
-          data-test="open-desktop-menu"
-          data-toggle-class-on-target="np-hidden"
-          data-toggle-target=".np-header-avatar-tooltip"
-          data-toggle-outside
-        >
-          <img
-            alt="{{ current_person.name }}"
-            class="np-header-avatar-image"
-            src="{{ current_person.avatar_url }}"
-          >
-        </button>
-        <div class="np-header-avatar-tooltip np-hidden" role="tooltip">
-          <span class="np-header-avatar-tooltip-arrow-up"></span>
-          <div class="np-header-avatar-tooltip-learner">
-            <div class="np-header-avatar-tooltip-learner-name">
-              {{ current_person.name }}
-            </div>
-            <div class="np-header-avatar-tooltip-learner-email">
-              {{ current_person.email }}
-            </div>
-          </div>
-          <nav class="np-header-avatar-tooltip-navigation">
-          {% unless current_school.sso_active? %}
-            <a
-              class="np-header-avatar-tooltip-navigation-link"
-              href="{% route account %}"
-            >
-              {% t .profile_settings %}
-            </a>
-          {% endunless %}
-            <a
-              class="np-header-avatar-tooltip-navigation-link np-danger"
-              href="{% route logout %}"
-            >
-              {% t .sign_out %}
-            </a>
-          </nav>
-        </div>
-      </div>
-    {% else %}
-      <a
-        class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
-        aria-label="{% t shared.sign_in %}"
-        href="{% route login %}"
-      >
-        {% t shared.sign_in %}
-      </a>
-    {% endif %}
-  </div>
-</header>
-
-<div class="np-hidden-desktop">
-  <div class="np-header-mobile-menu-content np-hidden">
-    {% if current_person.signed_in? %}
-      <img
-        alt="{{ current_person.name }}"
-        class="np-header-mobile-menu-content-avatar"
-        src="{{ current_person.avatar_url }}"
-      />
-      <div class="np-header-mobile-menu-content-name">
-        {{ current_person.name }}
-      </div>
-    {% endif %}
-    <div class="np-header-mobile-menu-content-nav">
-      <form
-        class="np-header-search"
-        data-test="mobile-search"
-        method="get"
-        action="{% route search %}"
-      >
-        <input
-          aria-label="{% t .search %}"
-          class="np-header-search-input"
-          type="text"
-          name="q"
-          placeholder="{% t .search %}"
-        />
-        <i class="np-header-search-icon far fa-search"></i>
-      </form>
-      {% for website_navigation in navigations.header_navigations %}
-        <a
-          href="{{ website_navigation.path }}"
-          class="np-header-mobile-menu-content-button"
-          {% if website_navigation.external? %} target="_blank" {% endif %}
-        >
-          {{ website_navigation.name }}
-        </a>
-      {% endfor %}
-      <div class="np-header-mobile-menu-content-line"></div>
-      {% unless current_school.sso_active? %}
-        <a
-          class="np-header-mobile-menu-content-button"
-          href="{% route account %}"
-        >
-          {% t .profile_settings %}
-        </a>
-      {% endunless %}
-      <a
-        class="np-header-mobile-menu-content-button np-danger"
-        href="{% route logout %}"
-      >
-        {% t .sign_out %}
-      </a>
-    </div>
-  </div>
-</div>
-
-{% include "messages" %}

Custom_Templates/customer_templates/AB Tasty - External/_learning_paths_index.html.liquid

@@ -1,30 +0,0 @@
-{% assign hidden_lps = 'f0444d09-3eae-4335-a8ec-419d818c01f9 9f4daafe-14e5-4771-9fb5-50752a9372fb 0f4f78e7-a0ab-4e92-b079-97736a8efc31 46108735-9ee0-4b25-a7d3-2dd72d17402f 4d4aac7c-7831-4b27-a029-2d83764f7b2f' %}
-{% assign master_learning_path = false %}
-{% if current_person.signed_in? %}
-  {% for group in current_person.groups %}
-      {% if group.id contains '33fb398a-df35-4f6d-b801-8bf4dc9d0937'%}
-        {% assign master_learning_path = true %}
-      {% endif %}
-  {% endfor %}
-{% endif %}
-
-<div class="np-learning-paths-resources">
-  {% if items.any? %}
-    {% for learning_path in items %}
-      {% if master_learning_path == false  %}
-        {% include "cards_learning_path" with learning_path %}
-        {%else%}
-        {% unless hidden_lps contains learning_path.id%}
-          {% include "cards_learning_path" with learning_path %}
-        {% endunless %}
-      {% endif %}
-    {% endfor %}
-  {% else %}
-    <div class="np-learning-paths-resources-container">
-      <div class="np-zero-state-text">
-        {% t .empty %}
-      </div>
-      <img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
-    </div>
-  {% endif %}
-</div>

Custom_Templates/customer_templates/AB Tasty - External/_sub_navigation.html.liquid

@@ -1,49 +0,0 @@
-<nav class="np-sub-navigation">
-  <div class="np-sub-navigation-content">
-    <div class="np-sub-navigation-content-item" id="Home">
-      <a class="np-sub-navigation-content-item-link" href="/app">
-        <i class="far fa-home-lg-alt np-button-color np-sub-navigation-content-item-icon"></i>
-        Home
-      </a>
-      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
-    </div>
-    
-    <div class="np-sub-navigation-content-item" id="Learning Paths">
-      <a class="np-sub-navigation-content-item-link" href="/app/learning_paths">
-        <i class="far fa-road np-button-color np-sub-navigation-content-item-icon"></i>
-        Learning Paths
-      </a>
-      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
-    </div>
-
-    <div class="np-sub-navigation-content-item" id="Courses">
-      <a class="np-sub-navigation-content-item-link" href="/app/courses">
-        <i class="far fa-graduation-cap np-button-color np-sub-navigation-content-item-icon"></i>
-        Courses
-      </a>
-      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
-    </div>
-</div>
-</nav>
-
-<script>
-  document.addEventListener("DOMContentLoaded", function() {
-    var subNavItems = document.querySelectorAll('.np-sub-navigation-content-item');
-  
-    subNavItems.forEach(function(item) {
-      var link = item.querySelector('.np-sub-navigation-content-item-link');
-      var href = link.getAttribute('href');
-      var currentUrl = window.location.pathname;
-  
-      if (currentUrl === href) {
-        item.classList.add('np-sub-navigation-content-item-active');
-        item.classList.remove('np-sub-navigation-content-item-inactive');
-      } else {
-        item.classList.add('np-sub-navigation-content-item-inactive');
-        item.classList.remove('np-sub-navigation-content-item-active');
-      }
-    });
-  });
-  </script>
-  
-

Custom_Templates/customer_templates/AB Tasty - External/dashboard.html.liquid

@@ -1,76 +0,0 @@
-{% include "header" %}
-{% include "course_version_outdated_alert", courses: courses.enrolled %}
-{% include "sub_navigation" %}
-
-{% assign master_learning_path = false %}
-{% assign master_learning_path_finished = false %}
-
-{% if current_person.signed_in? %}
-  {% for group in current_person.groups %}
-    {% if group.id contains '33fb398a-df35-4f6d-b801-8bf4dc9d0937'%}
-        {% assign master_learning_path = true %}
-      {% endif %}
-  {% endfor %}
-{% endif %}
-
-{% for learning_path in learning_paths.available %}
-  {% if learning_path.id == '4d4aac7c-7831-4b27-a029-2d83764f7b2f' and learning_path.progress == 100 %}
-    {% assign master_learning_path_finished = true %}
-  {% endif %}
-{% endfor %}
-
-<main class="np-main np-dashboard np-subpage-container np-max-width">
-
-  {% if master_learning_path %}
-    <div class="row np-flex-center">
-      <div class="section np-max-width col-xs-12 col-sm-8">
-        {% if  master_learning_path_finished == false%}
-          <div class="np-resource-title">Take your required Learning Paths!</div>
-          {% for learning_path in learning_paths.available %}
-            {% if learning_path.id == 'f0444d09-3eae-4335-a8ec-419d818c01f9' and learning_path.progress < 100 %}
-              {% include "cards_learning_path" with learning_path %}
-              {% break %}
-              {% elsif learning_path.id == '9f4daafe-14e5-4771-9fb5-50752a9372fb' and learning_path.progress < 100 %}
-                {% include "cards_learning_path" with learning_path %}
-                {% break %}
-              {% elsif learning_path.id == '0f4f78e7-a0ab-4e92-b079-97736a8efc31' and learning_path.progress < 100 %}
-                {% include "cards_learning_path" with learning_path %}
-                {% break %}
-              {% elsif learning_path.id == '46108735-9ee0-4b25-a7d3-2dd72d17402f' and learning_path.progress < 100 %}
-                {% include "cards_learning_path" with learning_path %}
-                {% break %}
-              {% elsif learning_path.id == '4d4aac7c-7831-4b27-a029-2d83764f7b2f' and learning_path.progress < 100 %}
-                {% include "cards_learning_path" with learning_path %}
-                {% break %}
-            {% endif %}
-          {% endfor %}
-          {% else %}
-        {%endif%}
-      </div>
-    </div>
-  {% endif %}
-
-  <div class="row np-flex-center">
-    <div class="col-xs-12 col-sm-8">
-      {% if features.learning_paths? %}
-        <div class="np-dashboard-resources-title">
-          Assigned {% t shared.learning_paths %}
-        </div>
-        {% include "learning_paths_index", items: learning_paths.enrolled %}
-      {% endif %}
-      <div class="np-dashboard-resources-title">
-        Assigned {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
-      </div>
-      {% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
-    </div>
-    {% if features.training_events? %}
-      <div class="np-grid-spacing col-xs-12 col-sm-4">
-        <div class="np-dashboard-resources-title">
-          {% t .upcoming_events %}
-        </div>
-          {% include "training_events_dashboard" %}
-      </div>
-    {% endif %}
-  </div>
-</main>
-{% include "footer" %}

Custom_Templates/customer_templates/AB Tasty - External/homepage.html.liquid

@@ -1,73 +0,0 @@
-{% assign master_learning_path = false %}
-
-{% if current_person.signed_in? %}
-  {% for group in current_person.groups %}
-      {% if group.id contains 'cebe3604-010f-4de2-b953-b8d0a1058188' or group.id contains 'b8ffe8fd-4210-40c3-8dfb-ce7ac3fc4027'%}
-        {% assign master_learning_path = true %}
-        <h1>hi</h1>
-      {% endif %}
-  {% endfor %}
-{% endif %}
-
-
-
-{% include "header" %}
-{% include "course_version_outdated_alert", courses: courses.featured %}
-<main class="np-main np-homepage">
-  <div class="np-homepage-hero">
-    <img class="np-homepage-hero-image"
-      src="{{ homepage.artwork_url }}"
-      alt="{{ homepage.headline }}"
-    />
-    <div class="np-homepage-hero-content">
-      <div class="np-homepage-headline np-header-font-color">
-        {{ homepage.headline }}
-      </div>
-      <div class="np-homepage-subheadline np-header-font-color">
-        {{ homepage.subheadline }}
-      </div>
-      <a class="np-homepage-hero-cta np-button" href="{% route catalog %}">
-        {% t .discover %}
-      </a>
-    </div>
-  </div>
-  {% include "sub_navigation" %}
-  {% if master_learning_path %}
-    {% for learning_path in learning_paths.available %}
-      {% if learning_path.id == 'a2511934-9696-4ed1-b7a0-d27d5e244c10' and learning_path.progress < 100 %}
-        <h1>true</h1>
-        {% include "cards_learning_path" with learning_path %}
-      {% endif %}
-    {% endfor %}
-  {% endif %}
-  <div class="np-homepage-featured np-max-width">
-    <div class="np-homepage-featured-text">
-      <div class="np-homepage-headline">
-        {{ homepage.featured_courses_headline }}
-      </div>
-      <div class="np-homepage-subheadline">
-        {{ homepage.featured_courses_subheadline }}
-      </div>
-    </div>
-    {% if courses.featured.any? %}
-      <div class="np-homepage-featured-courses row">
-        {% for course in courses.featured %}
-          <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
-            {% include "cards_course" with course %}
-          </div>
-        {% endfor %}
-      </div>
-    {% else %}
-      <div class="np-homepage-featured-empty">
-        <div class="np-zero-state-text">
-          {% t .empty, key: current_school.course_vocabulary %}
-        </div>
-        <img
-          class="np-zero-state-courses"
-          alt="{% t .empty, key: current_school.course_vocabulary %}"
-        />
-      </div>
-    {% endif %}
-  </div>
-</main>
-{% include "footer" %}

Custom_Templates/customer_templates/AB Tasty - External/styles.css.liquid

@@ -1,11 +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 }}
-*/

Custom_Templates/customer_templates/AB Tasty - Internal/_cards_course.html.liquid

@@ -1,34 +0,0 @@
-<div class="np-card">
-  <div class="np-card-container">
-    {% if course.ribbon %}
-      <div class="np-card-ribbon">
-        {{ course.ribbon }}
-      </div>
-    {% endif %}
-    <img
-      class="np-card-image"
-      alt="{{ course.name }}"
-      src="{{ course.image_url }}"
-    >
-    <div class="np-card-content np-card-content-vertical np-card-padding">
-      <h3 class="np-card-content-title">
-        {{ course.name }}
-      </h3>
-      <div class="np-card-content-subtitle">
-        {{ course.instructor_names }}
-      </div>
-      <div class="np-card-content-footer">
-        <div class="np-card-content-progress np-button-color">
-          {% t shared.progress, count: course.progress %}
-        </div>
-        {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
-        {% if course.has_to_restart? %}
-          {% include "course_version_outdated_popup", path: course_path %}
-        {% endif %}
-        <a class="np-button np-button-wide" href="{{ course_path }}">
-          {% t shared.view %}
-        </a>
-      </div>
-    </div>
-  </div>
-</div>

Custom_Templates/customer_templates/AB Tasty - Internal/_footer.html.liquid

@@ -1,78 +0,0 @@
-<footer class="np-footer">
-  <div class="np-footer-top">
-    {% if website_footer.show_navigation_links? %}
-      <div class="np-footer-navigation">
-        <ul class="np-footer-navigation-list">
-          {% for website_navigation in navigations.footer_navigations %}
-            <li class="np-footer-navigation-item">
-              <a
-                class="np-footer-navigation-link np-button-color"
-                href="{{ website_navigation.path }}"
-                {% if website_navigation.external? %} target="_blank" {% endif %}
-              >
-                {{ website_navigation.name }}
-              </a>
-            </li>
-          {% endfor %}
-        </ul>
-      </div>
-    {% endif %}
-    {% if current_school.logo_url %}
-      <h2 class="np-footer-logo">
-        <a href="{% route home %}">
-          <img
-            alt="{{ current_school.name }}"
-            class="np-footer-logo-image"
-            src="{{ current_school.logo_url }}"
-          />
-        </a>
-      </h2>
-    {% else %}
-      <div class="np-school-name np-header-font-color">
-        {{ current_school.name }}
-      </div>
-    {% endif %}
-  </div>
-
-  <div class="np-footer-bottom">
-    <nav class="np-footer-social-links">
-      {% if website_footer.show_social_media_links? %}
-        <ul class="np-footer-social-links-list">
-          {% for social_media_link in website_footer.social_media_links %}
-            <li class="np-footer-social-links-item">
-              <a
-                class="np-footer-social-links-link np-button-color"
-                href="{{ social_media_link.link }}"
-                target="_blank" title="{{ social_media_link.name }}"
-              >
-                <i class="np-footer-social-links-icon
-                  np-button-color
-                  fab fa-{{ social_media_link.name }}"
-                ></i>
-              </a>
-            </li>
-          {% endfor %}
-        </ul>
-      {% endif %}
-    </nav>
-
-    {% if website_footer.show_customer_service_email? and
-      website_footer.school_customer_service_email
-    %}
-      <div class="np-footer-support">
-        <div class="np-footer-support-item np-footer-support-help">
-          {% t .need_help %}
-        </div>
-        <div class="np-footer-support-item np-footer-support-email">
-          {% t .email %}
-        </div>
-        <a
-          class="np-footer-support-item np-footer-support-link np-button-color"
-          href="mailto:{{ website_footer.school_customer_service_email }}"
-        >
-          {{ website_footer.school_customer_service_email }}
-        </a>
-      </div>
-    {% endif %}
-  </div>
-</footer>

Custom_Templates/customer_templates/AB Tasty - Internal/_header.html.liquid

@@ -1,180 +0,0 @@
-<header class="np-header np-header-color">
-  <div class="np-header-content">
-    <div class="np-hidden-desktop np-header-mobile-menu-nav">
-      {% if current_person.signed_in? %}
-        <button
-          data-toggle-class="np-hidden"
-          class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
-          data-toggle-target=".np-header-mobile-avatar-menu,
-          .np-header-mobile-menu-content, .np-main, .np-footer"
-        ></button>
-        <button
-          data-test="open-mobile-menu"
-          data-toggle-class="np-hidden"
-          class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
-          data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
-        >
-          <img
-            alt="{{ current_person.name }}"
-            class="np-header-avatar-image"
-            src="{{ current_person.avatar_url }}"
-          />
-        </button>
-      {% endif %}
-    </div>
-    {% if current_school.logo_url %}
-      <h1 class="np-header-logo">
-        <a href="{% route home %}">
-          <img
-            alt="{{ current_school.name }}"
-            class="np-header-logo-image"
-            src="{{ current_school.logo_url }}"
-          />
-        </a>
-      </h1>
-    {% else %}
-      <a href="{% route home %}" class="np-school-name np-header-font-color">
-        {{ current_school.name }}
-      </a>
-    {% endif %}
-
-    <div class="np-hidden-mobile np-header-desktop-nav">
-      <ul class="np-header-desktop-nav-list">
-        {% for website_navigation in navigations.header_navigations_external %}
-          <li class= "np-header-desktop-nav-item">
-            <a
-              href="{{ website_navigation.path }}"
-              class="np-header-desktop-nav-link np-header-font-color"
-              target="_blank"
-            >
-              {{ website_navigation.name }}
-            </a>
-          </li>
-        {% endfor %}
-      </ul>
-    </div>
-
-    {% if current_person.signed_in? %}
-      <div class="np-hidden-mobile np-header-search np-header-search-expanded">
-        <form action="{% route search %}" method="get" data-test="desktop-search">
-          <input
-            aria-label="{% t .search %}"
-            class="np-header-search-input np-header-font-background-color"
-            type="text"
-            name="q"
-            placeholder="{% t .search %}"
-          />
-          <i class="np-header-search-icon far fa-search"></i>
-        </form>
-      </div>
-      <div class="np-hidden-mobile np-header-avatar">
-        <button
-          class="np-header-avatar-button"
-          data-test="open-desktop-menu"
-          data-toggle-class-on-target="np-hidden"
-          data-toggle-target=".np-header-avatar-tooltip"
-          data-toggle-outside
-        >
-          <img
-            alt="{{ current_person.name }}"
-            class="np-header-avatar-image"
-            src="{{ current_person.avatar_url }}"
-          >
-        </button>
-        <div class="np-header-avatar-tooltip np-hidden" role="tooltip">
-          <span class="np-header-avatar-tooltip-arrow-up"></span>
-          <div class="np-header-avatar-tooltip-learner">
-            <div class="np-header-avatar-tooltip-learner-name">
-              {{ current_person.name }}
-            </div>
-            <div class="np-header-avatar-tooltip-learner-email">
-              {{ current_person.email }}
-            </div>
-          </div>
-          <nav class="np-header-avatar-tooltip-navigation">
-          {% unless current_school.sso_active? %}
-            <a
-              class="np-header-avatar-tooltip-navigation-link"
-              href="{% route account %}"
-            >
-              {% t .profile_settings %}
-            </a>
-          {% endunless %}
-            <a
-              class="np-header-avatar-tooltip-navigation-link np-danger"
-              href="{% route logout %}"
-            >
-              {% t .sign_out %}
-            </a>
-          </nav>
-        </div>
-      </div>
-    {% else %}
-      <a
-        class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
-        aria-label="{% t shared.sign_in %}"
-        href="{% route login %}"
-      >
-        {% t shared.sign_in %}
-      </a>
-    {% endif %}
-  </div>
-</header>
-
-<div class="np-hidden-desktop">
-  <div class="np-header-mobile-menu-content np-hidden">
-    {% if current_person.signed_in? %}
-      <img
-        alt="{{ current_person.name }}"
-        class="np-header-mobile-menu-content-avatar"
-        src="{{ current_person.avatar_url }}"
-      />
-      <div class="np-header-mobile-menu-content-name">
-        {{ current_person.name }}
-      </div>
-    {% endif %}
-    <div class="np-header-mobile-menu-content-nav">
-      <form
-        class="np-header-search"
-        data-test="mobile-search"
-        method="get"
-        action="{% route search %}"
-      >
-        <input
-          aria-label="{% t .search %}"
-          class="np-header-search-input"
-          type="text"
-          name="q"
-          placeholder="{% t .search %}"
-        />
-        <i class="np-header-search-icon far fa-search"></i>
-      </form>
-      {% for website_navigation in navigations.header_navigations %}
-        <a
-          href="{{ website_navigation.path }}"
-          class="np-header-mobile-menu-content-button"
-          {% if website_navigation.external? %} target="_blank" {% endif %}
-        >
-          {{ website_navigation.name }}
-        </a>
-      {% endfor %}
-      <div class="np-header-mobile-menu-content-line"></div>
-      {% unless current_school.sso_active? %}
-        <a
-          class="np-header-mobile-menu-content-button"
-          href="{% route account %}"
-        >
-          {% t .profile_settings %}
-        </a>
-      {% endunless %}
-      <a
-        class="np-header-mobile-menu-content-button np-danger"
-        href="{% route logout %}"
-      >
-        {% t .sign_out %}
-      </a>
-    </div>
-  </div>
-</div>
-
-{% include "messages" %}

Custom_Templates/customer_templates/AB Tasty - Internal/_learning_paths_index.html.liquid

@@ -1,30 +0,0 @@
-{% assign hidden_lps = 'a2511934-9696-4ed1-b7a0-d27d5e244c10 9d05d319-ccd3-44d8-98ff-4314a15c784d f149de72-1c83-45cd-8d2c-6fc8ce02a7bd d97157fe-36d6-4549-b9f6-46b2bb6d020a 21576077-ea6a-41b7-bd38-c01d9d788617' %}
-{% assign master_learning_path = false %}
-{% if current_person.signed_in? %}
-  {% for group in current_person.groups %}
-      {% if group.id contains 'cebe3604-010f-4de2-b953-b8d0a1058188' or group.id contains 'b8ffe8fd-4210-40c3-8dfb-ce7ac3fc4027'%}
-        {% assign master_learning_path = true %}
-      {% endif %}
-  {% endfor %}
-{% endif %}
-
-<div class="np-learning-paths-resources">
-  {% if items.any? %}
-    {% for learning_path in items %}
-      {% if master_learning_path == false  %}
-        {% include "cards_learning_path" with learning_path %}
-        {%else%}
-        {% unless hidden_lps contains learning_path.id%}
-          {% include "cards_learning_path" with learning_path %}
-        {% endunless %}
-      {% endif %}
-    {% endfor %}
-  {% else %}
-    <div class="np-learning-paths-resources-container">
-      <div class="np-zero-state-text">
-        {% t .empty %}
-      </div>
-      <img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
-    </div>
-  {% endif %}
-</div>

Custom_Templates/customer_templates/AB Tasty - Internal/_sub_navigation.html.liquid

@@ -1,49 +0,0 @@
-<nav class="np-sub-navigation">
-  <div class="np-sub-navigation-content">
-    <div class="np-sub-navigation-content-item" id="Home">
-      <a class="np-sub-navigation-content-item-link" href="/app">
-        <i class="far fa-home-lg-alt np-button-color np-sub-navigation-content-item-icon"></i>
-        Home
-      </a>
-      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
-    </div>
-    
-    <div class="np-sub-navigation-content-item" id="Learning Paths">
-      <a class="np-sub-navigation-content-item-link" href="/app/learning_paths">
-        <i class="far fa-road np-button-color np-sub-navigation-content-item-icon"></i>
-        Learning Paths
-      </a>
-      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
-    </div>
-
-    <div class="np-sub-navigation-content-item" id="Courses">
-      <a class="np-sub-navigation-content-item-link" href="/app/courses">
-        <i class="far fa-graduation-cap np-button-color np-sub-navigation-content-item-icon"></i>
-        Courses
-      </a>
-      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
-    </div>
-</div>
-</nav>
-
-<script>
-  document.addEventListener("DOMContentLoaded", function() {
-    var subNavItems = document.querySelectorAll('.np-sub-navigation-content-item');
-  
-    subNavItems.forEach(function(item) {
-      var link = item.querySelector('.np-sub-navigation-content-item-link');
-      var href = link.getAttribute('href');
-      var currentUrl = window.location.pathname;
-  
-      if (currentUrl === href) {
-        item.classList.add('np-sub-navigation-content-item-active');
-        item.classList.remove('np-sub-navigation-content-item-inactive');
-      } else {
-        item.classList.add('np-sub-navigation-content-item-inactive');
-        item.classList.remove('np-sub-navigation-content-item-active');
-      }
-    });
-  });
-  </script>
-  
-

Custom_Templates/customer_templates/AB Tasty - Internal/dashboard.html.liquid

@@ -1,86 +0,0 @@
-{% include "header" %}
-{% include "course_version_outdated_alert", courses: courses.enrolled %}
-{% include "sub_navigation" %}
-
-{% assign master_learning_path = false %}
-{% assign master_learning_path_finished = false %}
-{% assign fundamentals_finished = false %}
-
-{% if current_person.signed_in? %}
-  {% for group in current_person.groups %}
-    {% if group.id contains '33fb398a-df35-4f6d-b801-8bf4dc9d0937'%}
-        {% assign master_learning_path = true %}
-      {% endif %}
-  {% endfor %}
-{% endif %}
-
-{% for learning_path in learning_paths.available %}
-  {% if learning_path.id == '4d4aac7c-7831-4b27-a029-2d83764f7b2f' and learning_path.progress == 100 %}
-    {% assign master_learning_path_finished = true %}
-  {% endif %}
-  {% if learning_path.id == 'b6c4ea11-aa5a-43ad-aef0-77a79c1e9755' and learning_path.progress == 100 %}
-    {% assign fundamentals_finished = true %}
-  {% endif %}
-{% endfor %}
-
-<main class="np-main np-dashboard np-subpage-container np-max-width">
-
-  {% if master_learning_path %}
-    <div class="row np-flex-center">
-      <div class="section np-max-width col-xs-12 col-sm-8">
-        {% if  master_learning_path_finished == false%}
-          <div class="np-resource-title">Take your required Learning Paths!</div>
-          {% for learning_path in learning_paths.available %}
-            {% if fundamentals_finished and learning_path.id == '60b30adf-fd13-42c4-aa82-7c12788424c2' and learning_path.progress < 100 %}
-              {% include "cards_learning_path" with learning_path %}
-              {% break %}
-            {% elsif learning_path.id == 'b6c4ea11-aa5a-43ad-aef0-77a79c1e9755' and learning_path.progress < 100 %}
-              {% include "cards_learning_path" with learning_path %}
-              {% break %}
-            {% elsif learning_path.id == 'f0444d09-3eae-4335-a8ec-419d818c01f9' and learning_path.progress < 100 %}
-              {% include "cards_learning_path" with learning_path %}
-              {% break %}
-            {% elsif learning_path.id == '9f4daafe-14e5-4771-9fb5-50752a9372fb' and learning_path.progress < 100 %}
-              {% include "cards_learning_path" with learning_path %}
-              {% break %}
-            {% elsif learning_path.id == '0f4f78e7-a0ab-4e92-b079-97736a8efc31' and learning_path.progress < 100 %}
-              {% include "cards_learning_path" with learning_path %}
-              {% break %}
-            {% elsif learning_path.id == '46108735-9ee0-4b25-a7d3-2dd72d17402f' and learning_path.progress < 100 %}
-              {% include "cards_learning_path" with learning_path %}
-              {% break %}
-            {% elsif learning_path.id == '4d4aac7c-7831-4b27-a029-2d83764f7b2f' and learning_path.progress < 100 %}
-              {% include "cards_learning_path" with learning_path %}
-              {% break %}
-            {% endif %}
-          {% endfor %}
-          {% else %}
-        {%endif%}
-      </div>
-    </div>
-  {% endif %}
-
-  <div class="row np-flex-center">
-    <div class="col-xs-12 col-sm-8">
-      {% if features.learning_paths? %}
-        <div class="np-dashboard-resources-title">
-          Assigned {% t shared.learning_paths %}
-        </div>
-        {% include "learning_paths_index", items: learning_paths.enrolled %}
-      {% endif %}
-      <div class="np-dashboard-resources-title">
-        Assigned {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
-      </div>
-      {% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
-    </div>
-    {% if features.training_events? %}
-      <div class="np-grid-spacing col-xs-12 col-sm-4">
-        <div class="np-dashboard-resources-title">
-          {% t .upcoming_events %}
-        </div>
-          {% include "training_events_dashboard" %}
-      </div>
-    {% endif %}
-  </div>
-</main>
-{% include "footer" %}

Custom_Templates/customer_templates/AB Tasty - Internal/homepage.html.liquid

@@ -1,73 +0,0 @@
-{% assign master_learning_path = false %}
-
-{% if current_person.signed_in? %}
-  {% for group in current_person.groups %}
-      {% if group.id contains 'cebe3604-010f-4de2-b953-b8d0a1058188' or group.id contains 'b8ffe8fd-4210-40c3-8dfb-ce7ac3fc4027'%}
-        {% assign master_learning_path = true %}
-        <h1>hi</h1>
-      {% endif %}
-  {% endfor %}
-{% endif %}
-
-
-
-{% include "header" %}
-{% include "course_version_outdated_alert", courses: courses.featured %}
-<main class="np-main np-homepage">
-  <div class="np-homepage-hero">
-    <img class="np-homepage-hero-image"
-      src="{{ homepage.artwork_url }}"
-      alt="{{ homepage.headline }}"
-    />
-    <div class="np-homepage-hero-content">
-      <div class="np-homepage-headline np-header-font-color">
-        {{ homepage.headline }}
-      </div>
-      <div class="np-homepage-subheadline np-header-font-color">
-        {{ homepage.subheadline }}
-      </div>
-      <a class="np-homepage-hero-cta np-button" href="{% route catalog %}">
-        {% t .discover %}
-      </a>
-    </div>
-  </div>
-  {% include "sub_navigation" %}
-  {% if master_learning_path %}
-    {% for learning_path in learning_paths.available %}
-      {% if learning_path.id == 'a2511934-9696-4ed1-b7a0-d27d5e244c10' and learning_path.progress < 100 %}
-        <h1>true</h1>
-        {% include "cards_learning_path" with learning_path %}
-      {% endif %}
-    {% endfor %}
-  {% endif %}
-  <div class="np-homepage-featured np-max-width">
-    <div class="np-homepage-featured-text">
-      <div class="np-homepage-headline">
-        {{ homepage.featured_courses_headline }}
-      </div>
-      <div class="np-homepage-subheadline">
-        {{ homepage.featured_courses_subheadline }}
-      </div>
-    </div>
-    {% if courses.featured.any? %}
-      <div class="np-homepage-featured-courses row">
-        {% for course in courses.featured %}
-          <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
-            {% include "cards_course" with course %}
-          </div>
-        {% endfor %}
-      </div>
-    {% else %}
-      <div class="np-homepage-featured-empty">
-        <div class="np-zero-state-text">
-          {% t .empty, key: current_school.course_vocabulary %}
-        </div>
-        <img
-          class="np-zero-state-courses"
-          alt="{% t .empty, key: current_school.course_vocabulary %}"
-        />
-      </div>
-    {% endif %}
-  </div>
-</main>
-{% include "footer" %}

Custom_Templates/customer_templates/AB Tasty - Internal/styles.css.liquid

@@ -1,11 +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 }}
-*/

Custom_Templates/customer_templates/AIIM+/_cards_course.html.liquid

@@ -1,34 +0,0 @@
-<div class="np-card">
-  <div class="np-card-container">
-    {% if course.ribbon %}
-      <div class="np-card-ribbon">
-        {{ course.ribbon }}
-      </div>
-    {% endif %}
-    <img
-      class="np-card-image"
-      alt="{{ course.name }}"
-      src="{{ course.image_url }}"
-    >
-    <div class="np-card-content np-card-content-vertical np-card-padding">
-      <h3 class="np-card-content-title">
-        {{ course.name }}
-      </h3>
-      <div class="np-card-content-subtitle">
-        {{ course.instructor_names }}
-      </div>
-      <div class="np-card-content-footer">
-        <div class="np-card-content-progress np-button-color">
-          {% t shared.progress, count: course.progress %}
-        </div>
-        {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
-        {% if course.has_to_restart? %}
-          {% include "course_version_outdated_popup", path: course_path %}
-        {% endif %}
-        <a class="np-button np-button-wide" href="{{ course_path }}">
-          {% t shared.view %}
-        </a>
-      </div>
-    </div>
-  </div>
-</div>

Custom_Templates/customer_templates/AIIM+/_cards_learning_path.html.liquid

@@ -1,70 +0,0 @@
-<div class="np-card np-no-horizontal-padding">
-  <div class="np-card-container">
-    <div class="np-learning-path">
-      <img
-        alt="{{ learning_path.name }}"
-        class="np-card-image np-learning-path-image"
-        src="{{ learning_path.image_url }}"
-      />
-      <div class="np-card-text-wrapper">
-        <div class="np-hidden-desktop np-card-header">
-          <i class="np-card-header-icon far fa-road"></i>
-          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
-          <div class="np-hidden-desktop  np-card-header-items-count">
-            {{ learning_path.items.count }} {% t .items %}
-          </div>
-        </div>
-        <div class="np-hidden-mobile np-card-header">
-          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
-          <i class="np-card-header-icon far fa-road"></i>
-        </div>
-
-        <div class="np-card-content np-card-padding np-card-content-vertical">
-          <h3 class="np-card-content-title">
-            {{ learning_path.name }}
-          </h3>
-
-          <div class="np-card-content-subtitle">
-            {{ learning_path.instructor_names }}
-          </div>
-
-          <div class="np-hidden-mobile np-card-content-description">
-            {{ learning_path.description }}
-          </div>
-
-          <div class="np-hidden-mobile np-card-content-progress
-          np-button-color">
-            {% t shared.progress, count: learning_path.progress %}
-          </div>
-
-          <div class="np-hidden-mobile np-card-progress-bar-container">
-            <div
-              style="width: {{ learning_path.progress }}%"
-              class="np-button-background-color np-card-progress-bar">
-            </div>
-          </div>
-
-          <div class="np-card-content-footer">
-            <div class="np-hidden-desktop np-card-content-progress
-            np-button-color">
-              {% t shared.progress, count: learning_path.progress %}
-            </div>
-            <a class="np-button" href="{% route learning_path, id: learning_path.id %}">
-              {% t shared.view %}
-            </a>
-            <span class="np-hidden-mobile np-learning-path-items">
-              <i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
-              <span class="np-learning-path-items-count">
-                {{ learning_path.items.count }} {% t .items %}
-              </span>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="np-card-stack">
-    <div class="np-card-stack-level-1"></div>
-    <div class="np-card-stack-level-2"></div>
-  </div>
-</div>

Custom_Templates/customer_templates/AIIM+/_cards_training_event.html.liquid

@@ -1,45 +0,0 @@
-<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>

Custom_Templates/customer_templates/AIIM+/_completion_dashboard.html.liquid

@@ -1,60 +0,0 @@
-<div class="np-dashboard-resources">
-  {% if courses.enrolled.any? %}
-  <div class="np-card">
-  <div class="np-card-container">
-    <div class="np-card-content-training-event">
-  {% assign countComplete = 0 %}
-  {% assign countInProgress = 0 %}
-  {% assign countNotStarted = 0 %}
-  {% assign countTotal = 0 | times: 1.0 %}
-    {% for course in courses.enrolled %}
-      {% assign countTotal = countTotal | plus: 1 %}
-      {% if course.progress == 100 %}
-        {% assign countComplete = countComplete | plus: 1 %}
-      {% endif %}
-      {% if course.progress > 0 and course.progress < 100 %}
-        {% assign countInProgress = countInProgress | plus: 1 %}
-      {% endif %}
-      {% if course.progress == 0 %}
-        {% assign countNotStarted = countNotStarted | plus: 1 %}
-      {% endif %}
-    {% endfor %}
-    <ul class="circle-list" style="display: flex; flex-direction: row;">
-      <li>
-        {% include "progress_circle", name:'Completed' , count: countComplete , total: countTotal %}
-      </li>
-      <li>
-        {% include "progress_circle", name:'In Progress' , count: countInProgress , total: countTotal %}
-      </li>
-      <li>
-        {% include "progress_circle", name:'Not Started' , count: countNotStarted , total: countTotal %}
-      </li>
-    </ul>
-  </div>
-{% else %}
-  {% capture message %}
-    {% t shared.zero_state.courses.index,
-      key: current_school.course_vocabulary
-    %}
-  {% endcapture %}
-  {% include "courses_zero_state", message: message %}
-{% endif %}
-</div>
- </div>
-  </div>
-<style>
-  .circle-list {
-    list-style-type: none !important;
-  }
-  .align-center {
-    align-items: center !important;
-}
-.progress-ring__circle {
-  transition: stroke-dashoffset 0.35s;
-}
-.progress-ring__circle {
-  transition: stroke-dashoffset 0.35s;
-  transform: rotate(-90deg);
-  transform-origin: center;
-}
-</style>

Custom_Templates/customer_templates/AIIM+/_courses_index.html.liquid

@@ -1,77 +0,0 @@
-{% if courses.enrolled.any? %}
-    <div class="row row-with-thumbnails" id='filterProgress'>
-        {% assign sorted_courses = courses.enrolled | sort: 'ribbon' %}
-        {% for course in sorted_courses %}
-            {% if course.ribbon == 'New' %}
-                {% assign catalog_course_status = "" %}
-                {% if course.started? == false  %}
-                    {% assign catalog_course_status = "not-started" %}
-                {% elsif course.completed?  %}
-                    {% assign catalog_course_status = "completed" %}
-                {% elsif course.started?  %}
-                    {% assign catalog_course_status = "in-progress" %}
-                {% endif %}
-                <div class="{{ class }} {{catalog_course_status }}">
-                    {% include "cards_course" with course %}
-                </div>
-            {% endif %}
-        {% endfor %}
-
-        {% for course in sorted_courses %}
-            {% if course.ribbon contains "Minutes" %}
-                {% assign catalog_course_status = "" %}
-                {% if course.started? == false  %}
-                    {% assign catalog_course_status = "not-started" %}
-                {% elsif course.completed?  %}
-                    {% assign catalog_course_status = "completed" %}
-                {% elsif course.started?  %}
-                    {% assign catalog_course_status = "in-progress" %}
-                {% endif %}
-                <div class="{{ class }} {{catalog_course_status }}">
-                    {% include "cards_course" with course %}
-                </div>
-            {% endif %}
-        {% endfor %}
-
-        {% for course in sorted_courses %}
-            {% if course.ribbon == 'AIIM21' %}
-                {% assign catalog_course_status = "" %}
-                {% if course.started? == false  %}
-                    {% assign catalog_course_status = "not-started" %}
-                {% elsif course.completed?  %}
-                    {% assign catalog_course_status = "completed" %}
-                {% elsif course.started?  %}
-                    {% assign catalog_course_status = "in-progress" %}
-                {% endif %}
-                <div class="{{ class }} {{catalog_course_status }}">
-                    {% include "cards_course" with course %}
-                </div>
-            {% endif %}
-        {% endfor %}
-
-        {% for course in sorted_courses %}
-            {% if course.ribbon != 'New' and course.ribbon != 'AIIM21' and course.ribbon != 'Certificate' %}
-                {% unless course.ribbon contains 'Minutes' %}
-                    {% assign catalog_course_status = "" %}
-                    {% if course.started? == false  %}
-                        {% assign catalog_course_status = "not-started" %}
-                    {% elsif course.completed?  %}
-                        {% assign catalog_course_status = "completed" %}
-                    {% elsif course.started?  %}
-                        {% assign catalog_course_status = "in-progress" %}
-                    {% endif %}
-                    <div class="{{ class }} {{catalog_course_status }}">
-                        {% include "cards_course" with course %}
-                    </div>
-                {% endunless %}
-            {% endif %}
-        {% endfor %}
-    </div>
-{% else %}
-    {% capture message %}
-        {% t shared.zero_state.courses.index,
-                key: current_school.course_vocabulary
-        %}
-    {% endcapture %}
-    {% include "courses_zero_state", message: message %}
-{% endif %}

Custom_Templates/customer_templates/AIIM+/_filter_by_progress.html.liquid

@@ -1,103 +0,0 @@
-{% assign topic_classname = topic | split: " " %}
-
-<div class="np-progress-filter-wrapper">
-    {% if label %}
-      <div class="np-progress-filter-label">{{ label }}</div>
-    {% endif %}
-    <div class="progress-filter filter-select-wrapper select-wrapper np-button" data-topic="{{ topic_classname | join: '-' | downcase }}">
-        <select >
-            <option selected disabled hidden>{{ default_option}}</option>
-            <option value="a">All Courses</option>
-            <option value="n">Not Started</option>
-            <option value="i">In Progress</option>
-            <option value="c">Completed</option>
-        </select>
-    </div>
-</div>
-
-<style>
-  .np-progress-filter-label {
-      color: rgba(255, 255, 255);
-      padding-right: 7px;
-      text-transform: none;
-      font-weight:500;
-      font-size:0.812rem;
-  }
-  .np-progress-filter-wrapper {
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-      padding-bottom: 15px;
-  }
-  .filter-select-wrapper {
-      position: relative;
-      padding:0;
-      color: #fff;
-      height:auto;
-      text-transform: none;
-      background: transparent;
-      border-radius:0;
-  }
-  .filter-select-wrapper:hover {
-      background:transparent;
-      color:#fff;
-  }
-  .select-items {
-      position: absolute;
-      background-color: #318cae;
-      opacity: 0.9;
-      top: 105%;
-      z-index: 99;
-      width: 95%;
-      border-top:none;
-  }
-  .select-items div {
-      color: rgba(255, 255, 255);
-      border-top:none;
-      cursor: pointer;
-      width:100%;
-      padding: 12px 16px;
-    }
-
-  .select-items div:hover {  color: rgba(255, 255, 255, 1); }
-  .select-selected {
-      width: 100%;
-      height: 100%;
-      padding: 9px 66px 9px 20px;
-      position: relative;
-      color:#fff;
-      background-color: #318cae;
-      border-radius: 5px;
-  }
-  .select-selected::after {
-      content:"\\f078";
-      font-family: "Font Awesome 5 Pro";
-      position: absolute;
-      width:20px;
-      height:100%;
-      color:rgba(255, 255, 255);
-      right:10px;
-      top:0;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      font-size:1rem;
-  }
-  .select-selected.select-arrow-active::after { transform: rotate(180deg); }
-  .same-as-selected,
-  .filter-select-wrapper select,
-  .select-hide {
-      display: none;
-  }
-  .mo-filter-wrapper {
-      display: flex;
-      justify-content: center;
-      list-style: none;
-      margin: 0;
-      padding: 0;
-  }
-  .select-items div:hover,
-  .same-as-selected {
-    background-color: #318cae;
-  }
-</style>

Custom_Templates/customer_templates/AIIM+/_footer.html.liquid

@@ -1,78 +0,0 @@
-<footer class="np-footer">
-  <div class="np-footer-top">
-    {% if website_footer.show_navigation_links? %}
-      <div class="np-footer-navigation">
-        <ul class="np-footer-navigation-list">
-          {% for website_navigation in navigations.footer_navigations %}
-            <li class="np-footer-navigation-item">
-              <a
-                class="np-footer-navigation-link np-button-color"
-                href="{{ website_navigation.path }}"
-                {% if website_navigation.external? %} target="_blank" {% endif %}
-              >
-                {{ website_navigation.name }}
-              </a>
-            </li>
-          {% endfor %}
-        </ul>
-      </div>
-    {% endif %}
-    {% if current_school.logo_url %}
-      <h2 class="np-footer-logo">
-        <a href="{% route home %}">
-          <img
-            alt="{{ current_school.name }}"
-            class="np-footer-logo-image"
-            src="{{ current_school.logo_url }}"
-          />
-        </a>
-      </h2>
-    {% else %}
-      <div class="np-school-name np-header-font-color">
-        {{ current_school.name }}
-      </div>
-    {% endif %}
-  </div>
-
-  <div class="np-footer-bottom">
-    <nav class="np-footer-social-links">
-      {% if website_footer.show_social_media_links? %}
-        <ul class="np-footer-social-links-list">
-          {% for social_media_link in website_footer.social_media_links %}
-            <li class="np-footer-social-links-item">
-              <a
-                class="np-footer-social-links-link np-button-color"
-                href="{{ social_media_link.link }}"
-                target="_blank" title="{{ social_media_link.name }}"
-              >
-                <i class="np-footer-social-links-icon
-                  np-button-color
-                  fab fa-{{ social_media_link.name }}"
-                ></i>
-              </a>
-            </li>
-          {% endfor %}
-        </ul>
-      {% endif %}
-    </nav>
-
-    {% if website_footer.show_customer_service_email? and
-      website_footer.school_customer_service_email
-    %}
-      <div class="np-footer-support">
-        <div class="np-footer-support-item np-footer-support-help">
-          {% t .need_help %}
-        </div>
-        <div class="np-footer-support-item np-footer-support-email">
-          {% t .email %}
-        </div>
-        <a
-          class="np-footer-support-item np-footer-support-link np-button-color"
-          href="mailto:{{ website_footer.school_customer_service_email }}"
-        >
-          {{ website_footer.school_customer_service_email }}
-        </a>
-      </div>
-    {% endif %}
-  </div>
-</footer>

Custom_Templates/customer_templates/AIIM+/_head.html.liquid

@@ -1,11 +0,0 @@
-{% styles default %}
-{% styles colors %}
-{% styles custom %}
-
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@100;400;500;600;700;800&display=swap" rel="stylesheet">
-<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>

Custom_Templates/customer_templates/AIIM+/_header.html.liquid

@@ -1,266 +0,0 @@
-<header class="np-header np-header-color np-hidden-mobile">
-  <div class="np-header-content-upper">
-    <div class="np-header-content-upper-left">
-        <a class='upper-menu-button' href='https://www.aiim.org/'>
-          << Back to AIIM.org
-        </a>
-    </div>
-    <div class="np-header-content-upper-right">
-      {% if current_person.signed_in? %}
-        {% include 'user_bar_desktop' %}
-      {% else %}
-        <a class="np-header-sign-in np-header-desktop-nav-link np-header-font-color" href="{% route login %}"> {% t shared.sign_in %}
-      {% endif %}
-    </div>
-  </div>
-  <div class="np-header-content-bottom">
-    {% if current_school.logo_url %}
-      <h1 class="np-header-logo">
-        <a href="{% route home %}">
-          <img
-            alt="{{ current_school.name }}"
-            class="np-header-logo-image"
-            src="{{ current_school.logo_url }}"
-          />
-        </a>
-      </h1>
-    {% else %}
-      <a href="{% route home %}" class="np-school-name np-header-font-color">
-        {{ current_school.name }}
-      </a>
-    {% endif %}
-    <div class='bottom-menu'>
-      <a class='bottom-menu-list aiim-yellow' href='https://community.aiim.org/home'>
-        Home
-      </a>
-      <div class='menu-with-dropdown'>
-        <div class='bottom-menu-list' id='communities-hover'>
-          Communities <i class="fas fa-angle-down aiim-yellow"></i>
-        </div>
-        <div class='bottom-menu-list-dropdown' id="communities-list">
-          <a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/home'>
-            Open Forum
-          </a>
-          <a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/communities/allcommunities'>
-            All Communities
-          </a>
-          <a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/communities/mycommunities'>
-            My Communities
-          </a>
-        </div>
-      </div>
-      <div class='menu-with-dropdown'>
-        <div class='bottom-menu-list' id='members-hover'>
-          Find a Member <i class="fas fa-angle-down aiim-yellow"></i>
-        </div>
-        <div class='bottom-menu-list-dropdown' id="members-list">
-          <a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/network/members'>
-            Member Directory
-          </a>
-        </div>
-      </div>
-      <div class='menu-with-dropdown'>
-        <div class='bottom-menu-list' id='events-hover'>
-          Events <i class="fas fa-angle-down aiim-yellow"></i>
-        </div>
-        <div class='bottom-menu-list-dropdown' id="events-list">
-          <a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/events'>
-            Upcoming AIIM Events
-          </a>
-        </div>
-      </div>
-      <div class='menu-with-dropdown'>
-        <div class='bottom-menu-list' id='resources-hover'>
-          Resources <i class="fas fa-angle-down aiim-yellow"></i>
-        </div>
-        <div class='bottom-menu-list-dropdown' id="resources-list">
-          <a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/resources/member-content'>
-            AIIM+ Member Resources
-          </a>
-          <a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/browse/blogs'>
-            Blogs
-          </a>
-          <a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/browse/casestudylibrary'>
-            Case Study Library
-          </a>
-          <a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/network/supplierdirectory'>
-            Solution Provider Directory
-          </a>
-        </div>
-      </div>
-      <div class='menu-with-dropdown'>
-        <div class='bottom-menu-list' id='training-hover'>
-          AIIM+ Pro: Training Courses <i class="fas fa-angle-down aiim-yellow"></i>
-        </div>
-        <div class='bottom-menu-list-dropdown' id="training-list">
-          <a class='bottom-menu-list-dropdown-item' href='https://aiim.northpass.com/app'>
-            Home
-          </a>
-          <a class='bottom-menu-list-dropdown-item' href='https://aiim.northpass.com/app/courses'>
-            Courses
-          </a>
-          <a class='bottom-menu-list-dropdown-item' href='https://aiim.northpass.com/app/learning_paths'>
-            Learning Paths
-          </a>
-        </div>
-      </div>
-    </div>
-  </div>
-</header>
-<header class="np-hidden-desktop np-header-mobile-menu-nav">
-  <div class='user-logo-mobile'>
-  {% if current_person.signed_in? %}
-    {% include 'mobile_buttons' %}
-    {% include 'mobile_header' %}
-  {% endif %}
-  </div>
-  <div class='mobile-school-logo'>
-    {% if current_school.logo_url %}
-        <h1 class="np-header-logo">
-          <a href="{% route home %}">
-            <img
-              alt="{{ current_school.name }}"
-              class="np-header-logo-image"
-              src="{{ current_school.logo_url }}"
-            />
-          </a>
-        </h1>
-    {% else %}
-        <a href="{% route home %}" class="np-school-name np-header-font-color">
-          {{ current_school.name }}
-        </a>
-    {% endif %}
-  </div>
-</header>
-
-{% include "messages" %}
-
-<style>
-  .bottom-menu {
-    display: flex;
-    flex-direction: row;
-  }
-  .np-header {
-    display: flex;
-    flex-direction: column;
-    height: 135px;
-    color: #fff;
-  }
-  .np-header-content-upper {
-    width: 100%;
-    justify-content: space-between;
-    align-items: center;
-    display: flex;
-    flex-direction: row;
-    margin-top: 5px;
-  }
-  .np-header-content-upper-right {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-  }
-  .np-header-content-bottom {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-  }
-  .bottom-menu-list {
-    padding: 20px 20px;
-    color: #333333;
-  }
-  .menu-with-dropdown {
-    display: flex;
-    flex-direction: column;
-  }
-  .aiim-yellow {
-    color: #FFAA1F !important;
-  }
-  .fa-angle-down {
-    padding: 0 3px;
-  }
-  a:visited {
-    text-decoration: none;
-    color: initial;
-  }
-  a:hover {
-    text-decoration: none;
-    color: initial;
-  }
-  a {
-    text-decoration: none;
-    color: initial;
-  }
-  .bottom-menu-list-dropdown {
-    flex-direction: column;
-    display: none;
-    background: #EBEBEB;
-    position: absolute;
-    margin-top: 45px;
-    z-index: 1;
-    padding: 15px;
-    border-radius: 10px;
-  }
-  #communities-list:hover {
-    display: flex;
-  }
-  #members-list:hover {
-    display: flex;
-  }
-  #events-list:hover {
-    display: flex;
-  }
-  #resources-list:hover {
-    display: flex;
-  }
-  #training-list:hover {
-    display: flex;
-  }
-  #communities-hover:hover + #communities-list {
-    display: flex;
-  }
-  #members-hover:hover + #members-list {
-    display: flex;
-  }
-  #events-hover:hover + #events-list {
-    display: flex;
-  }
-  #resources-hover:hover + #resources-list {
-    display: flex;
-  }
-  #training-hover:hover + #training-list {
-    display: flex;
-  }
-  .bottom-menu-list-dropdown-item {
-    padding: 10px 5px;
-  }
-  .bottom-menu-list-dropdown-item:hover {
-    color: #FFAA1F
-  }
-  @media only screen and (max-width: 768px) {
-    .bottom-menu {
-      display: none;
-    }
-    .np-header-mobile-menu-nav {
-    position: relative;
-    height: 70px;
-    display: flex;
-    }
-    .mobile-school-logo {
-      margin: auto;
-    }
-    .np-header-mobile-menu-nav-button {
-      height: 100%;
-      width: 100%;
-      padding-left: 15px;
-    }
-    .np-header-logo {
-      margin: 0px;
-      height: 60px;
-    }
-    .np-header-logo-image {
-      height: 60px;
-    }
-  }
-</style>

Custom_Templates/customer_templates/AIIM+/_mobile_buttons.html.liquid

@@ -1,18 +0,0 @@
-<button
-  data-toggle-class="np-hidden"
-  class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
-  data-toggle-target=".np-header-mobile-avatar-menu,
-  .np-header-mobile-menu-content, .np-main, .np-footer"
-></button>
-<button
-  data-test="open-mobile-menu"
-  data-toggle-class="np-hidden"
-  class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
-  data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
->
-  <img
-    alt="{{ current_person.name }}"
-    class="np-header-avatar-image"
-    src="{{ current_person.avatar_url }}"
-  />
-</button>

Custom_Templates/customer_templates/AIIM+/_mobile_header.html.liquid

@@ -1,55 +0,0 @@
-<div class="np-hidden-desktop">
-    <div class="np-header-mobile-menu-content np-hidden">
-      {% if current_person.signed_in? %}
-        <img
-          alt="{{ current_person.name }}"
-          class="np-header-mobile-menu-content-avatar"
-          src="{{ current_person.avatar_url }}"
-        />
-        <div class="np-header-mobile-menu-content-name">
-          {{ current_person.name }}
-        </div>
-      {% endif %}
-      <div class="np-header-mobile-menu-content-nav">
-        <form
-          class="np-header-search"
-          data-test="mobile-search"
-          method="get"
-          action="{% route search %}"
-        >
-          <input
-            aria-label="{% t .search %}"
-            class="np-header-search-input"
-            type="text"
-            name="q"
-            placeholder="{% t .search %}"
-          />
-          <i class="np-header-search-icon far fa-search"></i>
-        </form>
-        {% for website_navigation in navigations.header_navigations %}
-          <a
-            href="{{ website_navigation.path }}"
-            class="np-header-mobile-menu-content-button"
-            {% if website_navigation.external? %} target="_blank" {% endif %}
-          >
-            {{ website_navigation.name }}
-          </a>
-        {% endfor %}
-        <div class="np-header-mobile-menu-content-line"></div>
-        {% unless current_school.sso_active? %}
-          <a
-            class="np-header-mobile-menu-content-button"
-            href="{% route account %}"
-          >
-            {% t .profile_settings %}
-          </a>
-        {% endunless %}
-        <a
-          class="np-header-mobile-menu-content-button np-danger"
-          href="{% route logout %}"
-        >
-          {% t .sign_out %}
-        </a>
-      </div>
-    </div>
-</div>

Custom_Templates/customer_templates/AIIM+/_progress_circle.html.liquid

@@ -1,34 +0,0 @@
-<div class="np-card-content np-card-content-vertical np-card-padding align-center">
-    <h3 class="np-card-content-title">
-        {{name}}
-    </h3>
-    <svg
-            class="progress-ring"
-            width="120"
-            height="120">
-        <circle
-                class="progress-ring__circle circle-{{name}}"
-                stroke="#2e1e6b"
-                stroke-width="4"
-                fill="transparent"
-                r="52"
-                cx="60"
-                cy="60"/>
-        <text x="50%" y="50%" text-anchor="middle" stroke="#2e1e6b" stroke-width="2px" dy=".3em">{{count}}</text>
-    </svg>
-</div>
-<script>
-  $(document).ready(function(){
-    var circle = document.getElementsByClassName("circle-{{name}}")[0];
-    var radius = circle.r.baseVal.value;
-    var circumference = radius * 2 * Math.PI;
-    circle.style.strokeDasharray = `${circumference} ${circumference}`;
-    circle.style.strokeDashoffset = `${circumference}`;
-    function setProgress(percent) {
-      const offset = circumference - percent * circumference;
-      console.log(offset);
-      circle.style.strokeDashoffset = offset;
-    }
-    setProgress('{{ count | divided_by: total }}')
-  })
-</script>

Custom_Templates/customer_templates/AIIM+/_user_bar_desktop.html.liquid

@@ -1,83 +0,0 @@
-<div class="np-hidden-mobile header-search">
-    <form action="{% route search %}" method="get" data-test="desktop-search">
-      <input
-        aria-label="{% t .search %}"
-        class="search-input"
-        type="text"
-        name="q"
-        placeholder="search"
-      />
-      <button class='search-button' type='submit'>
-        <i class="search-icon far fa-search aiim-yellow"></i>
-      </button>
-    </form>
-  </div>
-  <div class="np-hidden-mobile np-header-avatar">
-    <button
-      class="np-header-avatar-button"
-      data-test="open-desktop-menu"
-      data-toggle-class-on-target="np-hidden"
-      data-toggle-target=".np-header-avatar-tooltip"
-      data-toggle-outside
-    >
-      <img
-        alt="{{ current_person.name }}"
-        class="np-header-avatar-image"
-        src="{{ current_person.avatar_url }}"
-      >
-    </button>
-    <div class="np-header-avatar-tooltip np-hidden" role="tooltip">
-      <span class="np-header-avatar-tooltip-arrow-up"></span>
-      <div class="np-header-avatar-tooltip-learner">
-        <div class="np-header-avatar-tooltip-learner-name">
-          {{ current_person.name }}
-        </div>
-        <div class="np-header-avatar-tooltip-learner-email">
-          {{ current_person.email }}
-        </div>
-      </div>
-      <nav class="np-header-avatar-tooltip-navigation">
-      {% unless current_school.sso_active? %}
-        <a
-          class="np-header-avatar-tooltip-navigation-link"
-          href="{% route account %}"
-        >
-          {% comment %}{% t .profile_settings %}{% endcomment %}
-          Profile Settings
-        </a>
-      {% endunless %}
-        <a
-          class="np-header-avatar-tooltip-navigation-link np-danger"
-          href="{% route logout %}"
-        >
-          {% comment %}{% t .sign_out %}{% endcomment %}
-          Sign Out
-        </a>
-      </nav>
-    </div>
-  </div>
-
-<style>
-  ::placeholder {
-    font-style: italic;
-    color: #333;
-  }
-  .search-icon {
-    position: relative;
-    left: -35px;
-  }
-  .search-button {
-    background: none;
-    border: none;
-  }
-  .header-search {
-    font-size: 15px;
-    align-self: center;
-  }
-  .search-input {
-    background: #EBEBEB;
-    border-radius: 7px;
-    border-color: lightgray;
-    padding: 3px 5px;
-  }
-</style>

Custom_Templates/customer_templates/AIIM+/_widget_achievements.html.liquid

@@ -1,134 +0,0 @@
-{% comment %}
-  For this widget to work you must import Slick CSS and JS
-{% endcomment %}
-
-<div class="np-dashboard-resources">
-  <div class="np-card">
-    <div class="np-card-container np-dashboard-border">
-      {% if courses.enrolled.any? %}
-        <div class="np-card-content-achievements">
-          <div class="achivements-carousel">
-            {% for course in courses.enrolled %}
-              {% if course.progress == 100 %}
-                <div>
-                  <div class="np-card-content-title col-12">
-                    {{ course.name }}
-                  </div>
-                  <div class="col-12 ">
-                      <img class="np-achievement-icon" src="{{ course.properties.course_badge }}" />
-                  </div>
-                </div>
-              {% endif %}
-            {% endfor %}
-          </div>
-          <a href="#" class="np-view-all-achievements">View All</a>
-        {% else %}
-          {% capture message %}
-            {% t shared.zero_state.courses.index,
-              key: current_school.course_vocabulary
-            %}
-          {% endcapture %}
-          {% include "courses_zero_state", message: message %}
-        {% endif %}
-      </div>
-    </div>
-  </div>
-</div>
-
-<script type="text/javascript">
-    document.addEventListener("DOMContentLoaded", function() {
-        $('.achivements-carousel').slick({
-            slidesToShow: 1,
-            slidesToScroll: 1,
-            dots: false,
-            infinite: true,
-            autoplay: false,
-            autoplaySpeed: 5000,
-            cssEase: 'linear',
-            prevArrow: '<i class="fal fa-chevron-left"></i>',
-            nextArrow: '<i class="fal fa-chevron-right"></i>',
-            responsive: [{
-                breakpoint: 991,
-                settings: {
-
-                    dots: false
-                }
-            }]
-        })
-    });
-</script>
-
-<style>
-  .np-card-content-achievements .np-card-content-title {
-    font-size: 0.937rem;
-    color:#fff;
-    text-align:center;
-    font-weight:500;
-  }
-
-  .np-achievement-icon {
-    color: #bec2c6;
-    margin:14px auto 26px;
-    width:130px;
-  }
-
-  .np-card-content-achievements .slick-slider {
-    width:100%;
-    max-width: 375px;
-    margin: auto;
-  }
-
-  .np-view-all-achievements {
-    color:#2BB24C;
-    font-size:0.75rem;
-    text-transform:uppercase;
-    text-align:center;
-    text-decoration:none;
-    margin-bottom:1.5rem;
-  }
-
-  .np-card-content-achievements {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    padding: 2rem 2rem .5rem;
-  }
-
-  .achievements-total-points-display {
-    color:#2BB24C;
-    font-size:0.812rem;
-    text-transform:uppercase;
-    text-align:center;
-    margin-bottom:1.5rem;
-    font-weight:bold;
-  }
-
-  .achievements-total-points {
-    font-size:10px;
-    color:#fff;
-    padding:3px 5px;
-    display:inline-block;
-    border-radius:2px;
-  }
-
-  .slick-arrow {
-    color: rgba(255, 255, 255, 0.5);
-    opacity: 0.5;
-    font-size: 1.5rem;
-    position: absolute;
-    height: 100%;
-    top: 50%;
-    cursor:pointer;
-  }
-
-  .slick-arrow.fa-chevron-left { left:0 }
-  .slick-arrow.fa-chevron-right { right:0; }
-
-  @media (min-width:1024px) {
-    .np-card-content-achievements .slick-slider {
-      max-width: none;
-      margin: 0;
-    }
-  }
-
-</style>

Custom_Templates/customer_templates/AIIM+/courses.html.liquid

@@ -1,154 +0,0 @@
-{% include "header" %}
-{% include "course_version_outdated_alert", courses: courses.enrolled %}
-{% include "sub_navigation" %}
-<main class="np-main np-courses np-subpage-container np-max-width">
-  <div class="np-resource-title">
-    {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
-  </div>
-  <div class="np-resource-subtitle">{% t .headline, key: current_school.course_vocabulary %}</div>
-  <div class="catalog-filters" style="display:flex; justify-content: flex-end; align-items: center;">
-    {%
-      include "filter_by_progress",
-      label: "",
-      default_option: "Progress",
-      topic: "",
-      filter_type: "filter-cards"
-    %}
-  </div>
-  {% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
-</main>
-{% include "footer" %}
-
-
-<script>
-  // Creates the custom dropdown and dropdown functionality
-  var x, i, j, l, ll, selElmnt, a, b, c;
-  /* Look for any elements with the class “select-wrapper”: */
-  x = document.getElementsByClassName("progress-filter");
-  l = x.length;
-  for (i = 0; i < l; i++) {
-    selElmnt = x[i].getElementsByTagName("select")[0];
-    ll = selElmnt.length;
-    /* For each element, create a new DIV that will act as the selected item: */
-    a = document.createElement("DIV");
-    a.setAttribute("class", "select-selected");
-    a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
-    x[i].appendChild(a);
-    /* For each element, create a new DIV that will contain the option list: */
-    b = document.createElement("DIV");
-    b.setAttribute("class", "select-items select-hide");
-    for (j = 1; j < ll; j++) {
-      /* For each option in the original select element,
-      create a new DIV that will act as an option item: */
-      c = document.createElement("DIV");
-      c.innerHTML = selElmnt.options[j].innerHTML;
-      c.addEventListener("click", function(e) {
-          /* When an item is clicked, update the original select box,
-          and the selected item: */
-          var y, i, k, s, h, sl, yl;
-          s = this.parentNode.parentNode.getElementsByTagName("select")[0];
-          sl = s.length;
-          h = this.parentNode.previousSibling;
-          for (i = 0; i < sl; i++) {
-            if (s.options[i].innerHTML == this.innerHTML) {
-              s.selectedIndex = i;
-              h.innerHTML = this.innerHTML;
-              y = this.parentNode.getElementsByClassName("same-as-selected");
-              yl = y.length;
-              for (k = 0; k < yl; k++) {
-                y[k].removeAttribute("class");
-              }
-              this.setAttribute("class", "same-as-selected");
-              break;
-            }
-          }
-            filterCourse();
-          h.click();
-      });
-      b.appendChild(c);
-    }
-    x[i].appendChild(b);
-    a.addEventListener("click", function(e) {
-      /* When the select box is clicked, close any other select boxes,
-      and open/close the current select box: */
-      e.stopPropagation();
-      closeAllSelect(this);
-      this.nextSibling.classList.toggle("select-hide");
-      this.classList.toggle("select-arrow-active");
-    });
-  }
-
-  function closeAllSelect(elmnt) {
-    /* A function that will close all select boxes in the document,
-    except the current select box: */
-    var x, y, i, xl, yl, arrNo = [];
-    x = document.getElementsByClassName("select-items");
-    y = document.getElementsByClassName("select-selected");
-    xl = x.length;
-    yl = y.length;
-    for (i = 0; i < yl; i++) {
-      if (elmnt == y[i]) {
-        arrNo.push(i)
-      } else {
-        y[i].classList.remove("select-arrow-active");
-      }
-    }
-    for (i = 0; i < xl; i++) {
-      if (arrNo.indexOf(i)) {
-        x[i].classList.add("select-hide");
-      }
-    }
-  }
-
-  /* If the user clicks anywhere outside the select box,
-  then close all select boxes: */
-  document.addEventListener("click", closeAllSelect);
-  $(".select-items div").each(function() {
-    if($( this ).text() == $(".select-selected").text()) {
-      $(this).addClass("same-as-selected");
-    }
-  });
-
-  function filterCourse() {
-
-    let filterOptions = document.getElementsByClassName('select-selected')[0];
-    let courseCards = $('#filterProgress').children();
-
-    switch(filterOptions.innerText) {
-      case "All Courses":
-        courseCards.each(function (i) {
-          $(this).show();
-
-        });
-        break;
-      case "Not Started":
-        courseCards.each(function (i) {
-          if (!$(this).hasClass("not-started")) {
-              $(this).hide();
-          } else {
-            $(this).show();
-          }
-        });
-        break;
-      case "In Progress":
-        courseCards.each(function (i) {
-          if (!$(this).hasClass("in-progress")) {
-              $(this).hide();
-          } else {
-            $(this).show();
-          }
-        });
-        break;
-      case "Completed":
-        courseCards.each(function (i) {
-          if (!$(this).hasClass("completed")) {
-            $(this).hide();
-          } else {
-            $(this).show();
-          }
-        });
-        break;
-      default:
-    }
-  }
-</script>

Custom_Templates/customer_templates/AIIM+/dashboard.html.liquid

@@ -1,48 +0,0 @@
-{% assign completed_courses = 0 %}
-{% for course in courses.enrolled %}
-  {% if course.completed? %}
-    {% assign completed_courses = completed_courses | plus: 1 %}
-  {% endif %}
-{% endfor %}
-{% include "header" %}
-{% include "course_version_outdated_alert", courses: courses.enrolled %}
-{% include "sub_navigation" %}
-<main class="np-main np-dashboard np-subpage-container np-max-width">
-  {% if current_person.signed_in?%}
-    <div class="main-point-counter" style="font-size: 20px; display: flex; flex-direction: row; width: 30%; background-color: #59697b; color: #fff; padding: 10px; border-radius: 10px; margin-bottom: 20px; min-width: 320px;">
-      <div style="padding-left: 10px;">You have completed</div>
-      <div style="padding: 0 8px;">{{completed_courses}}</div>
-      <div>courses</div>
-    </div>
-  {% endif %}
-  <div class="row np-flex-center">
-    <div class="col-xs-12 col-sm-8">
-      {% if features.learning_paths? %}
-        <div class="np-dashboard-resources-title">
-          {% t shared.learning_paths %}
-        </div>
-        {% include "learning_paths_index", items: learning_paths.enrolled %}
-      {% endif %}
-      <div class="np-dashboard-resources-title">
-        {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
-      </div>
-      {% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
-    </div>
-    <div class="np-grid-spacing col-xs-12 col-sm-4">
-      <div class="completion-list">
-        <div style="font-size: 20px; font-weight: 500;">Your completed courses:</div>
-        <ul style="list-style-type: none; padding-left: 0;">
-          {% for course in courses.enrolled %}
-            {% if course.completed?%}
-              <dt style="display: flex; flex-direction: row;  justify-content: space-between; padding-top: 10px; margin-top: 0;">
-                <div style="max-width: 70%; margin-right: 15px;"> {{course.name}} </div>
-                <div style="float: right; align-self: center;"> {{course.properties.ceu}} CEU</div>
-              </dt>
-            {% endif %}
-          {%endfor%}
-        </ul>
-      </div>
-    </div>
-  </div>
-</main>
-{% include "footer" %}

Custom_Templates/customer_templates/AIIM+/styles.css.liquid

@@ -1,11 +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 }}
-*/

Custom_Templates/customer_templates/Anthology Academy Production/_cards_course.html.liquid

@@ -1,395 +0,0 @@
-{% if course.properties.product_names_for_course_cards == 'Anthology Reach' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Reach.png' %}
-  {% assign product_alt = 'Anthology Reach' %}
-{% elsif course.properties.product_names_for_course_cards == 'Radius' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Engage' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Engage.png' %}
-  {% assign product_alt = 'Anthology Engage' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Beacon' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Milestone' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Milestone.png' %}
-  {% assign product_alt = 'Anthology Milestone' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Occupation Insight' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Raise' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Raise.png' %}
-  {% assign product_alt = 'Anthology Raise' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Digital Assistant' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Baseline' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Baseline.png' %}
-  {% assign product_alt = 'Anthology Baseline' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Encompass' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Encompass.png' %}
-  {% assign product_alt = 'Anthology Encompass' %}
-{% elsif course.properties.product_names_for_course_cards == 'Talisma' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Student' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Student.png' %}
-  {% assign product_alt = 'Anthology Student' %}
-{% elsif course.properties.product_names_for_course_cards == 'CVue' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_FinanceHCM.png' %}
-  {% assign product_alt = 'Anthology Finance & HCM' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Academic Economics' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Blackboard' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Blackboard.png' %}
-  {% assign product_alt = 'Blackboard' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Ally' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Course Evaluations' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_CourseEvaluation.png' %}
-  {% assign product_alt = 'Anthology Course Evaluations' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Evaluate' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Evaluate.png' %}
-  {% assign product_alt = 'Anthology Evaluate' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Portfolio' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Portfolio.png' %}
-  {% assign product_alt = 'Anthology Portfolio' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Program Review' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProgramReview.png' %}
-  {% assign product_alt = 'Anthology Program Review' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Planning' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Planning.png' %}
-  {% assign product_alt = 'Anthology Planning' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Accreditation.png' %}
-  {% assign product_alt = 'Anthology Accreditation' %}
-  {% elsif course.properties.product_names_for_course_cards == 'Anthology Outcomes' %}
-    {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Outcomes.png' %}
-    {% assign product_alt = 'Anthology Outcomes' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Anthology101.png' %}
-  {% assign product_alt = 'Anthology 101' %}
-{% elsif course.properties.product_names_for_course_cards == 'Academy Use & Navigation' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Data Strategy' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Faculty Development' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Power BI' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_PowerBI.png' %}
-  {% assign product_alt = 'Power BI' %}
-{% elsif course.properties.product_names_for_course_cards == 'Professional Development' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProfesionalLearning.png' %}
-  {% assign product_alt = 'Professional Learning' %}
-{% else %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% endif %}
-
-{% unless flag == 'dashboard' %}
-  {% assign flag = '' %}
-{% endunless %}
-
-{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
-{% assign act_count = 0 %}
-{% for section in course.sections %}
-  {% for activity in section.activities %}
-    {% assign act_count = act_count | plus : 1 %}
-  {% endfor %}
-{% endfor %}
-
-{% assign allCats = '' %}
-{% for category in course.categories %}
-  {% assign allCats = allCats | append: category.name | append: ' || '%}
-{% endfor %}
-
-
-{% comment %} <div class="np-card course-card" data-product="{{course.properties.product_names_for_course_cards}}" data-categories="{{ allCats }}"> {% endcomment %}
-<div class="np-card course-card">
-  {%- comment -%} {% unless flag == 'catalog' %}
-  {% endunless %} {%- endcomment -%}
-  <div class="np-progress-bar-container">{% comment %}  style="background: {{ color_light }}" {% endcomment %}
-    {% comment %} <div
-      style="width: 75%; background: {{ color_dark }}"
-      class="np-button-background-color np-card-progress-bar course-card-progress-bar">
-    </div> {% endcomment %}
-  </div>
-  {% comment %} <div class="card-product-banner">
-    {% if product_logo != 'blank' %}
-      <img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo"/>
-    {% else %}
-      Anthology
-    {% endif %}
-  </div> {% endcomment %}
-  <div class="np-card-container">
-    {% if course.ribbon %}
-      <div class="np-card-ribbon">
-        {{ course.ribbon }}
-      </div>
-    {% endif %}
-    {% comment %} <div class="card-image-replacement"></div> {% endcomment %}
-    {%- comment -%} <img
-      class="np-card-image"
-      alt="{{ course.name }}"
-      src="{{ course.image_url }}"
-    > {%- endcomment -%}
-    <div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
-      {% if product_logo != 'blank' %}
-        <img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo-banner"/>
-      {% else %}
-        <img src='https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' alt='Anthology' class="product-logo-banner"/>
-      {% endif %}
-      <div class="np-flex-1">
-        <h3 class="np-card-content-title course-card-title">
-          {{ course.name }}
-        </h3>
-        {% assign act_count = 0 %}
-        {% for section in course.sections %}
-          {% for activity in section.activities %}
-            {% assign act_count = act_count| plus: 1 %}
-          {% endfor %}
-        {% endfor %}
-
-        <span style="color: #757575; font-size: 14px">
-          {{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
-        </span>
-      </div>
-      {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
-      {% if course.has_to_restart? %}
-        {% include "course_version_outdated_popup", path: course_path %}
-      {% endif %}
-    </div>
-    {% if flag == 'dashboard' %}<div class="card-bottom-details">{% else %}<div class="card-bottom-details card-bottom-details-plain">{% endif %}
-      {% if flag == 'dashboard' %}
-        <div style="
-        align-items: center;
-        display: flex;
-        flex-direction: row;
-        justify-content: flex-start;
-        padding-left: 15px;
-        width: 70%;">
-          <div style="
-            background: #BACCE9;
-            border-radius: 10px;
-            height: 8px;
-            margin-right: 15px;
-            width: 60%;
-          ">
-            <div
-              style="height: 8px; background: {{ color_main }}; border-radius: 10px; width: {{ course.progress }}%; "
-              class="np-button-background-color np-card-progress-bar course-card-progress-bar">
-            </div>
-          </div>
-          <div>
-            {%- comment -%} {{course.properties.course_duration}} left {%- endcomment -%}
-          </div>
-        </div>
-      {% else %}
-        {%- comment -%} <div class="np-card-content-progress np-button-color">
-          {% t shared.progress, count: course.progress %}
-        </div> {%- endcomment -%}
-        {%- comment -%} <div style="padding-left: 15px">
-          {{course.properties.course_duration}} duration
-        </div> {%- endcomment -%}
-      {% endif %}
-      <a class="np-button np-button-wide course-card-button"
-        {% if course.properties.video_on_demand == true %}
-          {% if course.enrolled? %}
-              href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
-          {% else %}
-              href="{% route course_enrollment, code: course.enrollment_code %}"
-          {% endif %}
-        {% else %}
-          href="{{ course_path }}"
-        {% endif %}
-      >
-        {% if course.progress > 0 and course.progress < 100 %}
-          Continue
-        {% else %}
-          View
-        {% endif %}
-      </a>
-    </div>
-  </div>
-</div>
-
-
-<style>
-  .np-card-ribbon {
-    background: #0054bc !important;
-    border: 1px solid #07a9cb;
-    z-index: 99999999;
-    padding: 5px !important;
-  }
-  .card-product-banner{
-    align-items: center;
-    background: #FFF;
-    box-shadow: 0 3px 30px rgba(0,0,0,.1);
-    display: flex;
-    height: 32px;
-    overflow: hidden;
-    padding: 6px 8px;
-    width: 100%;
-  }
-
-  .product-logo {
-    height: 100%;
-  }
-
-  .product-logo-banner {
-    width: 100%;
-    height: auto;
-  }
-
-  .np-flex-1 {
-    padding: 10px 20px 20px;
-  }
-
-  .np-catalog-courses {
-    display: grid !important;
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
-    gap: 30px;
-  }
-
-@media only screen and (max-width: 1000px) {
-    .np-catalog-courses {
-      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-    }
-  }
-
-@media only screen and (max-width: 600px) {
-    .np-catalog-courses {
-      grid-template-columns: minmax(0, 1fr);
-    }
-  }
-
-  .np-catalog-courses .col-lg-4,
-  .np-catalog-courses .col-sm-6 {
-    max-width: 100% !important;
-    padding: 0 !important;
-  }
-
-  .np-max-width {
-    width: 100%;
-  }
-
-  .card-image-replacement{
-    /* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
-    background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
-    height: 12rem;
-    width: 100%;
-  }
-
-  @media screen and (min-width: 550px) and (max-width: 649px){
-    .card-image-replacement{
-      height: 15rem;
-    }
-  }
-
-  @media screen and (min-width: 650px) and (max-width: 767px){
-    .card-image-replacement{
-      height: 20rem;
-    }
-  }
-
-  .course-card-info{
-    max-height: 100% !important;
-    height: auto; /*calc(100% - 38px);*/
-    justify-content: center;
-    position: relative;
-    top: 0;
-    padding: 0;
-  }
-
-  .course-card-title{
-    font-size: 24px;
-    font-weight: 600;
-    line-height: 25px;
-    margin-top: 8px !important;
-  }
-
-  .course-card-button{
-    border-radius: 0;
-    font-size: 14px;
-    font-weight: 600;
-    height: 100%;
-    line-height: 21px;
-    width: 30%;
-  }
-
-  .course-card-button:focus{
-    border: 2px solid blue;
-  }
-
-  .np-progress-bar-container,
-  .np-card-progress-bar{
-    border-radius: 0;
-    height: 3px;
-    margin: 0;
-    background: linear-gradient(81.13deg, #0054bc 45.35%, #0dac14 94.86%);
-  }
-
-  .np-card-content-progress{
-    height: 25px;
-    margin: 0;
-  }
-
-  .course-card-progress-bar{
-    min-width: 0;
-  }
-
-  .np-card-content-progress{
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 25px;
-  }
-
-  .np-card-content {
-    display: block;
-  }
-
-  .card-bottom-details-plain {
-    padding: 0;
-  }
-
-  .card-bottom-details-plain .course-card-button {
-    display: block;
-    width: 100%;
-    text-align: center;
-    background-color: #0054bc;
-  }
-
-  .card-bottom-details-plain .course-card-button:hover {
-    background-color: #000;
-  }
-
-  @media screen and (min-width: 768px){
-    .course-card-wrapper{
-      /* margin-bottom: 32px;
-      max-height: 315px;
-      max-width: 445px; */
-    }
-
-    .course-card{
-      padding: 0 !important;
-    }
-
-    .course-card-wrapper,
-    .course-card{
-      height: 100%;
-    }
-  }
-</style>

Custom_Templates/customer_templates/Anthology Academy Production/_cards_course_revamped.html.liquid

@@ -1,395 +0,0 @@
-{% if course.properties.product_names_for_course_cards == 'Anthology Reach' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Reach.png' %}
-  {% assign product_alt = 'Anthology Reach' %}
-{% elsif course.properties.product_names_for_course_cards == 'Radius' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Engage' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Engage.png' %}
-  {% assign product_alt = 'Anthology Engage' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Beacon' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Milestone' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Milestone.png' %}
-  {% assign product_alt = 'Anthology Milestone' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Occupation Insight' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Raise' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Raise.png' %}
-  {% assign product_alt = 'Anthology Raise' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Digital Assistant' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Baseline' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Baseline.png' %}
-  {% assign product_alt = 'Anthology Baseline' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Encompass' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Encompass.png' %}
-  {% assign product_alt = 'Anthology Encompass' %}
-{% elsif course.properties.product_names_for_course_cards == 'Talisma' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Student' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Student.png' %}
-  {% assign product_alt = 'Anthology Student' %}
-{% elsif course.properties.product_names_for_course_cards == 'CVue' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_FinanceHCM.png' %}
-  {% assign product_alt = 'Anthology Finance & HCM' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Academic Economics' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Blackboard' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Blackboard.png' %}
-  {% assign product_alt = 'Blackboard' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Ally' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Course Evaluations' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_CourseEvaluation.png' %}
-  {% assign product_alt = 'Anthology Course Evaluations' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Evaluate' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Evaluate.png' %}
-  {% assign product_alt = 'Anthology Evaluate' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Portfolio' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Portfolio.png' %}
-  {% assign product_alt = 'Anthology Portfolio' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Program Review' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProgramReview.png' %}
-  {% assign product_alt = 'Anthology Program Review' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Planning' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Planning.png' %}
-  {% assign product_alt = 'Anthology Planning' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Accreditation.png' %}
-  {% assign product_alt = 'Anthology Accreditation' %}
-  {% elsif course.properties.product_names_for_course_cards == 'Anthology Outcomes' %}
-    {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Outcomes.png' %}
-    {% assign product_alt = 'Anthology Outcomes' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Anthology101.png' %}
-  {% assign product_alt = 'Anthology 101' %}
-{% elsif course.properties.product_names_for_course_cards == 'Academy Use & Navigation' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Data Strategy' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Faculty Development' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Power BI' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_PowerBI.png' %}
-  {% assign product_alt = 'Power BI' %}
-{% elsif course.properties.product_names_for_course_cards == 'Professional Development' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProfesionalLearning.png' %}
-  {% assign product_alt = 'Professional Learning' %}
-{% else %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% endif %}
-
-{% unless flag == 'dashboard' %}
-  {% assign flag = '' %}
-{% endunless %}
-
-{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
-{% assign act_count = 0 %}
-{% for section in course.sections %}
-  {% for activity in section.activities %}
-    {% assign act_count = act_count | plus : 1 %}
-  {% endfor %}
-{% endfor %}
-
-{% assign allCats = '' %}
-{% for category in course.categories %}
-  {% assign allCats = allCats | append: category.name | append: ' || '%}
-{% endfor %}
-
-
-{% comment %} <div class="np-card course-card" data-product="{{course.properties.product_names_for_course_cards}}" data-categories="{{ allCats }}"> {% endcomment %}
-<div class="np-card course-card">
-  {%- comment -%} {% unless flag == 'catalog' %}
-  {% endunless %} {%- endcomment -%}
-  <div class="np-progress-bar-container">{% comment %}  style="background: {{ color_light }}" {% endcomment %}
-    {% comment %} <div
-      style="width: 75%; background: {{ color_dark }}"
-      class="np-button-background-color np-card-progress-bar course-card-progress-bar">
-    </div> {% endcomment %}
-  </div>
-  {% comment %} <div class="card-product-banner">
-    {% if product_logo != 'blank' %}
-      <img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo"/>
-    {% else %}
-      Anthology
-    {% endif %}
-  </div> {% endcomment %}
-  <div class="np-card-container">
-    {% if course.ribbon %}
-      <div class="np-card-ribbon">
-        {{ course.ribbon }}
-      </div>
-    {% endif %}
-    {% comment %} <div class="card-image-replacement"></div> {% endcomment %}
-    {%- comment -%} <img
-      class="np-card-image"
-      alt="{{ course.name }}"
-      src="{{ course.image_url }}"
-    > {%- endcomment -%}
-    <div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
-      {% if product_logo != 'blank' %}
-        <img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo-banner"/>
-      {% else %}
-        <img src='https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' alt='Anthology' class="product-logo-banner"/>
-      {% endif %}
-      <div class="np-flex-1">
-        <h3 class="np-card-content-title course-card-title">
-          {{ course.name }}
-        </h3>
-        {% assign act_count = 0 %}
-        {% for section in course.sections %}
-          {% for activity in section.activities %}
-            {% assign act_count = act_count| plus: 1 %}
-          {% endfor %}
-        {% endfor %}
-
-        <span style="color: #757575; font-size: 14px">
-          {{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
-        </span>
-      </div>
-      {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
-      {% if course.has_to_restart? %}
-        {% include "course_version_outdated_popup", path: course_path %}
-      {% endif %}
-    </div>
-    {% if flag == 'dashboard' %}<div class="card-bottom-details">{% else %}<div class="card-bottom-details card-bottom-details-plain">{% endif %}
-      {% if flag == 'dashboard' %}
-        <div style="
-        align-items: center;
-        display: flex;
-        flex-direction: row;
-        justify-content: flex-start;
-        padding-left: 15px;
-        width: 70%;">
-          <div style="
-            background: #BACCE9;
-            border-radius: 10px;
-            height: 8px;
-            margin-right: 15px;
-            width: 60%;
-          ">
-            <div
-              style="height: 8px; background: {{ color_main }}; border-radius: 10px; width: {{ course.progress }}%; "
-              class="np-button-background-color np-card-progress-bar course-card-progress-bar">
-            </div>
-          </div>
-          <div>
-            {%- comment -%} {{course.properties.course_duration}} left {%- endcomment -%}
-          </div>
-        </div>
-      {% else %}
-        {%- comment -%} <div class="np-card-content-progress np-button-color">
-          {% t shared.progress, count: course.progress %}
-        </div> {%- endcomment -%}
-        {%- comment -%} <div style="padding-left: 15px">
-          {{course.properties.course_duration}} duration
-        </div> {%- endcomment -%}
-      {% endif %}
-      <a class="np-button np-button-wide course-card-button"
-        {% if course.properties.video_on_demand == true %}
-          {% if course.enrolled? %}
-              href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
-          {% else %}
-              href="{% route course_enrollment, code: course.enrollment_code %}"
-          {% endif %}
-        {% else %}
-          href="{{ course_path }}"
-        {% endif %}
-      >
-        {% if course.progress > 0 and course.progress < 100 %}
-          Continue
-        {% else %}
-          View
-        {% endif %}
-      </a>
-    </div>
-  </div>
-</div>
-
-
-<style>
-  .np-card-ribbon {
-    background: #0054bc !important;
-    border: 1px solid #07a9cb;
-    z-index: 99999999;
-    padding: 5px !important;
-  }
-  .card-product-banner{
-    align-items: center;
-    background: #FFF;
-    box-shadow: 0 3px 30px rgba(0,0,0,.1);
-    display: flex;
-    height: 32px;
-    overflow: hidden;
-    padding: 6px 8px;
-    width: 100%;
-  }
-
-  .product-logo {
-    height: 100%;
-  }
-
-  .product-logo-banner {
-    width: 100%;
-    height: auto;
-  }
-
-  .np-flex-1 {
-    padding: 10px 20px 20px;
-  }
-
-  .np-catalog-courses {
-    display: grid !important;
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
-    gap: 30px;
-  }
-
-@media only screen and (max-width: 1000px) {
-    .np-catalog-courses {
-      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-    }
-  }
-
-@media only screen and (max-width: 600px) {
-    .np-catalog-courses {
-      grid-template-columns: minmax(0, 1fr);
-    }
-  }
-
-  .np-catalog-courses .col-lg-4,
-  .np-catalog-courses .col-sm-6 {
-    max-width: 100% !important;
-    padding: 0 !important;
-  }
-
-  .np-max-width {
-    width: 100%;
-  }
-
-  .card-image-replacement{
-    /* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
-    background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
-    height: 12rem;
-    width: 100%;
-  }
-
-  @media screen and (min-width: 550px) and (max-width: 649px){
-    .card-image-replacement{
-      height: 15rem;
-    }
-  }
-
-  @media screen and (min-width: 650px) and (max-width: 767px){
-    .card-image-replacement{
-      height: 20rem;
-    }
-  }
-
-  .course-card-info{
-    max-height: 100% !important;
-    height: auto; /*calc(100% - 38px);*/
-    justify-content: center;
-    position: relative;
-    top: 0;
-    padding: 0;
-  }
-
-  .course-card-title{
-    font-size: 24px;
-    font-weight: 600;
-    line-height: 25px;
-    margin-top: 8px !important;
-  }
-
-  .course-card-button{
-    border-radius: 0;
-    font-size: 14px;
-    font-weight: 600;
-    height: 100%;
-    line-height: 21px;
-    width: 30%;
-  }
-
-  .course-card-button:focus{
-    border: 2px solid blue;
-  }
-
-  .np-progress-bar-container,
-  .np-card-progress-bar{
-    border-radius: 0;
-    height: 3px;
-    margin: 0;
-    background: linear-gradient(81.13deg, #0054bc 45.35%, #0dac14 94.86%);
-  }
-
-  .np-card-content-progress{
-    height: 25px;
-    margin: 0;
-  }
-
-  .course-card-progress-bar{
-    min-width: 0;
-  }
-
-  .np-card-content-progress{
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 25px;
-  }
-
-  .np-card-content {
-    display: block;
-  }
-
-  .card-bottom-details-plain {
-    padding: 0;
-  }
-
-  .card-bottom-details-plain .course-card-button {
-    display: block;
-    width: 100%;
-    text-align: center;
-    background-color: #0054bc;
-  }
-
-  .card-bottom-details-plain .course-card-button:hover {
-    background-color: #000;
-  }
-
-  @media screen and (min-width: 768px){
-    .course-card-wrapper{
-      /* margin-bottom: 32px;
-      max-height: 315px;
-      max-width: 445px; */
-    }
-
-    .course-card{
-      padding: 0 !important;
-    }
-
-    .course-card-wrapper,
-    .course-card{
-      height: 100%;
-    }
-  }
-</style>

Custom_Templates/customer_templates/Anthology Academy Production/_cards_learning_path.html.liquid

@@ -1,70 +0,0 @@
-<div class="np-card np-no-horizontal-padding">
-  <div class="np-card-container">
-    <div class="np-learning-path">
-      <img
-        alt="{{ learning_path.name }}"
-        class="np-card-image np-learning-path-image"
-        src="{{ learning_path.image_url }}"
-      />
-      <div class="np-card-text-wrapper">
-        <div class="np-hidden-desktop np-card-header">
-          <i class="np-card-header-icon far fa-road"></i>
-          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
-          <div class="np-hidden-desktop  np-card-header-items-count">
-            {{ learning_path.items.count }} {% t .items %}
-          </div>
-        </div>
-        <div class="np-hidden-mobile np-card-header">
-          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
-          <i class="np-card-header-icon far fa-road"></i>
-        </div>
-
-        <div class="np-card-content np-card-padding np-card-content-vertical">
-          <h3 class="np-card-content-title">
-            {{ learning_path.name }}
-          </h3>
-
-          <div class="np-card-content-subtitle">
-            {{ learning_path.instructor_names }}
-          </div>
-
-          <div class="np-hidden-mobile np-card-content-description">
-            {{ learning_path.description }}
-          </div>
-
-          <div class="np-hidden-mobile np-card-content-progress
-          np-button-color">
-            {% t shared.progress, count: learning_path.progress %}
-          </div>
-
-          <div class="np-hidden-mobile np-card-progress-bar-container">
-            <div
-              style="width: {{ learning_path.progress }}%"
-              class="np-button-background-color np-card-progress-bar">
-            </div>
-          </div>
-
-          <div class="np-card-content-footer">
-            <div class="np-hidden-desktop np-card-content-progress
-            np-button-color">
-              {% t shared.progress, count: learning_path.progress %}
-            </div>
-            <a class="np-button" href="{% route learning_path, id: learning_path.id %}">
-              {% t shared.view %}
-            </a>
-            <span class="np-hidden-mobile np-learning-path-items">
-              <i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
-              <span class="np-learning-path-items-count">
-                {{ learning_path.items.count }} {% t .items %}
-              </span>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="np-card-stack">
-    <div class="np-card-stack-level-1"></div>
-    <div class="np-card-stack-level-2"></div>
-  </div>
-</div>

Custom_Templates/customer_templates/Anthology Academy Production/_cards_searched_course.html.liquid

@@ -1,238 +0,0 @@
-{% if course.properties.product_names_for_course_cards == 'Anthology Reach' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Reach.svg' %}
-  {% assign product_alt = 'Anthology Reach' %}
-  {% assign color_main = '#F06A32' %}
-  {% assign color_dark = '#731013' %}
-  {% assign color_light = '#F58545' %}
-{% elsif course.properties.product_names_for_course_cards == 'Radius' %}
-  {% assign product_logo = 'blank' %}
-  {% assign color_main = '#F06A32' %}
-  {% assign color_dark = '#F3798A' %}
-  {% assign color_light = '#F58545' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Engage' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Engage.svg' %}
-  {% assign product_alt = 'Anthology Engage' %}
-  {% assign color_main = '#F06A32' %}
-  {% assign color_dark = '#F16423' %}
-  {% assign color_light = '#F3798A' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Beacon' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Beacon.svg' %}
-  {% assign product_alt = 'Anthology Beacon' %}
-  {% assign color_main = '#F06A32' %}
-  {% assign color_dark = '#D94827' %}
-  {% assign color_light = '#F16423' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Milestone' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Milestone.svg' %}
-  {% assign product_alt = 'Anthology Milestone' %}
-  {% assign color_main = '#F06A32' %}
-  {% assign color_dark = '#F3798A' %}
-  {% assign color_light = '#F9B5B5' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Occupation Insight' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Occupation+Insight.svg' %}
-  {% assign product_alt = 'Anthology Occupation Insight' %}
-  {% assign color_main = '#F06A32' %}
-  {% assign color_dark = '#F58545' %}
-  {% assign color_light = '#F9B5B5' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Raise' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Raise.svg' %}
-  {% assign product_alt = 'Anthology Raise' %}
-  {% assign color_main = '#F06A32' %}
-  {% assign color_dark = '#D94827' %}
-  {% assign color_light = '#F9B5B5' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Digital Assistant' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Digital+Assistant.svg' %}
-  {% assign product_alt = 'Anthology Digital Assistant' %}
-  {% assign color_main = '#F06A32' %}
-  {% assign color_dark = '#D94827' %}
-  {% assign color_light = '#F58545' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Baseline' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Baseline.svg' %}
-  {% assign product_alt = 'Anthology Baseline' %}
-  {% assign color_main = '#F06A32' %}
-  {% assign color_dark = '#731013' %}
-  {% assign color_light = '#D94827' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Encompass' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Encompass.svg' %}
-  {% assign product_alt = 'Anthology Encompass' %}
-  {% assign color_main = '#F06A32' %}
-  {% assign color_dark = '#731013' %}
-  {% assign color_light = '#F3798A' %}
-{% elsif course.properties.product_names_for_course_cards == 'Talisma' %}
-  {% assign product_logo = 'blank' %}
-  {% assign color_main = '#F06A32' %}
-  {% assign color_dark = '#D94827' %}
-  {% assign color_light = '#F3798A' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Student' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Student.svg' %}
-  {% assign product_alt = 'Anthology Student' %}
-  {% assign color_main = '#82C342' %}
-  {% assign color_dark = '#96CA51' %}
-  {% assign color_light = '#F3E588' %}
-{% elsif course.properties.product_names_for_course_cards == 'CVue' %}
-  {% assign product_logo = 'blank' %}
-  {% assign color_main = '#82C342' %}
-  {% assign color_dark = '#286734' %}
-  {% assign color_light = '#F3E588' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Insight.svg' %}
-  {% assign product_alt = 'Anthology Insight' %}
-  {% assign color_main = '#82C342' %}
-  {% assign color_dark = '#286734' %}
-  {% assign color_light = '#82C342' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Finance+%26+HCM.svg' %}
-  {% assign product_alt = 'Anthology Finance & HCM' %}
-  {% assign color_main = '#82C342' %}
-  {% assign color_dark = '#539542' %}
-  {% assign color_light = '#C9BD2E' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Payroll.svg' %}
-  {% assign product_alt = 'Anthology Payroll' %}
-  {% assign color_main = '#82C342' %}
-  {% assign color_dark = '#000000' %}
-  {% assign color_light = '#82C342' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Academic Economics' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Academic+Economics.svg' %}
-  {% assign product_alt = 'Anthology Academic Economics' %}
-  {% assign color_main = '#82C342' %}
-  {% assign color_dark = '#000000' %}
-  {% assign color_light = '#286734' %}
-{% elsif course.properties.product_names_for_course_cards == 'Blackboard' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/BBLearn.svg' %}
-  {% assign product_alt = 'Blackboard' %}
-  {% assign color_main = '#1BA8E1' %}
-  {% assign color_dark = '#027BB6' %}
-  {% assign color_light = '#1BA8E1' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Ally' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Ally.svg' %}
-  {% assign product_alt = 'Anthology Ally' %}
-  {% assign color_main = '#1BA8E1' %}
-  {% assign color_dark = '#1BA8E1' %}
-  {% assign color_light = '#A3DBDC' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Course Evaluations' %}
-  {% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Course+Evaluations.svg' %}
-  {% assign product_alt = 'Anthology Course Evaluations' %}
-  {% assign color_main = '#1BA8E1' %}
-  {% assign color_dark = '#004C6D' %}
-  {% assign color_light = '#027BB6' %}
-{%- comment -%} NEED DIFF IMG FORMAT FOR THIS ONE {%- endcomment -%}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Evaluate' %}
-  {% assign product_logo = 'blank' %}
-  {% assign color_main = '#1BA8E1' %}
-  {% assign color_dark = '#027BB6' %}
-  {% assign color_light = '#A3DBDC' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Portfolio' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Portfolio.svg' %}
-  {% assign product_alt = 'Anthology Portfolio' %}
-  {% assign color_main = '#1BA8E1' %}
-  {% assign color_dark = '#0090A1' %}
-  {% assign color_light = '#5CC6CC' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Program Review' %}
-  {% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Program+Review.svg' %}
-  {% assign product_alt = 'Anthology Program Review' %}
-  {% assign color_main = '#1BA8E1' %}
-  {% assign color_dark = '#027BB6' %}
-  {% assign color_light = '#5CC6CC' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Planning' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Planning.svg' %}
-  {% assign product_alt = 'Anthology Planning' %}
-  {% assign color_main = '#1BA8E1' %}
-  {% assign color_dark = '#000000' %}
-  {% assign color_light = '#004C6D' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Accreditation.svg' %}
-  {% assign product_alt = 'Anthology Accreditation' %}
-  {% assign color_main = '#1BA8E1' %}
-  {% assign color_dark = '#0090A1' %}
-  {% assign color_light = '#1BA8E1' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
-  {% assign product_logo = 'blank' %}
-  {% assign color_main = '#7F59A5' %}
-  {% assign color_dark = '#573376' %}
-  {% assign color_light = '#7F59A5' %}
-{% elsif course.properties.product_names_for_course_cards == 'Academy Use & Navigation' %}
-  {% assign product_logo = 'blank' %}
-  {% assign color_main = '#7F59A5' %}
-  {% assign color_dark = '#6283C2' %}
-  {% assign color_light = '#87ADDB' %}
-{% elsif course.properties.product_names_for_course_cards == 'Data Strategy' %}
-  {% assign product_logo = 'blank' %}
-  {% assign color_main = '#7F59A5' %}
-  {% assign color_dark = '#000000' %}
-  {% assign color_light = '#573376' %}
-{% elsif course.properties.product_names_for_course_cards == 'Faculty Development' %}
-  {% assign product_logo = 'blank' %}
-  {% assign color_main = '#7F59A5' %}
-  {% assign color_dark = '#7F59A5' %}
-  {% assign color_light = '#AA7FB8' %}
-{% elsif course.properties.product_names_for_course_cards == 'Power BI' %}
-  {% assign product_logo = 'blank' %}
-  {% assign color_main = '#7F59A5' %}
-  {% assign color_dark = '#573376' %}
-  {% assign color_light = '#87ADDB' %}
-{% elsif course.properties.product_names_for_course_cards == 'Professional Development' %}
-  {% assign product_logo = 'blank' %}
-  {% assign color_main = '#7F59A5' %}
-  {% assign color_dark = '#000000' %}
-  {% assign color_light = '#87ADDB' %}
-{% else %}
-  {% assign product_logo = 'blank' %}
-  {% assign color_main = '#DCE4E9' %}
-  {% assign color_dark = '#747A7B' %}
-  {% assign color_light = '#B2B7BA' %}
-{% endif %}
-
-{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
-{% assign act_count = 0 %}
-{% for section in course.sections %}
-  {% for activity in section.activities %}
-    {% assign act_count = act_count | plus : 1 %}
-  {% endfor %}
-{% endfor %}
-
-{% assign allCats = '' %}
-{% for category in course.categories %}
-  {% assign allCats = allCats | append: category.name | append: ' || '%}
-{% endfor %}
-
-<div class="np-card course-card col-md-4" data-product="{{course.properties.product_names_for_course_cards}}" data-categories="{{ allCats }}">
-  <div class="np-progress-bar-container" style="background: {{ color_light }}">
-    <div
-      style="width: 75%; background: {{ color_dark }}"
-      class="np-button-background-color np-card-progress-bar course-card-progress-bar">
-    </div>
-  </div>
-  <div class="card-product-banner">
-    {% if product_logo != 'blank' %}
-      <img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo"/>
-    {% else %}
-      Anthology
-    {% endif %}
-  </div>
-  <div class="np-card-container">
-    <div class="card-image-replacement"></div>
-    <div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
-      <div class="np-flex-1">
-        <h3 class="np-card-content-title course-card-title">
-          {{ course.name }}
-        </h3>
-      </div>
-    </div>
-    <div class="card-bottom-details">
-      <span style="color: #757575; font-size: 14px">
-        {% assign act_count = 0 %}
-        {% for section in course.sections %}
-          {% for activity in section.activities %}
-            {% assign act_count = act_count| plus: 1 %}
-          {% endfor %}
-        {% endfor %}
-        {{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
-      </span>
-      <a class="np-button np-button-wide course-card-button"
-        href="{{ course_path }}"
-      >
-        View
-      </a>
-    </div>
-  </div>
-</div>

Custom_Templates/customer_templates/Anthology Academy Production/_course_desktop_view.html.liquid

@@ -1,223 +0,0 @@
-{% if course.properties.product_names_for_course_cards == 'Anthology Reach' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Reach.png' %}
-  {% assign product_alt = 'Anthology Reach' %}
-{% elsif course.properties.product_names_for_course_cards == 'Radius' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Engage' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Engage.png' %}
-  {% assign product_alt = 'Anthology Engage' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Beacon' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Milestone' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Milestone.png' %}
-  {% assign product_alt = 'Anthology Milestone' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Occupation Insight' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Raise' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Raise.png' %}
-  {% assign product_alt = 'Anthology Raise' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Digital Assistant' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Baseline' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Baseline.png' %}
-  {% assign product_alt = 'Anthology Baseline' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Encompass' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Encompass.png' %}
-  {% assign product_alt = 'Anthology Encompass' %}
-{% elsif course.properties.product_names_for_course_cards == 'Talisma' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Student' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Student.png' %}
-  {% assign product_alt = 'Anthology Student' %}
-{% elsif course.properties.product_names_for_course_cards == 'CVue' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_FinanceHCM.png' %}
-  {% assign product_alt = 'Anthology Finance & HCM' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Academic Economics' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Blackboard' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Blackboard.png' %}
-  {% assign product_alt = 'Blackboard' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Ally' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Course Evaluations' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_CourseEvaluation.png' %}
-  {% assign product_alt = 'Anthology Course Evaluations' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Evaluate' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Evaluate.png' %}
-  {% assign product_alt = 'Anthology Evaluate' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Portfolio' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Portfolio.png' %}
-  {% assign product_alt = 'Anthology Portfolio' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Program Review' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProgramReview.png' %}
-  {% assign product_alt = 'Anthology Program Review' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Planning' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Planning.png' %}
-  {% assign product_alt = 'Anthology Planning' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Accreditation.png' %}
-  {% assign product_alt = 'Anthology Accreditation' %}
-  {% elsif course.properties.product_names_for_course_cards == 'Anthology Outcomes' %}
-    {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Outcomes.png' %}
-    {% assign product_alt = 'Anthology Outcomes' %}
-{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Anthology101.png' %}
-  {% assign product_alt = 'Anthology 101' %}
-{% elsif course.properties.product_names_for_course_cards == 'Academy Use & Navigation' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Data Strategy' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Faculty Development' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% elsif course.properties.product_names_for_course_cards == 'Power BI' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_PowerBI.png' %}
-  {% assign product_alt = 'Power BI' %}
-{% elsif course.properties.product_names_for_course_cards == 'Professional Development' %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProfesionalLearning.png' %}
-  {% assign product_alt = 'Professional Learning' %}
-{% else %}
-  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
-  {% assign product_alt = 'Anthology' %}
-{% endif %}
-
-<div class="np-card-container">
-  <div class="np-resource-header np-course-header np-card-padding-large">
-    {% include "course_header" %}
-  </div>
-  <div class="np-divider"></div>
-  <div class="row np-course-content np-card-padding-dynamic">
-    <div class="col-xs-12 col-sm-6">
-      {%- comment -%} <div class="np-progress-bar-container" style="background: {{ color_light }}; border-radius: 0;">
-        <div
-          style="width: {{ course.progress }}%; background: {{ color_dark }}"
-          class="np-button-background-color np-card-progress-bar course-card-progress-bar">
-        </div>
-      </div> {%- endcomment -%}
-      <div class="product-banner">
-        {% if product_logo != 'blank' %}
-          <img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo-banner"/>
-        {% else %}
-          <img src='https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' alt='Anthology' class="product-logo-banner"/>
-        {% endif %}
-      </div>
-      <div class="np-top-image np-top-image-spacing course-image-replacement" style="border-radius: 0;">
-      <div class="course-cover-info">
-        <div class="np-flex-1">
-          <h3 class="course-cover-title">
-            {{ course.name }}
-          </h3>
-          {% assign act_count = 0 %}
-          {% for section in course.sections %}
-            {% for activity in section.activities %}
-              {% assign act_count = act_count| plus: 1 %}
-            {% endfor %}
-          {% endfor %}
-
-          <span style="color: #757575; font-size: 18px">
-            {{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
-          </span>
-        </div>
-        {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
-        {% if course.has_to_restart? %}
-          {% include "course_version_outdated_popup", path: course_path %}
-        {% endif %}
-      </div>
-
-      </div>
-      {%- comment -%} <img
-        src="{{ course.image_url }}"
-        class="np-top-image np-top-image-spacing"
-        alt="{{ course.name }}"
-      /> {%- endcomment -%}
-      {% include "course_description" %}
-
-      {% if course.categories.any? %}
-        <div class="np-card-content-divider">
-          {% include "course_categories" %}
-        </div>
-      {% endif %}
-
-      {% if course.instructors.any? %}
-        <div class="np-card-content-divider">
-          {% include "course_instructors" %}
-        </div>
-      {% endif %}
-
-      {% if course.events.any? %}
-        <div class="np-card-content-divider">
-          {% include "course_events" %}
-        </div>
-      {% endif %}
-    </div>
-    <div class="np-grid-spacing col-xs-12 col-sm-6">
-      <div class="np-top-cta">
-        {% include "course_progress_and_cta" %}
-      </div>
-      {% include "course_outline" %}
-    </div>
-  </div>
-</div>
-
-<style>
-  .course-image-replacement{
-    /* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
-    /* background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%); */
-  }
-
-  .course-cover-title{
-    font-size: 2em;
-    line-height: 45px;
-    margin-bottom: 20px;
-  }
-
-.product-logo-banner {
-  width: 100%;
-  height: auto;
-}
-
-      .np-course-content .np-top-cta {
-        background: #0054bc10 !important;
-      }
-
-      .np-course-content .np-button-font-color,
-      .np-course-content .np-button-background-color {
-        background: #0054bc !important;
-      }
-
-.np-course-content .np-button-font-color:hover,
-.np-course-content .np-button-font-color:focus {
-  background: #000 !important;
-}
-
-.np-content-categories-content-item {
-  line-height: 1.25rem !important;
-  padding: 15px !important;
-  background: #0054bc10 !important;
-}
-
-  .course-cover-info{
-    display: flex;
-    flex-direction: column;
-    /* height: 25em; */
-    justify-content: center;
-  }
-</style>

Custom_Templates/customer_templates/Anthology Academy Production/_filter_by_category.html.liquid

@@ -1,153 +0,0 @@
-<div class="np-filter" tabindex="0">
-  <div class="dropdown">
-    <select
-      class="category-filter-dropdown np-input"
-      type="text"
-      name="category-filter-dropdown"
-      id="category-filter-dropdown"
-      onchange="filterByCategory()"
-    >
-      {% assign sorted_categories = current_school.filterable_categories | sort: "name" %}
-      <option class="category-filter-entry" value="Default" selected>All Categories</option>
-
-      {% for category in sorted_categories %}
-        {% assign renderCat = false %}
-
-        {% for course in courses.enrolled %}
-          {% for course_category in course.categories %}
-            {% if course_category.id == category.id %}
-              {% assign renderCat = true %}
-            {% endif %}
-          {% endfor %}
-        {% endfor %}
-
-        {% comment %} Need to iterate over all filterable categories, target all searched cards, check if cat exists, render if found  {% endcomment %}
-
-        {% comment %} Need to generate category entires dynamically? Might not be possible because liquid is server side. Would need to pull all cats before load but all Searched Results after render {% endcomment %}
-
-        {%if renderCat %}
-          <option class="category-filter-entry" value="{{ category.name }}">{{ category.name }}</option>
-        {% endif %}
-      {% endfor %}
-    </select>
-  </div>
-</div>
-
-<script>
-  $('document').ready(function(){
-    let allCategoryFilters = document.querySelectorAll('.category-filter-entry');
-    let allSearchedResults = document.querySelectorAll('.course-card');
-    let allCourses = document.querySelector('.np-catalog-courses').children;
-
-    // for(let i = 0; i < allCourses.length; i++){
-    //   allCourses[i].style.display = 'block';
-    // }
-
-    for(let i = 1; i < allCategoryFilters.length; i++){
-      let productFound = false;
-      for(let j = 0; j < allSearchedResults.length; j++){
-
-        if(allSearchedResults[j].parentNode.dataset.categories.indexOf(allCategoryFilters[i].getAttribute('value')) > -1){
-          productFound = true;
-        }
-      }
-
-      if(!productFound){
-        allCategoryFilters[i].style.display = 'none';
-      }
-    }
-  });
-
-  let filterByCategory = () => {
-    let allLearning = document.querySelector('.np-catalog-courses').children;
-
-    for(let i = 0; i < allLearning.length; i++){
-      if(event.target.value == 'Default'){
-        allLearning[i].classList.remove('filtered');
-        if(!allLearning[i].classList.contains('hidden-by-product')){
-          allLearning[i].style.display = 'block';
-        }
-      } else {
-        if(allLearning[i].dataset.categories.indexOf(event.target.value) == -1){
-          allLearning[i].classList.add('filtered');
-          if(allLearning[i].classList.contains('hidden-by-product')){
-            allLearning[i].style.display = 'none';
-          }
-        } else {
-          allLearning[i].classList.remove('filtered');
-          if(!allLearning[i].classList.contains('hidden-by-product')){
-            allLearning[i].style.display = 'block';
-          }
-        };
-      };
-    };
-
-    // This will adjust and recreate the filters with the proper values
-
-    let allProductFiltersEntry = document.querySelectorAll(".product-filter-entry");
-    // let allCategoryFiltersEntry = document.querySelectorAll('.category-filter-entry');
-    let allFilteredResults = document.querySelector('.np-catalog-courses').children;
-
-    for(let i = 1; i < allProductFiltersEntry.length; i++){
-      allProductFiltersEntry[i].style.display = 'block';
-    }
-  
-    if(event.target.value != 'Default'){
-      for(let i = 1; i < allProductFiltersEntry.length; i++){
-        let productFound = false;
-  
-        for(let j = 0; j < allFilteredResults.length; j++){
-          
-          if(allFilteredResults[j].dataset.product){
-            if(allFilteredResults[j].dataset.product.indexOf(allProductFiltersEntry[i].getAttribute('value')) > -1){
-              if(!allFilteredResults[j].classList.contains('filtered')){
-                productFound = true;
-              }
-            }
-          }
-        }
-  
-        if(!productFound){
-          allProductFiltersEntry[i].style.display = 'none';
-        }
-      }
-    }
-
-  // -------------------------------------------------------------------------------------------
-    // this section is to update the category filter based on category filter changes
-      // commented out because the control of category filter entries should be solely on the product filter
-
-    // for(let i = 1; i < allCategoryFiltersEntry.length; i++){
-    //   allCategoryFiltersEntry[i].style.display = 'none';
-    // }
-
-    // for(let i = 1; i < allCategoryFiltersEntry.length; i++){
-    //   let catFound = false;
-
-    //   for(let j = 0; j < allFilteredResults.length; j++){
-    //       if(allFilteredResults[j].dataset.categories){
-    //         if(allFilteredResults[j].dataset.categories.indexOf(allCategoryFiltersEntry[i].getAttribute('value')) > -1){
-    //           console.log(allCategoryFiltersEntry[i].getAttribute('value'));
-    //           catFound = true;
-
-    //           // if(allFilteredResults[j].style.display == 'none'){
-    //           //   catFound = true;
-    //           // }
-    //         }
-    //       }
-    //   }
-
-    //   if(catFound){
-    //     allCategoryFiltersEntry[i].style.display = 'block';
-    //   } 
-    // }
-
-    // Last step is to return cat dropdown to always be all cats on product selection
-    // This will prevent cats that shouldnt be present from remaining selected
-
-    // $('#category-filter-dropdown > option:nth-child(1)').text('All Categories');
-
-    // $('#product-filter-dropdown > option:nth-child(1)').attr('selected', true);
-    // $('#product-filter-dropdown').val('Default');
-  }
-</script>

Custom_Templates/customer_templates/Anthology Academy Production/_filter_by_product.html.liquid

@@ -1,201 +0,0 @@
-<div class="np-filter product-filter-container">
-  <div class="dropdown">
-    <select
-      class="product-filter-dropdown np-input"
-      type="text"
-      name="product-filter-dropdown"
-      id="product-filter-dropdown"
-      onchange="filterByProduct()"
-    >
-      <option class="product-filter-entry" value="Default" selected>All Products</option>
-    </select>
-  </div>
-</div>
-
-<script>
-  let allProductTypesHome = ['Anthology-Default'];
-  let allProductTypesDash = ['Anthology-Default'];
-  let productFilterEl = document.querySelector("#product-filter-dropdown");
-
-  {% for course in courses.enrolled %}
-    {% if course.progress == 0 or course.properties.most_popular == true %}
-      if('{{ course.properties.product_names_for_course_cards }}' != 'Anthology [Catch-all]'){
-        if(!allProductTypesHome.includes('{{ course.properties.product_names_for_course_cards }}')){
-          allProductTypesHome.push("{{ course.properties.product_names_for_course_cards }}");
-        }
-      }
-    {% endif %}
-  {% endfor %}
-
-  {% for course in courses.enrolled %}
-    {% unless course.progress == 0 %}
-      if('{{ course.properties.product_names_for_course_cards }}' != 'Anthology [Catch-all]'){
-        if(!allProductTypesDash.includes('{{ course.properties.product_names_for_course_cards }}')){
-          allProductTypesDash.push("{{ course.properties.product_names_for_course_cards }}");
-        }
-      }
-    {% endunless %}
-  {% endfor %}
-
-  allProductTypesHome = allProductTypesHome.sort();
-  allProductTypesDash = allProductTypesDash.sort();
-
-  {% if page == 'Homepage' or page == 'Search' %}
-    if(allProductTypesHome.length > 1){
-      allProductTypesHome.map((product) => {
-        if(product != 'Anthology-Default'){
-          if(product.indexOf('&amp;') > -1){
-            product = product.replaceAll('&amp;', '&');
-          }
-          let productOption = document.createElement('option');
-          productOption.classList.add('product-filter-entry');
-          productOption.setAttribute('value', product);
-          //productionOption.setAttribute('href', `/search/23777883-6b85-449d-8d25-2e548c6e9ecc?q=${product}`);
-          productOption.innerHTML = `${product}`;
-          productFilterEl.appendChild(productOption);
-        }
-      })
-    } else {
-      productFilterEl.style.display = 'none';
-    }
-
-    let filterByProduct = () => {
-      let allLearning = document.querySelector('.np-catalog-courses').children;
-
-      for(let i = 0; i < allLearning.length; i++){
-        if(event.target.value == 'Default'){
-          allLearning[i].classList.remove('hidden-by-product');
-          if(!allLearning[i].classList.contains('filtered')){
-            allLearning[i].style.display = 'block';
-          }
-        } else {
-          if(allLearning[i].dataset.product != event.target.value){
-            allLearning[i].style.display = 'none';
-            allLearning[i].classList. add('hidden-by-product');
-          } else {
-            allLearning[i].classList.remove('hidden-by-product');
-            if(!allLearning[i].classList.contains('filtered')){
-              allLearning[i].style.display = 'block';
-            }
-          };
-        }
-      };
-
-      // let allProductFiltersEntry = document.querySelectorAll(".product-filter-entry");
-      let allCategoryFiltersEntry = document.querySelectorAll('.category-filter-entry');
-      let allFilteredResults = document.querySelector('.np-catalog-courses').children;
-
-      for(let i = 1; i < allCategoryFiltersEntry.length; i++){
-        allCategoryFiltersEntry[i].style.display = 'block';
-      }
-
-      if(event.target.value != 'Default'){
-        for(let i = 1; i < allCategoryFiltersEntry.length; i++){
-          let catFound = false;
-  
-          for(let j = 0; j < allFilteredResults.length; j++){
-              if(allFilteredResults[j].dataset.categories){
-                if(allFilteredResults[j].dataset.categories.indexOf(allCategoryFiltersEntry[i].getAttribute('value')) > -1){
-                  if(!allFilteredResults[j].classList.contains('hidden-by-product')){
-                    catFound = true;
-                  }
-                }
-              }
-          }
-  
-          if(!catFound){
-            allCategoryFiltersEntry[i].style.display = 'none';
-          } 
-        }
-      }
-  // -------------------------------------------------------------------------------------------
-    // this section is to update the product filter based on product filter changes
-    // commented out because the control of product filter entries should be solely on the category filter
-
-      
-      // for(let i = 1; i < allProductFiltersEntry.length; i++){
-      //   allProductFiltersEntry[i].style.display = 'none';
-      // }
-
-      // for(let i = 1; i < allProductFiltersEntry.length; i++){
-      //   let productFound = false;
-
-      //   for(let j = 0; j < allFilteredResults.length; j++){
-      //       if(allFilteredResults[j].dataset.product){
-      //         if(allFilteredResults[j].dataset.product.indexOf(allProductFiltersEntry[i].getAttribute('value')) > -1){
-      //           if(allFilteredResults[j].style.display == 'none'){
-      //             productFound = true;
-      //           }
-      //         }
-      //       }
-      //   }
-
-      //   if(!productFound){
-      //     allProductFiltersEntry[i].style.display = 'block';
-      //   } 
-      // }
-
-      // Last step is to return cat dropdown to always be all cats on product selection
-      // This will prevent cats that shouldnt be present from remaining selected
-
-      // $('#category-filter-dropdown > option:nth-child(1)').text('All Categories');
-
-      // $('#category-filter-dropdown > option:nth-child(1)').attr('selected', true);
-      // $('#category-filter-dropdown').val('Default');
-    };
-  {% elsif page == 'Dashboard' %}
-    // if(allProductTypesDash.length > 1){
-    //   allProductTypesDash.map((product) => {
-    //     if(product != 'Anthology-Default'){
-    //       if(product.indexOf('&amp;') > -1){
-    //         product = product.replace('&amp;', '&');
-    //       }
-    //       let productOption = document.createElement('option');
-    //       productOption.classList.add('product-filter-entry');
-    //       productOption.setAttribute('value', product)
-    //       productOption.innerHTML = `${product}`;
-
-    //       productFilterEl.appendChild(productOption);
-    //     }
-    //   })
-    // } else {
-    //   productFilterEl.style.display = 'none';
-    //   document.querySelector('.view-swapper-container').style.marginBottom = '0';
-    // }
-
-    // let filterByProduct = () => {
-    //   let inProgressCourses = document.querySelector('.courses-in-prog').children;
-    //   let completedCourses = document.querySelector('.courses-completed').children;
-
-    //   for(let i = 0; i < inProgressCourses.length; i++){
-    //     if(event.target.value == 'Default'){
-    //       inProgressCourses[i].style.display = 'block';
-    //     } else {
-    //       if(inProgressCourses[i].dataset.product != event.target.value){
-    //         inProgressCourses[i].style.display = 'none';
-    //       } else {
-    //         inProgressCourses[i].style.display = 'block';
-    //       }
-    //     }
-    //   }
-
-    //   for(let i = 0; i < completedCourses.length; i++){
-    //     if(event.target.value == 'Default'){
-    //       completedCourses[i].style.display = 'block';
-    //     } else {
-    //       if(completedCourses[i].dataset.product != event.target.value){
-    //         completedCourses[i].style.display = 'none';
-    //       } else {
-    //         completedCourses[i].style.display = 'block';
-    //       }
-    //     }
-    //   }
-    // }
-  {% endif %}
-</script>
-
-<style>
-  .filtered{
-    display: none !important;
-  }
-</style>

Custom_Templates/customer_templates/Anthology Academy Production/_profile_card.html.liquid

@@ -1,292 +0,0 @@
-<div class="np-grid-spacing col-xs-12 col-sm-5 col-md-4 col-lg-3 profile-card-container">
-	<div class="profile-card-wrapper">
-		<div class="profile-card">
-			<div	class="profile-bio">
-				<img
-					alt="{{ current_person.name }}"
-					class="np-header-avatar-image"
-					src="{{ current_person.avatar_url }}"
-					style="
-					height: 102px;
-					margin-bottom: 23px;
-					width: 102px;"
-				/>
-				{%- comment -%} <div class="profile-bio-header">
-					Account Details
-				</div> {%- endcomment -%}
-				<span class="profile-bio-name">{{ current_person.first_name }} {{current_person.last_name}}</span>
-				<span class="profile-bio-email">{{ current_person.email }}</span>
-
-				{% unless current_school.sso_active? %}
-					<a
-						class="profile-bio-account-settings-button"
-						href="{% route account %}"
-					>
-						Edit Profile
-					</a>
-				{% endunless %}
-			</div>
-			
-		</div>
-	</div>
-
-	<div class="product-subscriptions-card-wrapper">
-		<div class="product-subscriptions-card">
-			{% assign sub_levels_length = current_person.properties.subscription_levels | size %}
-			{% if sub_levels_length > 0 %}
-				<div class="product-subscriptions-container">
-					<div class="product-subscriptions-banner">
-						<span class="subscription-name" style="border: none;">
-							Product Subscriptions
-						</span>
-						{%- comment -%} <span class="subscription-level">
-							PLAN
-						</span> {%- endcomment -%}
-					</div>
-					<ul class="product-subscriptions">
-						{% assign subscription_levels = current_person.properties.subscription_levels | split: "," %}
-						
-						{% assign essentials_found_flag = false %}
-						{% for subscription_level in subscription_levels %}
-						{% assign name_level_pair = subscription_level | split: ":"%}
-							{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
-							{% if product_sub_level contains 'Essential' %}
-								{% assign essentials_found_flag = true %}
-							{% endif %}
-						{% endfor %}
-
-						{% if essentials_found_flag %}
-							<div class="product-subscription-level-header">
-								Essential
-							</div>
-							<div style="background: #795CA0; height: 3px; margin: 5px; width: 20px;"></div>
-						{% endif %}
-
-						{% for subscription_level in subscription_levels %}
-						{% assign name_level_pair = subscription_level | split: ":"%}
-							{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
-							
-							{% if product_sub_level contains 'Essential' %}
-								{% include "profile_logo_calculator", product: name_level_pair[0] %}
-								{%- comment -%} <li class="product-subscription">
-									<span class="subscription-name">
-										{{ name_level_pair[0] }}
-									</span> 
-									<span class="subscription-level">
-										{{ name_level_pair[1] }}
-									</span> 
-										{% if '{{name_level_pair[1]}}' == 'ESS' %}
-											Essential
-										{% elsif '{{name_level_pair[1]}}' == 'ENH' %}
-											Enhanced
-										{% elsif '{{name_level_pair[1]}}' == 'ENH+' %}
-											Enhanced Plus
-										{% endif %}
-								</li> {%- endcomment -%}
-							{% endif %}
-						{% endfor %}
-
-						{% assign enhanced_found_flag = false %}
-						{% for subscription_level in subscription_levels %}
-						{% assign name_level_pair = subscription_level | split: ":"%}
-							{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
-							{% if product_sub_level contains 'Enhanced' %}
-								{% unless product_sub_level contains 'Enhanced+' %}
-									{% assign enhanced_found_flag = true %}
-								{% endunless %}
-							{% endif %}
-						{% endfor %}
-
-						{% if enhanced_found_flag %}
-							<div class="product-subscription-level-header" style="margin-top: 20px;">
-								Enhanced
-							</div>
-							<div style="background: #49A9E1; height: 3px; margin: 5px; width: 20px;"></div>
-						{% endif %}
-
-						{% for subscription_level in subscription_levels %}
-							{% assign name_level_pair = subscription_level | split: ":"%}
-							{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
-
-							{% if product_sub_level contains 'Enhanced' %}
-								{% unless product_sub_level contains 'Enhanced+' %}
-									{% include "profile_logo_calculator", product: name_level_pair[0] %}
-									{% comment %} <li class="product-subscription">
-									</li> {% endcomment %}
-								{% endunless %}
-							{% endif %}
-						{% endfor %}
-
-						{% assign enhanced_plus_found_flag = false %}
-						{% for subscription_level in subscription_levels %}
-						{% assign name_level_pair = subscription_level | split: ":"%}
-							{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
-							{% if product_sub_level contains 'Enhanced+' %}
-								{% assign enhanced_plus_found_flag = true %}
-							{% endif %}
-						{% endfor %}
-
-						{% if enhanced_plus_found_flag %}
-							<div class="product-subscription-level-header" style="margin-top: 20px;">
-								Enhanced Plus
-							</div>
-							<div style="background: #E26B37; height: 3px; margin: 5px; width: 20px;"></div>
-						{% endif %}
-
-						{% for subscription_level in subscription_levels %}
-						{% assign name_level_pair = subscription_level | split: ":"%}
-							{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
-							
-							{% if product_sub_level contains 'Enhanced+' %}
-								{% include "profile_logo_calculator", product: name_level_pair[0] %}
-								{% comment %} <li class="product-subscription">
-								</li> {% endcomment %}
-							{% endif %}
-						{% endfor %}
-					</ul>
-				</div>
-			{% endif %}
-		</div>
-	</div>
-</div>
-
-<style>
-	.profile-card-container{
-		margin-bottom: 45px;
-	}
-	
-	/* .profile-card-wrapper{
-		background: #AA7FB8;
-		border: 1px solid #EFEFEF;
-		padding-top: 14px;
-	} */
-
-	.profile-card{
-		background: #FFF;
-    border: 1px solid #f2f4f5;
-    box-shadow: 0 3px 5px rgba(0,0,0,.1);
-		margin-bottom: 25px;
-		/* padding: 12px; 
-		padding-bottom: 32px; */
-		padding: 45px 0;
-		width: 100%;
-	}
-
-	.profile-bio{
-		align-items: center;
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-	}
-
-	.profile-bio-header{
-		border-bottom: 1px solid #D9D9D9;
-		font-size: 18px; 
-		font-weight: 700; 
-		line-height: 25px;
-		margin-bottom: 12px;
-    padding-bottom: 8px;
-    text-align: center;
-    width: 75%;
-	}
-
-	.profile-bio-name,
-	.profile-bio-email{
-		line-height: 25px;
-		text-align: center;
-	}
-
-	.profile-bio-name{
-		font-size: 18px;
-		font-weight: 600;
-		margin-bottom: 12px;
-	}
-
-	.profile-bio-email{
-		font-size: 16px;
-		font-weight: 400;
-		margin-bottom: 35px;
-	}
-
-	.profile-bio-account-settings-button{
-    background-color: #aa7fb8;
-    border-radius: 25px;
-		color: #FFF;
-    font-weight: 400;
-    line-height: 1;
-    margin: 20px 30px;
-    padding: 12px 18px 12px;
-    position: relative;
-    text-align: center;
-    text-decoration: none;
-    transition: .3s ease all;
-	}
-
-	.product-subscriptions-card{
-		border: 1px solid #f2f4f5;
-		box-shadow: 0 3px 5px rgba(0,0,0,.1);
-	}
-
-	.product-subscriptions-banner{
-		align-items: center;
-		/* background: #EAEAEA; */
-		border-bottom: 1px solid #f2f4f5;
-		display: flex;
-		/* font-size: 14px;
-		font-weight: 400; */
-		font-size: 16px;
-		font-weight: 600;
-		height: 55px;
-		justify-content: center;
-		/* line-height: 25px; */
-	}
-
-	.product-subscriptions{
-    align-items: center;
-		display: flex;
-    flex-direction: column;
-    justify-content: center;
-		padding: 0;
-	}
-
-	.product-subscription-level-header{
-		color: #595959;
-		font-size: 1em;
-    /* margin-bottom: 10px; */
-	}
-
-	.product-subscription{
-		align-items: center;
-		display: flex;
-		flex-direction: row;
-		height: 35px;
-		justify-content: space-between;
-	}
-
-	.subscription-name{
-    /* align-items: center;
-    border-right: 2px solid #EAEAEA;
-    display: flex;
-    height: 25px; */
-		margin: 3px 0;
-	}
-
-	.profile-card-product-logo{
-		height: 1.25em;
-	}
-
-	/* .subscription-level{
-    align-items: center;
-    display: flex;
-    height: 100%;
-    padding-left: 10px;
-		width: 30%;
-	} */
-
-	@media screen and (min-width: 768px){
-		.profile-card-container{
-			padding: 0;
-			padding-right: 3%;
-		}
-	}
-</style>

Custom_Templates/customer_templates/Anthology Academy Production/_profile_logo_calculator.html.liquid

@@ -1,120 +0,0 @@
-{% assign product_name = product %}
-
-{% if product_name contains 'Reach' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Reach.svg' %}
-  {% assign product_query = 'Reach' %}
-{% elsif product_name contains 'Radius' %}
-  {% assign product_logo = 'blank' %}
-  {% assign product_query = 'Radius' %}
-{% elsif product_name contains 'Engage' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Engage.svg' %}
-  {% assign product_query = 'Engage' %}
-{% elsif product_name contains 'Beacon' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Beacon.svg' %}
-  {% assign product_query = 'Beacon' %}
-{% elsif product_name contains 'Milestone' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Milestone.svg' %}
-  {% assign product_query = 'Milestone' %}
-{% elsif product_name contains 'Occupation Insight' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Occupation+Insight.svg' %}
-  {% assign product_query = 'Occupation Insight' %}
-{% elsif product_name contains 'Raise' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Raise.svg' %}
-  {% assign product_query = 'Raise' %}
-{% elsif product_name contains 'Digital Assistant' %}
-  {% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Digital+Assistant.svg' %}
-  {% assign product_query = 'Digital Assistant' %}
-{% elsif product_name contains 'Baseline' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Baseline.svg' %}
-  {% assign product_query = 'Baseline' %}
-{% elsif product_name contains 'Encompass' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Encompass.svg' %}
-  {% assign product_query = 'Encompass' %}
-{% elsif product_name contains 'Talisma' %}
-  {% assign product_logo = 'blank' %}
-  {% assign product_query = 'Talisma' %}
-{% elsif product_name contains 'Student' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Student.svg' %}
-  {% assign product_query = 'Student' %}
-{% elsif product_name contains 'CVue' %}
-  {% assign product_logo = 'blank' %}
-  {% assign product_query = 'CVue' %}
-{% elsif product_name contains 'Insight' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Insight.svg' %}
-  {% assign product_query = 'Insight' %}
-{% elsif product_name contains 'Finance & HCM' %}
-  {% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Finance+%26+HCM.svg' %}
-  {% assign product_query = 'Finance & HCM' %}
-{% elsif product_name contains 'Payroll' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Payroll.svg' %}
-  {% assign product_query = 'Payroll' %}
-{% elsif product_name contains 'Academic Economics' %}
-  {% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Academic+Economics.svg' %}
-  {% assign product_query = 'Academic Economics' %}
-{% elsif product_name contains 'Blackboard Learn' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/BBLearn.svg' %}
-  {% assign product_query = 'Blackboard Learn' %}
-{% elsif product_name contains 'Ally' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Ally.svg' %}
-  {% assign product_query = 'Ally' %}
-{% elsif product_name contains 'Course Evaluations' %}
-  {% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Course+Evaluations.svg' %}
-  {% assign product_query = 'Course Evaluations' %}
-{%- comment -%} NEED DIFF IMG FORMAT FOR THIS ONE {%- endcomment -%}
-{% elsif product_name contains 'Evaluate' %}
-  {% assign product_logo = 'blank' %}
-  {% assign product_query = 'Evaluate' %}
-{% elsif product_name contains 'Portfolio' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Portfolio.svg' %}
-  {% assign product_query = 'Portfolio' %}
-{% elsif product_name contains 'Program Review' %}
-  {% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Program+Review.svg' %}
-  {% assign product_query = 'Program Review' %}
-{% elsif product_name contains 'Planning' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Planning.svg' %}
-  {% assign product_query = 'Planning' %}
-{% elsif product_name contains 'Accreditation' %}
-  {% assign product_logo = 'https://cdn.northpass.io/anthology/Accreditation.svg' %}
-  {% assign product_query = 'Accreditation' %}
-{% elsif product_name contains '101' %}
-  {% assign product_logo = 'blank' %}
-  {% assign product_query = '101' %}
-{% elsif product_name contains 'Academy Use & Navigation' %}
-  {% assign product_logo = 'blank' %}
-  {% assign product_query = 'Academy Use & Navigation' %}
-{% elsif product_name contains 'Data Strategy' %}
-  {% assign product_logo = 'blank' %}
-  {% assign product_query = 'Data Strategy' %}
-{% elsif product_name contains 'Faculty Development' %}
-  {% assign product_logo = 'blank' %}
-  {% assign product_query = 'Faculty Development' %}
-{% elsif product_name contains 'Power BI' %}
-  {% assign product_logo = 'blank' %}
-  {% assign product_query = 'Power BI' %}
-{% elsif product_name contains 'Professional Development' %}
-  {% assign product_logo = 'blank' %}
-  {% assign product_query = 'Professional Development' %}
-{% else %}
-  {% assign product_logo = 'blank' %}
-  {% assign product_query = 'blank' %}
-{% endif %}
-
-{% comment %} {% if product_logo contains 'blank' %}
-  <span class="subscription-name">
-    {{ product_name }}
-  </span>
-{% else %}
-  <span class="subscription-name" data-profile-product="{{ product_name }}">
-    <img src='{{ product_logo }}' alt="{{ product_name }}" class='profile-card-product-logo'/>
-  </span>
-{% endif %} {% endcomment %}
-
-{% unless product_logo contains 'blank' %}
-  <li class="product-subscription">
-    <span class="subscription-name" data-profile-product="{{ product_name }}">
-      <a href="/app/search/00000000-0000-0000-0000-000000000000?q={{ product_query }}">
-        <img src='{{ product_logo }}' alt="{{ product_name }}" class='profile-card-product-logo'/>
-      </a>
-    </span>
-  </li>
-{% endunless %}

Custom_Templates/customer_templates/Anthology Academy Production/_sub_navigation.html.liquid

@@ -1,29 +0,0 @@
-{% comment %} <nav class="np-sub-navigation">
-  <div class="np-sub-navigation-content">
-    {% for link in navigations.sub_navigation %}
-      {% unless link.label == 'Catalog' or  link.label == 'Learning Paths' %}
-        <div class="np-sub-navigation-content-item {{ link.active_class }}">
-          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
-            <i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
-            {{ link.label }}
-          </a>
-          <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
-        </div>
-      {% endunless %}
-    {% endfor %}
-  </div>
-</nav> {% endcomment %}
-<nav class="np-sub-navigation custom-home-subnav" style="background: #0054bc; margin: 0; padding: 15px 15px 0;">
-  <div class="np-sub-navigation-content" style="align-items: center;">
-    {% for link in navigations.sub_navigation %}
-      {% unless link.label == 'Catalog' or  link.label == 'Learning Paths' %}
-        <div class="np-sub-navigation-content-item {{ link.active_class }}">
-          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}" style="color: #FFF; height: 36px;">
-            {{ link.label }}
-          </a>
-          <div class="np-sub-navigation-content-item-bar np-button-background-color" style="background: #FFF; margin-top: -4px"></div>
-        </div>
-      {% endunless %}
-    {% endfor %}
-  </div>
-</nav>

Custom_Templates/customer_templates/Anthology Academy Production/courses.html.liquid

@@ -1,11 +0,0 @@
-{% include "header" %}
-{% include "course_version_outdated_alert", courses: courses.enrolled %}
-{% include "sub_navigation" %}
-<main class="np-main np-courses np-subpage-container np-max-width">
-  <div class="np-resource-title">
-    {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
-  </div>
-  <div class="np-resource-subtitle">{% t .headline, key: current_school.course_vocabulary %}</div>
-  {% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
-</main>
-{% include "footer" %}

Custom_Templates/customer_templates/Anthology Academy Production/dashboard.html.liquid

@@ -1,277 +0,0 @@
-{% include "header" %}
-{% include "course_version_outdated_alert", courses: courses.enrolled %}
-{% include "sub_navigation" %}
-{% comment %} {% if current_person.email contains '+preview' or current_person.email == 'kfelton@anthology.com'%}
-  {% assign sub_levels_length = current_person.properties.subscription_levels | size %}
-  {% if sub_levels_length > 0 %}
-    {% include "product_bar" %}
-  {% endif %}
-{% endif %} {% endcomment %}
-<main class="np-main np-dashboard np-subpage-container np-max-width">
-  <div class="row np-flex-center">
-    {% include "profile_card" %}
-
-    <div class="col-xs-12 col-sm-7 col-md-8 col-lg-9 dashboard-learning-content">
-      <div class="dashboard-main-title">
-        Dashboard
-      </div>
-      <div class="dashboard-subtitle">
-        Track Progress and Continue Learning
-      </div>
-
-      <div class='dashboard-control-panel' style="
-      ">
-        {%- comment -%} =============== THIS IS WHERE THE SWAPPER WILL LIVE =============== {%- endcomment -%}
-        <div class="view-swapper-container">
-          <div id="dashboard-view-button" class="view-swapper-button view-swapper-button-active" onclick="swapView()">
-            Resources
-          </div>
-          <div id="events-view-button" class="view-swapper-button" onclick="swapView()">
-            Live Events
-          </div>
-          {% assign completedCourseFound = false %}
-          {% if courses.enrolled.any? %}
-            {% for course in courses.enrolled %}
-              {% if course.progress == 100 %}
-                {% assign completedCourseFound = true %}
-              {% endif %}
-            {% endfor %}
-          {% endif %}
-          {% if completedCourseFound %}
-            <div id="completed-view-button" class="view-swapper-button" onclick="swapView()">
-              Completed
-            </div>
-          {% endif %}
-        </div>
-
-        {%- comment -%} =============== THIS IS WHERE THE PRODUCT FILTER WILL LIVE =============== {%- endcomment -%}
-        <div class="filter-buttons-container">
-          <div class="dashboard-filter-label">Filter By: </div>
-          {% include "filter_by_product", page: 'Dashboard' %}
-        </div>
-      </div>
-      
-      <div id="dashboard-resources-pane">
-        <div class="np-dashboard-resources-title">
-          Your Resources
-        </div>
-        {% assign ipCourseFound = false %}
-        {% if courses.enrolled.any? %}
-          {% for course in courses.enrolled %}
-            {% if course.progress > 0 and course.progress < 100 %}
-              {% assign ipCourseFound = true %}
-            {% endif %}
-          {% endfor %}
-        {% endif %}
-        {% if ipCourseFound %}
-          {% include "courses_index_in_prog", outerClass: "dashboard-courses-index" %}
-        {% endif %}
-
-        {%- comment -%} {% if courses.enrolled.any? %}
-          {% include "courses_index", outerClass: "dashboard-courses-index" %}
-        {% else %}
-          {% capture message %}
-            {% t shared.zero_state.courses.index,
-              key: current_school.course_vocabulary
-            %}
-          {% endcapture %}
-          {% include "courses_zero_state", message: message %}
-        {% endif %} {%- endcomment -%}
-      </div>
-
-      <div id="dashboard-events-pane">
-        {% include "training_events_index" %}
-      </div>
-
-      <div id="dashboard-completed-pane">
-        {% assign completedCourseFound = false %}
-        {% if courses.enrolled.any? %}
-          {% for course in courses.enrolled %}
-            {% if course.progress == 100 %}
-              {% assign completedCourseFound = true %}
-            {% endif %}
-          {% endfor %}
-        {% endif %}
-        {% if completedCourseFound %}
-          {% include "courses_index_completed", outerClass: "dashboard-courses-index" %}
-        {% endif %}
-      </div>
-    </div>
-  </div>
-</main>
-{% include "footer" %}
-
-<script>
-  let swapView = () => {
-    console.log(event.target.classList);
-
-    if(!event.target.classList.contains('view-swapper-button-active')){
-      if(event.target.id == 'dashboard-view-button'){
-
-        document.getElementById('events-view-button').classList.remove('view-swapper-button-active');
-        if(document.getElementById('completed-view-button')){
-          document.getElementById('completed-view-button').classList.remove('view-swapper-button-active');
-        }
-        event.target.classList.add('view-swapper-button-active');
-
-        document.getElementById('dashboard-events-pane').style.display = 'none';
-        document.getElementById('dashboard-completed-pane').style.display = 'none';
-        document.getElementById('dashboard-resources-pane').style.display = 'block';
-
-      } else if(event.target.id == 'events-view-button'){
-        document.getElementById('dashboard-view-button').classList.remove('view-swapper-button-active');
-        if(document.getElementById('completed-view-button')){
-          document.getElementById('completed-view-button').classList.remove('view-swapper-button-active');
-        }
-        event.target.classList.add('view-swapper-button-active');
-
-        document.getElementById('dashboard-resources-pane').style.display = 'none';
-        document.getElementById('dashboard-completed-pane').style.display = 'none';
-        document.getElementById('dashboard-events-pane').style.display = 'block';
-
-      } else if(event.target.id == 'completed-view-button'){
-        document.getElementById('dashboard-view-button').classList.remove('view-swapper-button-active');
-        document.getElementById('events-view-button').classList.remove('view-swapper-button-active');
-        event.target.classList.add('view-swapper-button-active');
-
-        document.getElementById('dashboard-resources-pane').style.display = 'none';
-        document.getElementById('dashboard-events-pane').style.display = 'none';
-        document.getElementById('dashboard-completed-pane').style.display = 'block';
-      }
-    }
-  }
-</script>
-{%- comment -%} {% assign swapper_spacer = 0 %}
-{% for course in courses.enrolled %}
-  {% unless course.progress == 0 %}
-    {% assign swapper_spacer = 1 %}
-  {% endunless %}
-{% endfor %} {%- endcomment -%}
-
-<style>
-  .dashboard-main-title{
-    color: #0a0a0a;
-    font-size: 2em;
-    font-weight: 900;
-    line-height: 2.375REM;
-    margin-bottom: 12px;
-  }
-
-  .dashboard-subtitle{
-    color: #595959;
-    font-size: 1.25rem;
-    font-weight: 400;
-    margin-bottom: 24px;
-  }
-
-  .np-dashboard-resources-title{
-    color: #000000;
-    font-size: 1.5em;
-    font-weight: 600;
-    line-height: 25px;
-    margin-bottom: 25px;
-    text-transform: none;
-  }
-
-  .dashboard-control-panel{
-    align-items: center;
-    border-bottom: 1px solid #F2F4F5;
-    display: flex;
-    flex-direction: column-reverse;
-    justify-content: center;
-    margin-top: 24px;
-    margin-bottom: 30px;
-  }
-
-  .view-swapper-container{
-    display: flex;
-    flex-direction: row;
-    height: 40px;
-    justify-content: flex-start;
-    width: 100%;
-  }
-
-  .view-swapper-button{
-    align-items: center;
-    color: #595959;
-    display: flex;
-    font-size: 15px;
-    font-weight: 400;
-    justify-content: center;
-    text-align: center;
-    width: 125px;
-  }
-
-  .view-swapper-button-active{
-    background: #f2f4f5;
-    color: #000;
-    font-weight: 600;
-    /* border-bottom: 2px solid #000000; */
-    margin-bottom: -1px;
-  }
-
-  .view-swapper-button:hover{
-    cursor: pointer;
-  }
-
-  .filter-buttons-container{
-    display: flex;
-    flex-direction: row;
-    margin-bottom: 20px;
-  }
-
-  .dashboard-filter-label{
-    color: #595959;
-    font-size: 1em;
-    font-weight: 700;
-    padding-right: 10px;
-  }
-
-  #dashboard-events-pane,
-  #dashboard-completed-pane{
-    display: none;
-  }
-
-  .product-filter-container{
-    margin: 0;
-  }
-
-  @media screen and (min-width: 768px){
-    .np-dashboard{
-      padding: 70px 24px;
-    }
-
-    .dashboard-main-title{
-      margin-bottom: 16px;
-    }
-
-    .dashboard-control-panel{
-      align-items: center;
-      flex-direction: row;
-      justify-content: space-between;
-    }
-
-    .view-swapper-container{
-      margin-bottom: -38px;
-      width: unset;
-    }
-
-    .dashboard-learning-content{
-      margin: 0;
-      padding: 0;
-    }
-
-    .dashboard-courses-index{
-      margin: 0;
-      margin-left: -10px;
-    }
-  }
-</style>
-
-{%- comment -%} {% if swapper_spacer == 0 %}
-  <style>
-    .view-swapper-container{
-      margin-bottom: 0 !important;
-    }
-  </style>
-{% endif %} {%- endcomment -%}

Custom_Templates/customer_templates/Anthology Academy Production/learning_paths.html.liquid

@@ -1,13 +0,0 @@
-{% include "header" %}
-<main class="np-main np-learning-paths np-subpage-container np-max-width">
-  <div class="np-learning-paths-main">
-    <div class="np-resource-title">
-      {% t shared.learning_paths %}
-    </div>
-    <div class="np-resource-subtitle">
-      {% t .subtitle %}
-    </div>
-    {% include "learning_paths_index", items: learning_paths.available %}
-  </div>
-</main>
-{% include "footer" %}

Custom_Templates/customer_templates/Anthology Academy Production/search.html.liquid

@@ -1,216 +0,0 @@
-{% include "header" %}
-<main class="np-main np-search np-subpage-container np-max-width">
-  {% comment %} <div class="np-resource-title">
-    {% t .title %}
-  </div> {% endcomment %}
-  <div class="np-search-header">
-    {% assign render_search = false %}
-    {% if results.items.any? %}
-      {% for result in results.items %}
-        {% if result.type == 'course' %}
-          {% for course in courses.enrolled %}
-            {% if result.course.id == course.id %}
-              {% assign render_search = true %}
-            {% endif %}
-          {% endfor %}
-        {% endif %}
-      {% endfor %}
-    {% endif %}
-
-    {% if render_search %}
-      {% assign result_count = 0 %}
-      {% for item in results.items %}
-        {% if item.type == 'course' %}
-          {% assign result_count = result_count | plus: 1 %}
-        {% endif %}
-      {% endfor %}
-    {% endif %}
-
-    <div class="np-resource-title">
-      {% comment %} {% t .showing %} {% endcomment %}
-      {% if render_search %}
-        <span class="np-resource-subtitle-number" style="color: #363636;">
-          {{ result_count }} Resources For <span class="">"{{ results.term }}"</span>
-        </span>
-      {% comment %} {% else %}
-        <span class="np-resource-subtitle-number">{{ results.count }} Resources</span> {% endcomment %}
-      {% endif %}
-      {% comment %} {% t .results_for %} {% endcomment %}
-      
-    </div>
-    {% if render_search %}
-      <div style="align-items: center; display: flex; flex-direction: row;">
-        <div style="font-weight: 700; margin-right: 15px;">Filter By: </div>
-
-        {% capture label %}{% t shared.filters.by_type %}{% endcapture %}
-        {% include "filter_by_product", page: 'Search' %}
-        {% include "filter_by_category", page: 'Search' %}
-      </div>
-    {% endif %}
-  </div>
-  {% if render_search %}
-    <div class="np-catalog-courses row row-with-thumbnails">
-      {% for result in results.items %}
-        {% comment %} https://newacademy.anthology.com/app/search/00000000-0000-0000?q= {% endcomment %}
-        {% if result.type == 'course' %}
-          {% for course in courses.enrolled %}
-            {% if result.course.id == course.id %}
-              {% include "cards_searched_course" with course %}
-            {% endif %}
-          {% endfor %}
-        {% endif %}
-      {% endfor %}
-    </div>
-  {% else %}
-    {% include "search_zero_state" %}
-  {% endif %}
-</main>
-{% include "footer" %}
-
-<style>
-  .np-search-header{
-    align-items: flex-start;
-    flex-direction: column;
-  }
-
-  .np-resource-title{
-    color: #363636;
-    font-family: "Nunito Sans";
-    font-style: normal;
-    font-weight: 700 !important;
-  }
-
-  .np-card{
-    margin-bottom: 15px;
-  }
-
-  .card-product-banner{
-    align-items: center;
-    background: #FFF;
-    box-shadow: 0 3px 30px rgba(0,0,0,.1);
-    display: flex;
-    height: 32px;
-    overflow: hidden;
-    padding: 6px 8px;
-    width: 100%;
-  }
-
-  .product-logo{
-    height: 100%;
-  }
-
-  .card-image-replacement{
-    /* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
-    background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
-    height: 12rem;
-    width: 100%;
-  }
-
-  @media screen and (min-width: 550px) and (max-width: 649px){
-    .card-image-replacement{
-      height: 15rem;
-    }
-  }
-
-  @media screen and (min-width: 650px) and (max-width: 767px){
-    .card-image-replacement{
-      height: 20rem;
-    }
-  }
-
-  .course-card-info{
-    height: calc(100% - 38px);
-    justify-content: center;
-    position: absolute;
-    top: 0;
-    width: unset;
-  }
-
-  .course-card-title{
-    font-size: 24px;
-    font-weight: 600;
-    line-height: 25px;
-    margin-top: 8px !important;
-  }
-
-  .course-card-button{
-    /* border-radius: 0; */
-    font-size: 14px;
-    font-weight: 600;
-    height: 100%;
-    line-height: 21px;
-    width: 30%;
-  }
-
-  .course-card-button:focus{
-    border: 2px solid blue;
-  }
-
-  .np-progress-bar-container,
-  .np-card-progress-bar{
-    border-radius: 0;
-    height: 6px;
-    margin: 0;
-  }
-
-  .np-card-content-progress{
-    height: 25px;
-    margin: 0;
-  }
-
-  .course-card-progress-bar{
-    min-width: 0;
-  }
-
-  .np-card-content-progress{
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 25px;
-  }
-
-  .card-bottom-details{
-    justify-content: space-between;
-  }
-
-  .product-filter-dropdown,
-  .category-filter-dropdown{
-    /* padding: 0 5px; */
-    /* border-radius: 0; */
-    /* height: 45px;
-    min-width: 150px; */
-    margin: 10px 10px 0;
-    padding: 2px 20px;
-  }
-
-  @media screen and (min-width: 768px){
-    .np-filter{
-      margin: 12px 10px !important;
-    }
-
-    .np-resource-title{
-      margin-bottom: 0;
-      font-size: 32px;
-      line-height: 25.25px;
-    }
-
-    .np-card{
-      margin-bottom: 15px !important;
-      min-width: unset;
-    }
-
-    .course-card-wrapper{
-      margin-bottom: 32px;
-      /* max-height: 315px;
-      max-width: 445px; */
-    }
-
-    .course-card{
-      padding: 0 10px !important;
-    }
-
-    .course-card-wrapper,
-    .course-card{
-      height: 100%;
-    }
-  }
-</style>

Custom_Templates/customer_templates/Anthology Academy Production/styles.css.liquid

@@ -1,267 +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 }}
-*/
-
-@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap');
-
-html,
-body{
-    color: #363636 !important;
-    font-family: 'Nunito Sans', sans-serif;
-}
-
-body,
-main{
-    background-color: #FEFEFE !important;
-}
-
-/* HEADER STYLES */
-
-.np-header{
-    border-top: 5px solid #fffff;
-    border-bottom: 2px solid #e1ebf3;
-    height: 95px;
-    padding: 0 22px;
-}
-
-.np-header-content{
-    justify-content: space-between;
-}
-
-.np-header-logo{
-    flex-grow: unset;
-}
-
-.np-header-desktop-nav{
-    justify-content: flex-end;
-    padding-top: 20px;
-    flex-grow: unset;
-}
-
-.np-header-mobile-menu-nav{
-    position: unset;
-}
-
-.np-header-avatar{
-    align-items: center;
-    height: 100%;
-}
-
-.desktop-avatar-button{
-    margin: 0;
-    margin-right: 11px;
-}
-
-.header-username{
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 25px;
-}
-
-
-.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link,
-.np-sub-navigation-content-item-active .np-sub-navigation-content-item-bar{
-    color: #0A0A0A
-}
-
-/* GLOBAL CARD STYLES */
-
-.np-card-padding{
-    padding: 15px 16px
-}
-
-/* COURSE CARDS */
-
-.course-card-info {
-	max-height: 75%;
-}
-
-.np-card-content-title{
-    color: #363636;
-}
-
-.course-card .np-card-container{
-    border-radius: 0;
-    box-shadow: 0 3px 30px rgba(0,0,0,.1);
-    /* overflow: hidden; */
-    z-index: unset;
-}
-
-.course-card .np-card-image{
-    border-radius: 0;
-}
-
-.card-bottom-details{
-    align-items: center;
-    background: #f2f4f5;
-    border-radius: 4px;
-    display: flex;
-    font-size: 0.875em;
-    flex-direction: row;
-    justify-content: space-between;
-    padding: 10px;
-}
-
-.np-course-outline-content-activity-title, .np-course-outline-content-activity-link{
-    font-size: 16px;
-}
-
-/* CAROUSEL BUTTON STYLES */
-/*.carousel-buttons-container{
-    align-items: center;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-}
-
-.next-carousel-button,
-.previous-carousel-button{
-    align-items: center;
-    display: flex;
-    height: 28px;
-    justify-content: center;
-    margin-bottom: 12px;
-    width: 28px;
-}
-
-.next-carousel-button{
-    margin-left: 39px;
-}
-
-.next-carousel-button:hover,
-.previous-carousel-button:hover{
-    cursor: pointer;
-}
-
-.fa-arrow-left,
-.fa-arrow-right{
-    font-size: 24px;
-} */
-
-/* EVENT CARDS */
-.event-card{
-    min-width: 0;
-}
-
-@media screen and (min-width: 768px){
-    .event-card{
-        padding: 0 0 64px 32px !important;
-    }
-}
-
-/* FILTER STYLES */
-.np-filter{
-    justify-content: center;
-    margin-bottom: 0;
-    margin-right: 15px;
-}
-
-
-.filter-buttons-container{
-    align-items: center;
-    display: flex;
-    flex-direction: row;
-}
-
-.product-filter-dropdown,
-.category-filter-dropdown{
-    background-color: #fefefe;
-    border-radius: 4px;
-    color: #363636;
-    font-size: 1em;
-    font-weight: 700;
-    height: 60px;
-    line-height: 1;
-    padding: 5px 12px;
-    text-decoration: none;
-}
-
-.product-filter-dropdown:focus,
-.category-filter-dropdown:focus{
-    border: 2px solid blue;
-}
-
-.product-filter-dropdown{
-    border: 1px solid #CE9DC7;
-}
-
-.category-filter-dropdown{
-    border: 1px solid #CE9DC7;
-}
-
-@media screen and (min-width: 768px){
-    .np-filter{
-        margin-top: 0;
-        margin-bottom: 0;
-    }
-}
-
-/* HERO STYLING */
-/* @media screen and (min-width: 768px){
-    .np-homepage-hero{
-        margin: 0 -24px;
-    }
-} */
-.np-header-logo-image {
-  height: auto !important;
-  width: 100%;
-  max-width: 415px !important;
-}
-.catalog-search, .catalog-search:focus {
-  border-color: #0054bc !important;
-  height: 45px !important;
-  width: 100% !important;
-  min-width: 265px !important;
-  padding-left: 45px !important;
-}
-.search-icon {
-  left: 15px !important;
-  top: 15px !important;
-}
-.np-header-desktop-nav {
-  padding-top: 5px !important;
-}
-.profile-bio-account-settings-button {
-  transition: none !important;
-  background: linear-gradient(to right, #0054bc, #0dac14) !important;
-}
-.profile-bio-account-settings-button:focus,
-.profile-bio-account-settings-button:hover {
-  background: #0054bc !important;
-}
-.np-footer-navigation-link:hover {
-  text-decoration: underline !important;
-}
-.product-filter-dropdown, .category-filter-dropdown {
-  border-color: #0054bc !important;
-}
-.np-card-training-sessions,
-.np-card-content-label {
-  background: #0054bc10 !important;
-}
-.np-card-training-sessions .np-button,
-.np-button-background-color.np-card-training-session-date-bar {
-  background: #0054bc !important;
-}
-.np-card-training-sessions .np-button:hover {
-  background: #000 !important;
-}
-.np-footer-logo-image {
-  filter: none;
-  opacity: 1;
-}
-@media only screen and (max-width: 767px) {
-  .np-header-avatar-image {
-    height: 34px !important;
-  }
-  .np-header-logo-image {
-    max-width: 275px !important;
-  }
-}

Custom_Templates/customer_templates/Anthology Academy/_account_form.html.liquid

@@ -0,0 +1,139 @@
+<div class="np-resource-title">
+  {% t .header %}
+</div>
+<div class="np-form-field {% if form.errors contains 'email' %}np-account-form-field-error{% endif %}" style="display: none;">
+  <label class="np-input-label" for="{{version}}_learner_email">{% t shared.email %} *</label>
+  <input
+    {% if form.options.invite? %} disabled {% endif %}
+    autofocus="autofocus"
+    class="np-input"
+    id="{{version}}_learner_email"
+    name="learner[email]"
+    type="email"
+    value="{{ form.email }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'first_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_first_name">
+    {% t shared.first_name %} *
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_first_name"
+    name="learner[first_name]"
+    value="{{ form.first_name }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'last_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_last_name">
+    {% t shared.last_name %} *
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_last_name"
+    name="learner[last_name]"
+    value="{{ form.last_name }}"
+  />
+</div>
+<div class="np-form-field {% if form.errors contains 'display_name' %}np-account-form-field-error{% endif %}">
+  <label class="np-input-label" for="{{version}}_learner_display_name">
+    {% t .display_name %}
+  </label>
+  <input
+    class="np-input"
+    id="{{version}}_learner_display_name"
+    name="learner[display_name]"
+    value="{{ form.display_name }}"
+  />
+</div>
+
+{% unless form.options.invite?  %}
+  <div class="np-form-field {% if form.errors contains 'current_password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_current_password">
+      {% t .current_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_current_password"
+      name="learner[current_password]"
+      type="password"
+    />
+  </div>
+
+  <div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password">
+      {% t .new_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password"
+      name="learner[password]"
+      type="password"
+    />
+  </div>
+
+  <div class="np-form-field {% if form.errors contains 'password_confirmation' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password_confirmation">
+      {% t .confirm_new_password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password_confirmation"
+      name="learner[password_confirmation]"
+      type="password"
+    />
+  </div>
+{% endunless %}
+
+{% if form.options.invite?  %}
+  <div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
+    <label class="np-input-label" for="{{version}}_learner_password">
+      {% t shared.password %} *
+    </label>
+    <input
+      class="np-input"
+      id="{{version}}_learner_password"
+      name="learner[password]"
+      type="password"
+    />
+  </div>
+
+  {% if form.terms_of_service_required? %}
+    <div class="np-form-field terms-of-service {% if form.errors contains 'terms_of_service_accepted' %}np-account-form-field-error{% endif %}">
+      <input
+        id="{{version}}_learner_terms_of_service"
+        name="learner[terms_of_service_accepted]"
+        type="checkbox"
+      />
+      <div class="label">
+        {% t .terms_of_service %}
+        <a
+          target="_blank"
+          href={{ form.terms_of_service_url }}
+        >
+          {% t .terms_link %}
+        </a>
+      </div>
+    </div>
+  {% else %}
+    <div class="np-margin-top">
+      <span class="np-form-terms ">
+        {% t .terms %}
+        <a
+          class="np-form-link np-button-color"
+          target="_blank"
+          href={{ form.terms_of_service_url }}
+        >
+          {% t .terms_link %}
+        </a>
+      </span>
+    </div>
+  {% endif %}
+
+  <input
+    id="{{version}}_invite_token"
+    name="learner[token]"
+    value="{{ form.invite_token }}"
+    type="hidden"
+  />
+{% endif %}

Custom_Templates/customer_templates/Anthology Academy/_cards_course.html.liquid

@@ -0,0 +1,408 @@
+{% if course.properties.product_names_for_course_cards == 'Anthology Reach' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Reach.png' %}
+  {% assign product_alt = 'Anthology Reach' %}
+{% elsif course.properties.product_names_for_course_cards == 'Radius' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Engage' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Engage.png' %}
+  {% assign product_alt = 'Anthology Engage' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Beacon' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Milestone' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Milestone.png' %}
+  {% assign product_alt = 'Anthology Milestone' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Occupation Insight' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Raise' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Raise.png' %}
+  {% assign product_alt = 'Anthology Raise' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Digital Assistant' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Baseline' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Baseline.png' %}
+  {% assign product_alt = 'Anthology Baseline' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Encompass' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Encompass.png' %}
+  {% assign product_alt = 'Anthology Encompass' %}
+{% elsif course.properties.product_names_for_course_cards == 'Talisma' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Student' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Student.png' %}
+  {% assign product_alt = 'Anthology Student' %}
+{% elsif course.properties.product_names_for_course_cards == 'CVue' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' or course.properties.product_names_for_course_cards contains 'Finance' or course.properties.product_names_for_course_cards contains 'HCM' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_FinanceHCM.png' %}
+  {% assign product_alt = 'Anthology Finance & HCM' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Academic Economics' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Blackboard' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Blackboard.png' %}
+  {% assign product_alt = 'Blackboard' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Ally' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Course Evaluations' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_CourseEvaluation.png' %}
+  {% assign product_alt = 'Anthology Course Evaluations' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Evaluate' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Evaluate.png' %}
+  {% assign product_alt = 'Anthology Evaluate' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Portfolio' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Portfolio.png' %}
+  {% assign product_alt = 'Anthology Portfolio' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Program Review' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProgramReview.png' %}
+  {% assign product_alt = 'Anthology Program Review' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Planning' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Planning.png' %}
+  {% assign product_alt = 'Anthology Planning' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Accreditation.png' %}
+  {% assign product_alt = 'Anthology Accreditation' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Outcomes' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Outcomes.png' %}
+  {% assign product_alt = 'Anthology Outcomes' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Anthology101.png' %}
+  {% assign product_alt = 'Anthology 101' %}
+{% elsif course.properties.product_names_for_course_cards == 'Academy Use & Navigation' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Data Strategy' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Faculty Development' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Power BI' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_PowerBI.png' %}
+  {% assign product_alt = 'Power BI' %}
+{% elsif course.properties.product_names_for_course_cards == 'Professional Development' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProfesionalLearning.png' %}
+  {% assign product_alt = 'Professional Learning' %}
+{% else %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% endif %}
+
+{% assign color_main = '#0054bc' %}
+
+{% unless flag == 'dashboard' %}
+  {% assign flag = '' %}
+{% endunless %}
+
+{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+{% assign act_count = 0 %}
+{% for section in course.sections %}
+  {% for activity in section.activities %}
+    {% assign act_count = act_count | plus : 1 %}
+  {% endfor %}
+{% endfor %}
+
+{% assign allCats = '' %}
+{% for category in course.categories %}
+  {% assign allCats = allCats | append: category.name | append: ' || '%}
+{% endfor %}
+
+
+{% comment %} <div class="np-card course-card" data-product="{{course.properties.product_names_for_course_cards}}" data-categories="{{ allCats }}"> {% endcomment %}
+<div class="np-card course-card">
+  {%- comment -%} {% unless flag == 'catalog' %}
+  {% endunless %} {%- endcomment -%}
+  <div class="np-progress-bar-container">{% comment %}  style="background: {{ color_light }}" {% endcomment %}
+    {% comment %} <div
+      style="width: 75%; background: {{ color_dark }}"
+      class="np-button-background-color np-card-progress-bar course-card-progress-bar">
+    </div> {% endcomment %}
+  </div>
+  {% comment %} <div class="card-product-banner">
+    {% if product_logo != 'blank' %}
+      <img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo"/>
+    {% else %}
+      Anthology
+    {% endif %}
+  </div> {% endcomment %}
+  <div class="np-card-container">
+    {% if course.ribbon %}
+      <div class="np-card-ribbon">
+        {{ course.ribbon }}
+      </div>
+    {% endif %}
+    {% comment %} <div class="card-image-replacement"></div> {% endcomment %}
+    {%- comment -%} <img
+      class="np-card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}"
+    > {%- endcomment -%}
+    <div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
+      {% if product_logo != 'blank' %}
+        <img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo-banner"/>
+      {% else %}
+        <img src='https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' alt='Anthology' class="product-logo-banner"/>
+      {% endif %}
+      <div class="np-flex-1">
+        <h3 class="np-card-content-title course-card-title">
+          {{ course.name }}
+        </h3>
+        {% assign act_count = 0 %}
+        {% for section in course.sections %}
+          {% for activity in section.activities %}
+            {% assign act_count = act_count| plus: 1 %}
+          {% endfor %}
+        {% endfor %}
+
+        <span style="color: #757575; font-size: 14px">
+          {{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
+        </span>
+      </div>
+      {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+      {% if course.has_to_restart? %}
+        {% include "course_version_outdated_popup", path: course_path %}
+      {% endif %}
+    </div>
+    {% if flag == 'dashboard' %}<div class="card-bottom-details">{% else %}<div class="card-bottom-details card-bottom-details-plain">{% endif %}
+      {% if flag == 'dashboard' %}
+        <div style="
+        align-items: center;
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        padding-left: 15px;
+        width: 70%;">
+          <div style="
+            background: #BACCE9;
+            border-radius: 10px;
+            height: 8px;
+            margin-right: 15px;
+            width: 60%;
+          ">
+            <div
+              style="height: 8px; background: {{ color_main }}; border-radius: 10px; width: {{ course.progress }}%; "
+              class="np-button-background-color np-card-progress-bar course-card-progress-bar">
+            </div>
+          </div>
+          <div>
+            {%- comment -%} {{course.properties.course_duration}} left {%- endcomment -%}
+          </div>
+        </div>
+      {% else %}
+        {%- comment -%} <div class="np-card-content-progress np-button-color">
+          {% t shared.progress, count: course.progress %}
+        </div> {%- endcomment -%}
+        {%- comment -%} <div style="padding-left: 15px">
+          {{course.properties.course_duration}} duration
+        </div> {%- endcomment -%}
+      {% endif %}
+      <a class="np-button np-button-wide course-card-button"
+        {% if course.properties.video_on_demand == true %}
+          {% if course.enrolled? %}
+              href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
+          {% else %}
+              href="{% route course_enrollment, code: course.enrollment_code %}"
+          {% endif %}
+        {% else %}
+          href="{{ course_path }}"
+        {% endif %}
+      >
+        {% if course.progress > 0 and course.progress < 100 %}
+          Continue
+        {% else %}
+          View
+        {% endif %}
+      </a>
+    </div>
+  </div>
+</div>
+
+
+<style>
+  .np-card-ribbon {
+    background: #0054bc !important;
+    border: 1px solid #07a9cb;
+    z-index: 99999999;
+    padding: 5px !important;
+  }
+  .card-product-banner{
+    align-items: center;
+    background: #FFF;
+    box-shadow: 0 3px 30px rgba(0,0,0,.1);
+    display: flex;
+    height: 32px;
+    overflow: hidden;
+    padding: 6px 8px;
+    width: 100%;
+  }
+
+  .product-logo {
+    height: 100%;
+  }
+
+  .product-logo-banner {
+    width: 100%;
+    height: auto;
+  }
+
+  .np-flex-1 {
+    padding: 10px 20px 20px;
+  }
+
+  .np-catalog-courses {
+    display: grid !important;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
+    gap: 30px;
+  }
+
+@media only screen and (max-width: 1000px) {
+    .np-catalog-courses {
+      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+    }
+  }
+
+@media only screen and (max-width: 600px) {
+    .np-catalog-courses {
+      grid-template-columns: minmax(0, 1fr);
+    }
+  }
+
+  .np-catalog-courses .col-lg-4,
+  .np-catalog-courses .col-sm-6 {
+    max-width: 100% !important;
+    padding: 0 !important;
+  }
+
+  .np-max-width {
+    width: 100%;
+  }
+
+  .card-image-replacement{
+    /* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
+    background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
+    height: 12rem;
+    width: 100%;
+  }
+
+  @media screen and (min-width: 550px) and (max-width: 649px){
+    .card-image-replacement{
+      height: 15rem;
+    }
+  }
+
+  @media screen and (min-width: 650px) and (max-width: 767px){
+    .card-image-replacement{
+      height: 20rem;
+    }
+  }
+
+  .course-card-info{
+    max-height: 100% !important;
+    height: auto; /*calc(100% - 38px);*/
+    justify-content: center;
+    position: relative;
+    top: 0;
+    padding: 0;
+  }
+
+  .course-card-title{
+    font-size: 24px;
+    font-weight: 600;
+    line-height: 25px;
+    margin-top: 8px !important;
+  }
+
+  .course-card-button{
+    border-radius: 0;
+    font-size: 14px;
+    font-weight: 600;
+    height: 100%;
+    line-height: 21px;
+    width: 30%;
+  }
+
+  .course-card-button:focus{
+    border: 2px solid blue;
+  }
+
+  .np-progress-bar-container,
+  .np-card-progress-bar{
+    border-radius: 0;
+    height: 3px;
+    margin: 0;
+    background: linear-gradient(81.13deg, #0054bc 45.35%, #0dac14 94.86%);
+  }
+
+  .np-card-content-progress{
+    height: 25px;
+    margin: 0;
+  }
+
+  .course-card-progress-bar{
+    min-width: 0;
+  }
+
+  .np-card-content-progress{
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 25px;
+  }
+
+  .np-card-content {
+    display: block;
+  }
+
+  .card-bottom-details {
+    background: #0054bc10 !important;
+  }
+
+  .card-bottom-details-plain {
+    padding: 0;
+  }
+
+  .card-bottom-details-plain .course-card-button {
+    display: block;
+    width: 100%;
+    text-align: center;
+  }
+
+.card-bottom-details .course-card-button {
+  background-color: #0054bc;
+}
+
+  .card-bottom-details .course-card-button:hover {
+    background-color: #000;
+  }
+
+  .np-course-version-outdated-popup {
+    text-align: right;
+  }
+
+  @media screen and (min-width: 768px){
+    .course-card-wrapper{
+      /* margin-bottom: 32px;
+      max-height: 315px;
+      max-width: 445px; */
+    }
+
+    .course-card{
+      padding: 0 !important;
+    }
+
+    .course-card-wrapper,
+    .course-card{
+      height: 100%;
+    }
+  }
+</style>

Custom_Templates/customer_templates/Anthology Academy/_cards_course_revamped.html.liquid

@@ -0,0 +1,412 @@
+{% if course.properties.product_names_for_course_cards == 'Anthology Reach' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Reach_820by380.webp' %}
+  {% assign product_alt = 'Anthology Reach' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Reach Espanol' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Reach_820by380.webp' %}
+  {% assign product_alt = 'Anthology Reach Espanol' %}
+{% elsif course.properties.product_names_for_course_cards == 'Radius' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Engage' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Engage_820by380.webp' %}
+  {% assign product_alt = 'Anthology Engage' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Beacon' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Milestone' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Milestone.png' %}
+  {% assign product_alt = 'Blackboard Milestone' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Occupation Insight' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Raise' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Raise.png' %}
+  {% assign product_alt = 'Anthology Raise' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Digital Assistant' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Baseline' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Baseline_820by380.webp' %}
+  {% assign product_alt = 'Anthology Baseline' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Encompass' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Encompass_820by380.webp' %}
+  {% assign product_alt = 'Anthology Encompass' %}
+{% elsif course.properties.product_names_for_course_cards == 'Talisma' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Student' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Student.png' %}
+  {% assign product_alt = 'Anthology Student' %}
+{% elsif course.properties.product_names_for_course_cards == 'CVue' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' or course.properties.product_names_for_course_cards contains 'Finance' or course.properties.product_names_for_course_cards contains 'HCM' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_FinanceHCM.png' %}
+  {% assign product_alt = 'Anthology Finance & HCM' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Academic Economics' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Blackboard' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Blackboard.png' %}
+  {% assign product_alt = 'Blackboard LMS' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Ally' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Blackboard Ally' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Course Evaluations' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_CourseEvaluation.png' %}
+  {% assign product_alt = 'Anthology Course Evaluations' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Evaluate' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Evaluate.png' %}
+  {% assign product_alt = 'Blackboard Evaluate' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Portfolio' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Portfolio.png' %}
+  {% assign product_alt = 'Anthology Portfolio' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Program Review' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProgramReview.png' %}
+  {% assign product_alt = 'Blackboard Program Review' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Planning' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Planning.png' %}
+  {% assign product_alt = 'Blackboard Planning' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Accreditation.png' %}
+  {% assign product_alt = 'Blackboard Accreditation' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Outcomes' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Outcomes.png' %}
+  {% assign product_alt = 'Blackboard Outcomes' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Anthology101.png' %}
+  {% assign product_alt = 'Anthology 101' %}
+{% elsif course.properties.product_names_for_course_cards == 'Academy Use & Navigation' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Data Strategy' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Faculty Development' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Power BI' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_PowerBI.png' %}
+  {% assign product_alt = 'Power BI' %}
+{% elsif course.properties.product_names_for_course_cards == 'Professional Development' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProfesionalLearning.png' %}
+  {% assign product_alt = 'Professional Learning' %}
+{% else %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% endif %}
+
+{% assign color_main = '#0054bc' %}
+
+{% unless flag == 'dashboard' %}
+  {% assign flag = '' %}
+{% endunless %}
+
+{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+{% assign act_count = 0 %}
+{% for section in course.sections %}
+  {% for activity in section.activities %}
+    {% assign act_count = act_count | plus : 1 %}
+  {% endfor %}
+{% endfor %}
+
+{% assign allCats = '' %}
+{% for category in course.categories %}
+  {% assign allCats = allCats | append: category.name | append: ' || '%}
+{% endfor %}
+
+
+{% comment %} <div class="np-card course-card" data-product="{{course.properties.product_names_for_course_cards}}" data-categories="{{ allCats }}"> {% endcomment %}
+<div class="np-card course-card">
+  {%- comment -%} {% unless flag == 'catalog' %}
+  {% endunless %} {%- endcomment -%}
+  <div class="np-progress-bar-container">{% comment %}  style="background: {{ color_light }}" {% endcomment %}
+    {% comment %} <div
+      style="width: 75%; background: {{ color_dark }}"
+      class="np-button-background-color np-card-progress-bar course-card-progress-bar">
+    </div> {% endcomment %}
+  </div>
+  {% comment %} <div class="card-product-banner">
+    {% if product_logo != 'blank' %}
+      <img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo"/>
+    {% else %}
+      Anthology
+    {% endif %}
+  </div> {% endcomment %}
+  <div class="np-card-container">
+    {% if course.ribbon %}
+      <div class="np-card-ribbon">
+        {{ course.ribbon }}
+      </div>
+    {% endif %}
+    {% comment %} <div class="card-image-replacement"></div> {% endcomment %}
+    {%- comment -%} <img
+      class="np-card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}"
+    > {%- endcomment -%}
+    <div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
+      {% if product_logo != 'blank' %}
+        <img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo-banner"/>
+      {% else %}
+        <img src='https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' alt='Anthology' class="product-logo-banner"/>
+      {% endif %}
+      <div class="np-flex-1">
+        <h3 class="np-card-content-title course-card-title">
+          {{ course.name }}
+        </h3>
+        {% assign act_count = 0 %}
+        {% for section in course.sections %}
+          {% for activity in section.activities %}
+            {% assign act_count = act_count| plus: 1 %}
+          {% endfor %}
+        {% endfor %}
+
+        <span style="color: #757575; font-size: 14px">
+          {{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
+        </span>
+      </div>
+      {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+      {% if course.has_to_restart? %}
+        {% include "course_version_outdated_popup", path: course_path %}
+      {% endif %}
+    </div>
+    {% if flag == 'dashboard' %}<div class="card-bottom-details">{% else %}<div class="card-bottom-details card-bottom-details-plain">{% endif %}
+      {% if flag == 'dashboard' %}
+        <div style="
+        align-items: center;
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        padding-left: 15px;
+        width: 70%;">
+          <div style="
+            background: #BACCE9;
+            border-radius: 10px;
+            height: 8px;
+            margin-right: 15px;
+            width: 60%;
+          ">
+            <div
+              style="height: 8px; background: {{ color_main }}; border-radius: 10px; width: {{ course.progress }}%; "
+              class="np-button-background-color np-card-progress-bar course-card-progress-bar">
+            </div>
+          </div>
+          <div>
+            {%- comment -%} {{course.properties.course_duration}} left {%- endcomment -%}
+          </div>
+        </div>
+      {% else %}
+        {%- comment -%} <div class="np-card-content-progress np-button-color">
+          {% t shared.progress, count: course.progress %}
+        </div> {%- endcomment -%}
+        {%- comment -%} <div style="padding-left: 15px">
+          {{course.properties.course_duration}} duration
+        </div> {%- endcomment -%}
+      {% endif %}
+      <a class="np-button np-button-wide course-card-button"
+        {% if course.properties.video_on_demand == true %}
+          {% if course.enrolled? %}
+              href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
+          {% else %}
+              href="{% route course_enrollment, code: course.enrollment_code %}"
+          {% endif %}
+        {% else %}
+          href="{{ course_path }}"
+        {% endif %}
+      >
+        {% if course.progress > 0 and course.progress < 100 %}
+          Continue
+        {% else %}
+          View
+        {% endif %}
+      </a>
+    </div>
+  </div>
+</div>
+
+
+<style>
+  .np-card-ribbon {
+    background: #0054bc !important;
+    border: 1px solid #07a9cb;
+    z-index: 99999999;
+    padding: 5px !important;
+  }
+  .card-product-banner{
+    align-items: center;
+    background: #FFF;
+    box-shadow: 0 3px 30px rgba(0,0,0,.1);
+    display: flex;
+    height: 32px;
+    overflow: hidden;
+    padding: 6px 8px;
+    width: 100%;
+  }
+
+  .product-logo {
+    height: 100%;
+  }
+
+  .product-logo-banner {
+    width: 100%;
+    height: auto;
+    border-bottom: 1px solid #0054bc;
+  }
+
+  .np-flex-1 {
+    padding: 10px 20px 20px;
+  }
+
+  .np-catalog-courses {
+    display: grid !important;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
+    gap: 30px;
+  }
+
+@media only screen and (max-width: 1000px) {
+    .np-catalog-courses {
+      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+    }
+  }
+
+@media only screen and (max-width: 600px) {
+    .np-catalog-courses {
+      grid-template-columns: minmax(0, 1fr);
+    }
+  }
+
+  .np-catalog-courses .col-lg-4,
+  .np-catalog-courses .col-sm-6 {
+    max-width: 100% !important;
+    padding: 0 !important;
+  }
+
+  .np-max-width {
+    width: 100%;
+  }
+
+  .card-image-replacement{
+    /* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
+    background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
+    height: 12rem;
+    width: 100%;
+  }
+
+  @media screen and (min-width: 550px) and (max-width: 649px){
+    .card-image-replacement{
+      height: 15rem;
+    }
+  }
+
+  @media screen and (min-width: 650px) and (max-width: 767px){
+    .card-image-replacement{
+      height: 20rem;
+    }
+  }
+
+  .course-card-info{
+    max-height: 100% !important;
+    height: auto; /*calc(100% - 38px);*/
+    justify-content: center;
+    position: relative;
+    top: 0;
+    padding: 0;
+  }
+
+  .course-card-title{
+    font-size: 24px;
+    font-weight: 600;
+    line-height: 25px;
+    margin-top: 8px !important;
+  }
+
+  .course-card-button{
+    border-radius: 0;
+    font-size: 14px;
+    font-weight: 600;
+    height: 100%;
+    line-height: 21px;
+    width: 30%;
+  }
+
+  .course-card-button:focus{
+    border: 2px solid blue;
+  }
+
+  .np-progress-bar-container,
+  .np-card-progress-bar{
+    border-radius: 0;
+    height: 3px;
+    margin: 0;
+    background: linear-gradient(81.13deg, #0054bc 45.35%, #0dac14 94.86%);
+  }
+
+  .np-card-content-progress{
+    height: 25px;
+    margin: 0;
+  }
+
+  .course-card-progress-bar{
+    min-width: 0;
+  }
+
+  .np-card-content-progress{
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 25px;
+  }
+
+  .np-card-content {
+    display: block;
+  }
+
+  .card-bottom-details {
+    background: #0054bc10 !important;
+  }
+
+  .card-bottom-details-plain {
+    padding: 0;
+  }
+
+  .card-bottom-details-plain .course-card-button {
+    display: block;
+    width: 100%;
+    text-align: center;
+  }
+
+.card-bottom-details .course-card-button {
+  background-color: #0054bc;
+}
+
+  .card-bottom-details .course-card-button:hover {
+    background-color: #000;
+  }
+
+.np-course-version-outdated-popup {
+  text-align: right;
+}
+
+  @media screen and (min-width: 768px){
+    .course-card-wrapper{
+      /* margin-bottom: 32px;
+      max-height: 315px;
+      max-width: 445px; */
+    }
+
+    .course-card{
+      padding: 0 !important;
+    }
+
+    .course-card-wrapper,
+    .course-card{
+      height: 100%;
+    }
+  }
+</style>

Custom_Templates/customer_templates/Anthology Academy/_cards_learning_path.html.liquid

@@ -0,0 +1,74 @@
+{% assign allCats = '' %}
+{% for category in learning_path.categories %}
+  {% assign allCats = allCats | append: category.name | append: ' || '%}
+{% endfor %}
+<div class="np-card np-no-horizontal-padding" data-categories="{{ allCats }}">
+  <div class="np-card-container">
+    <div class="np-learning-path">
+      <img
+        alt="{{ learning_path.name }}"
+        class="np-card-image np-learning-path-image"
+        src="{{ learning_path.image_url }}"
+      />
+      <div class="np-card-text-wrapper">
+        <div class="np-hidden-desktop np-card-header">
+          <i class="np-card-header-icon far fa-road"></i>
+          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
+          <div class="np-hidden-desktop  np-card-header-items-count">
+            {{ learning_path.items.count }} {% t .items %}
+          </div>
+        </div>
+        <div class="np-hidden-mobile np-card-header">
+          <div class="np-card-header-type">{% t shared.learning_path.title %}</div>
+          <i class="np-card-header-icon far fa-road"></i>
+        </div>
+
+        <div class="np-card-content np-card-padding np-card-content-vertical">
+          <h3 class="np-card-content-title">
+            {{ learning_path.name }}
+          </h3>
+
+          <div class="np-card-content-subtitle">
+            {{ learning_path.instructor_names }}
+          </div>
+
+          <div class="np-hidden-mobile np-card-content-description">
+            {{ learning_path.description }}
+          </div>
+
+          <div class="np-hidden-mobile np-card-content-progress
+          np-button-color">
+            {% t shared.progress, count: learning_path.progress %}
+          </div>
+
+          <div class="np-hidden-mobile np-card-progress-bar-container">
+            <div
+              style="width: {{ learning_path.progress }}%"
+              class="np-button-background-color np-card-progress-bar">
+            </div>
+          </div>
+
+          <div class="np-card-content-footer">
+            <div class="np-hidden-desktop np-card-content-progress
+            np-button-color">
+              {% t shared.progress, count: learning_path.progress %}
+            </div>
+            <a class="np-button" href="{% route learning_path, id: learning_path.id %}">
+              {% t shared.view %}
+            </a>
+            <span class="np-hidden-mobile np-learning-path-items">
+              <i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
+              <span class="np-learning-path-items-count">
+                {{ learning_path.items.count }} {% t .items %}
+              </span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="np-card-stack">
+    <div class="np-card-stack-level-1"></div>
+    <div class="np-card-stack-level-2"></div>
+  </div>
+</div>

Custom_Templates/customer_templates/Anthology Academy/_cards_searched_course.html.liquid

@@ -0,0 +1,338 @@
+{% if course.properties.product_names_for_course_cards == 'Anthology Reach' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Reach.png' %}
+  {% assign product_alt = 'Anthology Reach' %}
+{% elsif course.properties.product_names_for_course_cards == 'Radius' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Engage' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Engage.png' %}
+  {% assign product_alt = 'Anthology Engage' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Beacon' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Milestone' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Milestone.png' %}
+  {% assign product_alt = 'Anthology Milestone' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Occupation Insight' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Raise' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Raise.png' %}
+  {% assign product_alt = 'Anthology Raise' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Digital Assistant' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Baseline' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Baseline.png' %}
+  {% assign product_alt = 'Anthology Baseline' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Encompass' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Encompass.png' %}
+  {% assign product_alt = 'Anthology Encompass' %}
+{% elsif course.properties.product_names_for_course_cards == 'Talisma' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Student' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Student.png' %}
+  {% assign product_alt = 'Anthology Student' %}
+{% elsif course.properties.product_names_for_course_cards == 'CVue' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' or course.properties.product_names_for_course_cards contains 'Finance' or course.properties.product_names_for_course_cards contains 'HCM' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_FinanceHCM.png' %}
+  {% assign product_alt = 'Anthology Finance & HCM' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Academic Economics' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Blackboard' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Blackboard.png' %}
+  {% assign product_alt = 'Blackboard' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Ally' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Course Evaluations' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_CourseEvaluation.png' %}
+  {% assign product_alt = 'Anthology Course Evaluations' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Evaluate' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Evaluate.png' %}
+  {% assign product_alt = 'Anthology Evaluate' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Portfolio' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Portfolio.png' %}
+  {% assign product_alt = 'Anthology Portfolio' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Program Review' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProgramReview.png' %}
+  {% assign product_alt = 'Anthology Program Review' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Planning' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Planning.png' %}
+  {% assign product_alt = 'Anthology Planning' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Accreditation.png' %}
+  {% assign product_alt = 'Anthology Accreditation' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Outcomes' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Outcomes.png' %}
+  {% assign product_alt = 'Anthology Outcomes' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Anthology101.png' %}
+  {% assign product_alt = 'Anthology 101' %}
+{% elsif course.properties.product_names_for_course_cards == 'Academy Use & Navigation' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Data Strategy' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Faculty Development' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Power BI' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_PowerBI.png' %}
+  {% assign product_alt = 'Power BI' %}
+{% elsif course.properties.product_names_for_course_cards == 'Professional Development' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProfesionalLearning.png' %}
+  {% assign product_alt = 'Professional Learning' %}
+{% else %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% endif %}
+
+{% assign color_main = '#0054bc' %}
+
+{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+{% assign act_count = 0 %}
+{% for section in course.sections %}
+  {% for activity in section.activities %}
+    {% assign act_count = act_count | plus : 1 %}
+  {% endfor %}
+{% endfor %}
+
+{% assign allCats = '' %}
+{% for category in course.categories %}
+  {% assign allCats = allCats | append: category.name | append: ' || '%}
+{% endfor %}
+
+<div class="np-card course-card col-md-4" data-product="{{course.properties.product_names_for_course_cards}}" data-categories="{{ allCats }}">
+  <div class="np-progress-bar-container"> {% comment %} style="background: {{ color_light }}"> {% endcomment %}
+    {% comment %} <div
+      style="width: 75%; background: {{ color_dark }}"
+      class="np-button-background-color np-card-progress-bar course-card-progress-bar">
+    </div> {% endcomment %}
+  </div>
+  {% comment %} <div class="card-product-banner">
+    {% if product_logo != 'blank' %}
+      <img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo"/>
+    {% else %}
+      Anthology
+    {% endif %}
+  </div> {% endcomment %}
+  <div class="np-card-container">
+    {% comment %} <div class="card-image-replacement"></div> {% endcomment %}
+    <div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
+      {% if product_logo != 'blank' %}
+        <img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo-banner"/>
+      {% else %}
+        <img src='https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' alt='Anthology' class="product-logo-banner"/>
+      {% endif %}
+      <div class="np-flex-1">
+        <h3 class="np-card-content-title course-card-title">
+          {{ course.name }}
+        </h3>
+        <span style="color: #757575; font-size: 14px">
+          {% assign act_count = 0 %}
+          {% for section in course.sections %}
+            {% for activity in section.activities %}
+              {% assign act_count = act_count| plus: 1 %}
+            {% endfor %}
+          {% endfor %}
+          {{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
+        </span>
+      </div>
+    </div>
+    <div class="card-bottom-details card-bottom-details-plain">
+      <a class="np-button np-button-wide course-card-button"
+        href="{{ course_path }}"
+      >
+        View
+      </a>
+    </div>
+  </div>
+  
+  <style>
+    .row-with-thumbnails {
+      margin: 60px auto 0 !important;
+    }
+    .np-card-ribbon {
+      background: #0054bc !important;
+      border: 1px solid #07a9cb;
+      z-index: 99999999;
+      padding: 5px !important;
+    }
+    .card-product-banner{
+      align-items: center;
+      background: #FFF;
+      box-shadow: 0 3px 30px rgba(0,0,0,.1);
+      display: flex;
+      height: 32px;
+      overflow: hidden;
+      padding: 6px 8px;
+      width: 100%;
+    }
+  
+    .product-logo {
+      height: 100%;
+    }
+  
+    .product-logo-banner {
+      width: 100%;
+      height: auto;
+    }
+  
+    .np-flex-1 {
+      padding: 10px 20px 20px;
+    }
+  
+    .np-catalog-courses {
+      display: grid !important;
+      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
+      gap: 30px;
+    }
+  
+  @media only screen and (max-width: 1000px) {
+      .np-catalog-courses {
+        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+      }
+    }
+  
+  @media only screen and (max-width: 600px) {
+      .np-catalog-courses {
+        grid-template-columns: minmax(0, 1fr);
+      }
+    }
+  
+    .np-card.col-lg-4,
+    .np-card.col-md-4,
+    .np-card.col-sm-6 {
+      max-width: 100% !important;
+      padding: 0 !important;
+    }
+  
+    .np-max-width {
+      width: 100%;
+    }
+  
+    .card-image-replacement{
+      /* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
+      background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
+      height: 12rem;
+      width: 100%;
+    }
+  
+    @media screen and (min-width: 550px) and (max-width: 649px){
+      .card-image-replacement{
+        height: 15rem;
+      }
+    }
+  
+    @media screen and (min-width: 650px) and (max-width: 767px){
+      .card-image-replacement{
+        height: 20rem;
+      }
+    }
+  
+    .course-card-info {
+      max-height: 100% !important;
+      height: auto !important; /*calc(100% - 38px);*/
+      justify-content: center !important;
+      position: relative !important;
+      top: 0 !important;
+      padding: 0 !important;
+    }
+  
+    .course-card-title{
+      font-size: 24px;
+      font-weight: 600;
+      line-height: 25px;
+      margin-top: 8px !important;
+    }
+  
+    .course-card-button{
+      border-radius: 0;
+      font-size: 14px;
+      font-weight: 600;
+      height: 100%;
+      line-height: 21px;
+      width: 30%;
+    }
+  
+    .course-card-button:focus{
+      border: 2px solid blue;
+    }
+  
+    .np-progress-bar-container,
+    .np-card-progress-bar{
+      border-radius: 0;
+      height: 3px;
+      margin: 0;
+      background: linear-gradient(81.13deg, #0054bc 45.35%, #0dac14 94.86%);
+    }
+  
+    .np-card-content-progress{
+      height: 25px;
+      margin: 0;
+    }
+  
+    .course-card-progress-bar{
+      min-width: 0;
+    }
+  
+    .course-card .np-card-container {
+      padding: 0 !important;
+    }
+  
+    .np-card-content-progress{
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 25px;
+    }
+  
+    .np-card-content {
+      display: block;
+    }
+  
+    .card-bottom-details-plain {
+      padding: 0;
+    }
+  
+    .card-bottom-details-plain .course-card-button {
+      display: block;
+      width: 100%;
+      text-align: center;
+      background-color: #0054bc;
+    }
+  
+    .card-bottom-details-plain .course-card-button:hover {
+      background-color: #000;
+    }
+  
+    @media screen and (min-width: 768px){
+      .course-card-wrapper{
+        /* margin-bottom: 32px;
+        max-height: 315px;
+        max-width: 445px; */
+      }
+  
+      .course-card{
+        padding: 0 !important;
+      }
+  
+      .course-card-wrapper,
+      .course-card{
+        height: 100%;
+      }
+    }
+  </style>
+</div>
+

Custom_Templates/customer_templates/Anthology Academy/_course_desktop_view.html.liquid

@@ -0,0 +1,223 @@
+{% if course.properties.product_names_for_course_cards == 'Anthology Reach' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Reach.png' %}
+  {% assign product_alt = 'Anthology Reach' %}
+{% elsif course.properties.product_names_for_course_cards == 'Radius' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Engage' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Engage.png' %}
+  {% assign product_alt = 'Anthology Engage' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Beacon' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Milestone' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Milestone.png' %}
+  {% assign product_alt = 'Anthology Milestone' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Occupation Insight' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Raise' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Raise.png' %}
+  {% assign product_alt = 'Anthology Raise' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Digital Assistant' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Baseline' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Baseline.png' %}
+  {% assign product_alt = 'Anthology Baseline' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Encompass' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Encompass.png' %}
+  {% assign product_alt = 'Anthology Encompass' %}
+{% elsif course.properties.product_names_for_course_cards == 'Talisma' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Student' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Student.png' %}
+  {% assign product_alt = 'Anthology Student' %}
+{% elsif course.properties.product_names_for_course_cards == 'CVue' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' or course.properties.product_names_for_course_cards contains 'Finance' or course.properties.product_names_for_course_cards contains 'HCM' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_FinanceHCM.png' %}
+  {% assign product_alt = 'Anthology Finance & HCM' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Academic Economics' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Blackboard' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Blackboard.png' %}
+  {% assign product_alt = 'Blackboard' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Ally' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Course Evaluations' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_CourseEvaluation.png' %}
+  {% assign product_alt = 'Anthology Course Evaluations' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Evaluate' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Evaluate.png' %}
+  {% assign product_alt = 'Anthology Evaluate' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Portfolio' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Portfolio.png' %}
+  {% assign product_alt = 'Anthology Portfolio' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Program Review' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProgramReview.png' %}
+  {% assign product_alt = 'Anthology Program Review' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Planning' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Planning.png' %}
+  {% assign product_alt = 'Anthology Planning' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Accreditation.png' %}
+  {% assign product_alt = 'Anthology Accreditation' %}
+  {% elsif course.properties.product_names_for_course_cards == 'Anthology Outcomes' %}
+    {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Outcomes.png' %}
+    {% assign product_alt = 'Anthology Outcomes' %}
+{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Anthology101.png' %}
+  {% assign product_alt = 'Anthology 101' %}
+{% elsif course.properties.product_names_for_course_cards == 'Academy Use & Navigation' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Data Strategy' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Faculty Development' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% elsif course.properties.product_names_for_course_cards == 'Power BI' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_PowerBI.png' %}
+  {% assign product_alt = 'Power BI' %}
+{% elsif course.properties.product_names_for_course_cards == 'Professional Development' %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProfesionalLearning.png' %}
+  {% assign product_alt = 'Professional Learning' %}
+{% else %}
+  {% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
+  {% assign product_alt = 'Anthology' %}
+{% endif %}
+
+<div class="np-card-container">
+  <div class="np-resource-header np-course-header np-card-padding-large">
+    {% include "course_header" %}
+  </div>
+  <div class="np-divider"></div>
+  <div class="row np-course-content np-card-padding-dynamic">
+    <div class="col-xs-12 col-sm-6">
+      {%- comment -%} <div class="np-progress-bar-container" style="background: {{ color_light }}; border-radius: 0;">
+        <div
+          style="width: {{ course.progress }}%; background: {{ color_dark }}"
+          class="np-button-background-color np-card-progress-bar course-card-progress-bar">
+        </div>
+      </div> {%- endcomment -%}
+      <div class="product-banner">
+        {% if product_logo != 'blank' %}
+          <img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo-banner"/>
+        {% else %}
+          <img src='https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' alt='Anthology' class="product-logo-banner"/>
+        {% endif %}
+      </div>
+      <div class="np-top-image np-top-image-spacing course-image-replacement" style="border-radius: 0;">
+      <div class="course-cover-info">
+        <div class="np-flex-1">
+          <h3 class="course-cover-title">
+            {{ course.name }}
+          </h3>
+          {% assign act_count = 0 %}
+          {% for section in course.sections %}
+            {% for activity in section.activities %}
+              {% assign act_count = act_count| plus: 1 %}
+            {% endfor %}
+          {% endfor %}
+
+          <span style="color: #757575; font-size: 18px">
+            {{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
+          </span>
+        </div>
+        {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+        {% if course.has_to_restart? %}
+          {% include "course_version_outdated_popup", path: course_path %}
+        {% endif %}
+      </div>
+
+      </div>
+      {%- comment -%} <img
+        src="{{ course.image_url }}"
+        class="np-top-image np-top-image-spacing"
+        alt="{{ course.name }}"
+      /> {%- endcomment -%}
+      {% include "course_description" %}
+
+      {% if course.categories.any? %}
+        <div class="np-card-content-divider">
+          {% include "course_categories" %}
+        </div>
+      {% endif %}
+
+      {% if course.instructors.any? %}
+        <div class="np-card-content-divider">
+          {% include "course_instructors" %}
+        </div>
+      {% endif %}
+
+      {% if course.events.any? %}
+        <div class="np-card-content-divider">
+          {% include "course_events" %}
+        </div>
+      {% endif %}
+    </div>
+    <div class="np-grid-spacing col-xs-12 col-sm-6">
+      <div class="np-top-cta">
+        {% include "course_progress_and_cta" %}
+      </div>
+      {% include "course_outline" %}
+    </div>
+  </div>
+</div>
+
+<style>
+  .course-image-replacement{
+    /* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
+    /* background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%); */
+  }
+
+  .course-cover-title{
+    font-size: 2em;
+    line-height: 45px;
+    margin-bottom: 20px;
+  }
+
+.product-logo-banner {
+  width: 100%;
+  height: auto;
+}
+
+      .np-course-content .np-top-cta {
+        background: #0054bc10 !important;
+      }
+
+      .np-course-content .np-button-font-color,
+      .np-course-content .np-button-background-color {
+        background: #0054bc !important;
+      }
+
+.np-course-content .np-button-font-color:hover,
+.np-course-content .np-button-font-color:focus {
+  background: #000 !important;
+}
+
+.np-content-categories-content-item {
+  line-height: 1.25rem !important;
+  padding: 15px !important;
+  background: #0054bc10 !important;
+}
+
+  .course-cover-info{
+    display: flex;
+    flex-direction: column;
+    /* height: 25em; */
+    justify-content: center;
+  }
+</style>

Custom_Templates/customer_templates/Anthology Academy/_filter_by_category.html.liquid

@@ -0,0 +1,160 @@
+<div class="np-filter" tabindex="0">
+  <div class="dropdown">
+    <select
+      class="category-filter-dropdown np-input"
+      type="text"
+      name="category-filter-dropdown"
+      id="category-filter-dropdown"
+      onchange="filterByCategory()"
+    >
+      {% assign sorted_categories = current_school.filterable_categories | sort: "name" %}
+      <option class="category-filter-entry" value="Default" selected>All Categories</option>
+
+      {% for category in sorted_categories %}
+        {% assign renderCat = false %}
+
+        {% for course in courses.enrolled %}
+          {% for course_category in course.categories %}
+            {% if course_category.id == category.id %}
+              {% assign renderCat = true %}
+            {% endif %}
+          {% endfor %}
+        {% endfor %}
+
+        {% comment %} Need to iterate over all filterable categories, target all searched cards, check if cat exists, render if found  {% endcomment %}
+
+        {% comment %} Need to generate category entires dynamically? Might not be possible because liquid is server side. Would need to pull all cats before load but all Searched Results after render {% endcomment %}
+
+        {%if renderCat %}
+          <option class="category-filter-entry" value="{{ category.name }}">{{ category.name }}</option>
+        {% endif %}
+      {% endfor %}
+    </select>
+  </div>
+</div>
+
+<script>
+  $('document').ready(function(){
+    let allCategoryFilters = document.querySelectorAll('.category-filter-entry');
+    let allSearchedResults = document.querySelectorAll('.course-card');
+    let allCourses = (document.querySelector('.np-catalog-courses') !== null) ? document.querySelector('.np-catalog-courses').children : '';
+
+    // for(let i = 0; i < allCourses.length; i++){
+    //   allCourses[i].style.display = 'block';
+    // }
+console.log(allCategoryFilters.length);
+    if(allCategoryFilters.length <= 1) {
+      document.querySelector('.catalog-filter-component').style.display = 'none';
+    } else {
+      document.querySelector('.catalog-filter-component').style.display = 'block';
+    }
+
+    for(let i = 1; i < allCategoryFilters.length; i++){
+      let productFound = false;
+      for(let j = 0; j < allSearchedResults.length; j++){
+        if(allSearchedResults[j].parentNode.dataset.categories){
+          if(allSearchedResults[j].parentNode.dataset.categories.indexOf(allCategoryFilters[i].getAttribute('value')) > -1){
+            productFound = true;
+          }
+        }
+      }
+
+      if(!productFound){
+        allCategoryFilters[i].style.display = 'none';
+      }
+    }
+  });
+
+  let filterByCategory = () => {
+    let allLearning = document.querySelector('.np-catalog-courses').children;
+
+    for(let i = 0; i < allLearning.length; i++){
+      if(event.target.value == 'Default'){
+        allLearning[i].classList.remove('filtered');
+        if(!allLearning[i].classList.contains('hidden-by-product')){
+          allLearning[i].style.display = 'block';
+        }
+      } else {
+        if(allLearning[i].dataset.categories.indexOf(event.target.value) == -1){
+          allLearning[i].classList.add('filtered');
+          if(allLearning[i].classList.contains('hidden-by-product')){
+            allLearning[i].style.display = 'none';
+          }
+        } else {
+          allLearning[i].classList.remove('filtered');
+          if(!allLearning[i].classList.contains('hidden-by-product')){
+            allLearning[i].style.display = 'block';
+          }
+        };
+      };
+    };
+
+    // This will adjust and recreate the filters with the proper values
+
+    let allProductFiltersEntry = document.querySelectorAll(".product-filter-entry");
+    // let allCategoryFiltersEntry = document.querySelectorAll('.category-filter-entry');
+    let allFilteredResults = document.querySelector('.np-catalog-courses').children;
+
+    for(let i = 1; i < allProductFiltersEntry.length; i++){
+      allProductFiltersEntry[i].style.display = 'block';
+    }
+
+    if(event.target.value != 'Default'){
+      for(let i = 1; i < allProductFiltersEntry.length; i++){
+        let productFound = false;
+
+        for(let j = 0; j < allFilteredResults.length; j++){
+
+          if(allFilteredResults[j].dataset.product){
+            if(allFilteredResults[j].dataset.product.indexOf(allProductFiltersEntry[i].getAttribute('value')) > -1){
+              if(!allFilteredResults[j].classList.contains('filtered')){
+                productFound = true;
+              }
+            }
+          }
+        }
+
+        if(!productFound){
+          allProductFiltersEntry[i].style.display = 'none';
+        }
+      }
+    }
+
+  // -------------------------------------------------------------------------------------------
+    // this section is to update the category filter based on category filter changes
+      // commented out because the control of category filter entries should be solely on the product filter
+
+    // for(let i = 1; i < allCategoryFiltersEntry.length; i++){
+    //   allCategoryFiltersEntry[i].style.display = 'none';
+    // }
+
+    // for(let i = 1; i < allCategoryFiltersEntry.length; i++){
+    //   let catFound = false;
+
+    //   for(let j = 0; j < allFilteredResults.length; j++){
+    //       if(allFilteredResults[j].dataset.categories){
+    //         if(allFilteredResults[j].dataset.categories.indexOf(allCategoryFiltersEntry[i].getAttribute('value')) > -1){
+    //           console.log(allCategoryFiltersEntry[i].getAttribute('value'));
+    //           catFound = true;
+
+    //           // if(allFilteredResults[j].style.display == 'none'){
+    //           //   catFound = true;
+    //           // }
+    //         }
+    //       }
+    //   }
+
+    //   if(catFound){
+    //     allCategoryFiltersEntry[i].style.display = 'block';
+    //   }
+    // }
+
+    // Last step is to return cat dropdown to always be all cats on product selection
+    // This will prevent cats that shouldnt be present from remaining selected
+
+    // $('#category-filter-dropdown > option:nth-child(1)').text('All Categories');
+
+    // $('#product-filter-dropdown > option:nth-child(1)').attr('selected', true);
+    // $('#product-filter-dropdown').val('Default');
+  }
+</script>

Custom_Templates/customer_templates/Anthology Academy/_filter_by_category_lp.html.liquid

@@ -0,0 +1,160 @@
+<div class="np-filter" tabindex="0">
+  <div class="dropdown">
+    <select
+      class="category-filter-dropdown np-input"
+      type="text"
+      name="category-filter-dropdown"
+      id="category-filter-dropdown"
+      onchange="filterByCategory()"
+    >
+      {% assign sorted_categories = current_school.filterable_categories | sort: "name" %}
+      <option class="category-filter-entry" value="Default" selected>All Categories</option>
+
+      {% for category in sorted_categories %}
+        {% assign renderCat = false %}
+
+        {% for learning_path in learning_paths.enrolled %}
+          {% for lp_category in learning_path.categories %}
+            
+              {% assign renderCat = true %}
+            
+          {% endfor %}
+        {% endfor %}
+
+        {% comment %} Need to iterate over all filterable categories, target all searched cards, check if cat exists, render if found  {% endcomment %}
+
+        {% comment %} Need to generate category entires dynamically? Might not be possible because liquid is server side. Would need to pull all cats before load but all Searched Results after render {% endcomment %}
+
+        {%if renderCat %}
+          <option class="category-filter-entry" value="{{ category.name }}">{{ category.name }}</option>
+        {% endif %}
+      {% endfor %}
+    </select>
+  </div>
+</div>
+
+<script>
+  $('document').ready(function(){
+    let allCategoryFilters = document.querySelectorAll('.category-filter-entry');
+    let allSearchedResults = document.querySelectorAll('.np-card');
+    let allCourses = (document.querySelector('.np-learning-paths-resources') !== null) ? document.querySelector('.np-learning-paths-resources').children : '';
+
+    // for(let i = 0; i < allCourses.length; i++){
+    //   allCourses[i].style.display = 'block';
+    // }
+
+    if(allCategoryFilters.length <= 1) {
+      document.querySelector('.catalog-filter-component').style.display = 'none';
+    } else {
+      document.querySelector('.catalog-filter-component').style.display = 'block';
+    }
+
+    for(let i = 1; i < allCategoryFilters.length; i++){
+      let productFound = false;
+      for(let j = 0; j < allSearchedResults.length; j++){
+        if(allSearchedResults[j].dataset.categories){
+          if(allSearchedResults[j].dataset.categories.indexOf(allCategoryFilters[i].getAttribute('value')) > -1){
+            productFound = true;
+          }
+        }
+      }
+
+      if(!productFound){
+        allCategoryFilters[i].style.display = 'none';
+      }
+    }
+  });
+
+  let filterByCategory = () => {
+    let allLearning = document.querySelector('.np-learning-paths-resources').children;
+
+    for(let i = 0; i < allLearning.length; i++){
+      if(event.target.value == 'Default'){
+        allLearning[i].classList.remove('filtered');
+        //if(!allLearning[i].classList.contains('hidden-by-product')){
+          allLearning[i].style.display = 'block';
+        //}
+      } else {
+        if(allLearning[i].dataset.categories.indexOf(event.target.value) == -1){
+          allLearning[i].classList.add('filtered');
+         // if(allLearning[i].classList.contains('hidden-by-product')){
+            allLearning[i].style.display = 'none';
+          //}
+        } else {
+          allLearning[i].classList.remove('filtered');
+          //if(!allLearning[i].classList.contains('hidden-by-product')){
+            allLearning[i].style.display = 'block';
+          //}
+        };
+      };
+    };
+
+    // This will adjust and recreate the filters with the proper values
+
+    let allProductFiltersEntry = document.querySelectorAll(".product-filter-entry");
+    // let allCategoryFiltersEntry = document.querySelectorAll('.category-filter-entry');
+    let allFilteredResults = document.querySelector('.np-learning-paths-resources').children;
+
+    for(let i = 1; i < allProductFiltersEntry.length; i++){
+      allProductFiltersEntry[i].style.display = 'block';
+    }
+  
+    if(event.target.value != 'Default'){
+      for(let i = 1; i < allProductFiltersEntry.length; i++){
+        let productFound = false;
+  
+        for(let j = 0; j < allFilteredResults.length; j++){
+          
+          if(allFilteredResults[j].dataset.product){
+            if(allFilteredResults[j].dataset.product.indexOf(allProductFiltersEntry[i].getAttribute('value')) > -1){
+              if(!allFilteredResults[j].classList.contains('filtered')){
+                productFound = true;
+              }
+            }
+          }
+        }
+  
+        if(!productFound){
+          allProductFiltersEntry[i].style.display = 'none';
+        }
+      }
+    }
+
+  // -------------------------------------------------------------------------------------------
+    // this section is to update the category filter based on category filter changes
+      // commented out because the control of category filter entries should be solely on the product filter
+
+    // for(let i = 1; i < allCategoryFiltersEntry.length; i++){
+    //   allCategoryFiltersEntry[i].style.display = 'none';
+    // }
+
+    // for(let i = 1; i < allCategoryFiltersEntry.length; i++){
+    //   let catFound = false;
+
+    //   for(let j = 0; j < allFilteredResults.length; j++){
+    //       if(allFilteredResults[j].dataset.categories){
+    //         if(allFilteredResults[j].dataset.categories.indexOf(allCategoryFiltersEntry[i].getAttribute('value')) > -1){
+    //           console.log(allCategoryFiltersEntry[i].getAttribute('value'));
+    //           catFound = true;
+
+    //           // if(allFilteredResults[j].style.display == 'none'){
+    //           //   catFound = true;
+    //           // }
+    //         }
+    //       }
+    //   }
+
+    //   if(catFound){
+    //     allCategoryFiltersEntry[i].style.display = 'block';
+    //   } 
+    // }
+
+    // Last step is to return cat dropdown to always be all cats on product selection
+    // This will prevent cats that shouldnt be present from remaining selected
+
+    // $('#category-filter-dropdown > option:nth-child(1)').text('All Categories');
+
+    // $('#product-filter-dropdown > option:nth-child(1)').attr('selected', true);
+    // $('#product-filter-dropdown').val('Default');
+  }
+</script>

Custom_Templates/customer_templates/Anthology Academy/_filter_by_product.html.liquid

@@ -0,0 +1,248 @@
+<div class="np-filter product-filter-container">
+  <div class="dropdown">
+    <select
+      class="product-filter-dropdown np-input"
+      type="text"
+      name="product-filter-dropdown"
+      id="product-filter-dropdown"
+      onchange="filterByProduct()"
+    >
+      <option class="product-filter-entry" value="Default" selected>All Products</option>
+    </select>
+  </div>
+</div>
+
+<script>
+  let allProductTypesHome = ['Anthology-Default'];
+  let allProductTypesDash = ['Anthology-Default'];
+  let productFilterEl = document.querySelector("#product-filter-dropdown");
+
+  {% for course in courses.enrolled %}
+    {% if course.progress == 0 or course.properties.most_popular == true %}
+      if('{{ course.properties.product_names_for_course_cards }}' != 'Anthology [Catch-all]'){
+        if(!allProductTypesHome.includes('{{ course.properties.product_names_for_course_cards }}')){
+          allProductTypesHome.push("{{ course.properties.product_names_for_course_cards }}");
+        }
+      }
+    {% endif %}
+  {% endfor %}
+
+  {% for course in courses.enrolled %}
+    {% unless course.progress == 0 %}
+      if('{{ course.properties.product_names_for_course_cards }}' != 'Anthology [Catch-all]'){
+        if(!allProductTypesDash.includes('{{ course.properties.product_names_for_course_cards }}')){
+          allProductTypesDash.push("{{ course.properties.product_names_for_course_cards }}");
+        }
+      }
+    {% endunless %}
+  {% endfor %}
+
+  allProductTypesHome = allProductTypesHome.sort();
+  allProductTypesDash = allProductTypesDash.sort();
+
+  {% if page == 'Homepage' or page == 'Search' %}
+    if(allProductTypesHome.length > 1){
+      allProductTypesHome.map((product) => {
+        if(product != 'Anthology-Default'){
+          if(product.indexOf('&amp;') > -1){
+            product = product.replaceAll('&amp;', '&');
+          }
+          let productOption = document.createElement('option');
+          productOption.classList.add('product-filter-entry');
+          productOption.setAttribute('value', product);
+          //productionOption.setAttribute('href', `/search/23777883-6b85-449d-8d25-2e548c6e9ecc?q=${product}`);
+          productOption.innerHTML = `${product}`;
+          productFilterEl.appendChild(productOption);
+        }
+      })
+    } else {
+      productFilterEl.style.display = 'none';
+    }
+
+    let filterByProduct = () => {
+      let allLearning = document.querySelector('.np-catalog-courses').children;
+
+      for(let i = 0; i < allLearning.length; i++){
+        if(event.target.value == 'Default'){
+          allLearning[i].classList.remove('hidden-by-product');
+          if(!allLearning[i].classList.contains('filtered')){
+            allLearning[i].style.display = 'block';
+          }
+        } else {
+          if(allLearning[i].dataset.product != event.target.value){
+            allLearning[i].style.display = 'none';
+            allLearning[i].classList.add('hidden-by-product');
+          } else {
+            allLearning[i].classList.remove('hidden-by-product');
+            if(!allLearning[i].classList.contains('filtered')){
+              allLearning[i].style.display = 'block';
+            }
+          };
+        }
+      };
+
+      // let allProductFiltersEntry = document.querySelectorAll(".product-filter-entry");
+      let allCategoryFiltersEntry = document.querySelectorAll('.category-filter-entry');
+      let allFilteredResults = document.querySelector('.np-catalog-courses').children;
+
+      for(let i = 1; i < allCategoryFiltersEntry.length; i++){
+        allCategoryFiltersEntry[i].style.display = 'block';
+      }
+
+      if(event.target.value != 'Default'){
+        for(let i = 1; i < allCategoryFiltersEntry.length; i++){
+          let catFound = false;
+  
+          for(let j = 0; j < allFilteredResults.length; j++){
+              if(allFilteredResults[j].dataset.categories){
+                if(allFilteredResults[j].dataset.categories.indexOf(allCategoryFiltersEntry[i].getAttribute('value')) > -1){
+                  if(!allFilteredResults[j].classList.contains('hidden-by-product')){
+                    catFound = true;
+                  }
+                }
+              }
+          }
+  
+          if(!catFound){
+            allCategoryFiltersEntry[i].style.display = 'none';
+          } 
+        }
+      }
+  // -------------------------------------------------------------------------------------------
+    // this section is to update the product filter based on product filter changes
+    // commented out because the control of product filter entries should be solely on the category filter
+
+      
+      // for(let i = 1; i < allProductFiltersEntry.length; i++){
+      //   allProductFiltersEntry[i].style.display = 'none';
+      // }
+
+      // for(let i = 1; i < allProductFiltersEntry.length; i++){
+      //   let productFound = false;
+
+      //   for(let j = 0; j < allFilteredResults.length; j++){
+      //       if(allFilteredResults[j].dataset.product){
+      //         if(allFilteredResults[j].dataset.product.indexOf(allProductFiltersEntry[i].getAttribute('value')) > -1){
+      //           if(allFilteredResults[j].style.display == 'none'){
+      //             productFound = true;
+      //           }
+      //         }
+      //       }
+      //   }
+
+      //   if(!productFound){
+      //     allProductFiltersEntry[i].style.display = 'block';
+      //   } 
+      // }
+
+      // Last step is to return cat dropdown to always be all cats on product selection
+      // This will prevent cats that shouldnt be present from remaining selected
+
+      // $('#category-filter-dropdown > option:nth-child(1)').text('All Categories');
+
+      // $('#category-filter-dropdown > option:nth-child(1)').attr('selected', true);
+      // $('#category-filter-dropdown').val('Default');
+    };
+  {% elsif page == 'Dashboard' %}
+    if(allProductTypesDash.length > 1){
+      allProductTypesDash.map((product) => {
+        if(product != 'Anthology-Default'){
+          if(product.indexOf('&amp;') > -1){
+            product = product.replace('&amp;', '&');
+          }
+          let productOption = document.createElement('option');
+          productOption.classList.add('product-filter-entry');
+          productOption.setAttribute('value', product)
+          productOption.innerHTML = `${product}`;
+    
+          productFilterEl.appendChild(productOption);
+        }
+      })
+    } else {
+      productFilterEl.style.display = 'none';
+      document.querySelector('.view-swapper-container').style.marginBottom = '0';
+    }
+    
+    let filterByProduct = () => {
+      let inProgressCourses = document.querySelector('.courses-in-prog').children;
+      let completedCourses = document.querySelector('.courses-completed').children;
+    
+      for(let i = 0; i < inProgressCourses.length; i++){
+        if(event.target.value == 'Default'){
+          inProgressCourses[i].style.display = 'block';
+        } else {
+          if(inProgressCourses[i].dataset.product != event.target.value){
+            inProgressCourses[i].style.display = 'none';
+          } else {
+            inProgressCourses[i].style.display = 'block';
+          }
+        }
+      }
+    
+      for(let i = 0; i < completedCourses.length; i++){
+        if(event.target.value == 'Default'){
+          completedCourses[i].style.display = 'block';
+        } else {
+          if(completedCourses[i].dataset.product != event.target.value){
+            completedCourses[i].style.display = 'none';
+          } else {
+            completedCourses[i].style.display = 'block';
+          }
+        }
+      }
+    }
+    // if(allProductTypesDash.length > 1){
+    //   allProductTypesDash.map((product) => {
+    //     if(product != 'Anthology-Default'){
+    //       if(product.indexOf('&amp;') > -1){
+    //         product = product.replace('&amp;', '&');
+    //       }
+    //       let productOption = document.createElement('option');
+    //       productOption.classList.add('product-filter-entry');
+    //       productOption.setAttribute('value', product)
+    //       productOption.innerHTML = `${product}`;
+
+    //       productFilterEl.appendChild(productOption);
+    //     }
+    //   })
+    // } else {
+    //   productFilterEl.style.display = 'none';
+    //   document.querySelector('.view-swapper-container').style.marginBottom = '0';
+    // }
+
+    // let filterByProduct = () => {
+    //   let inProgressCourses = document.querySelector('.courses-in-prog').children;
+    //   let completedCourses = document.querySelector('.courses-completed').children;
+
+    //   for(let i = 0; i < inProgressCourses.length; i++){
+    //     if(event.target.value == 'Default'){
+    //       inProgressCourses[i].style.display = 'block';
+    //     } else {
+    //       if(inProgressCourses[i].dataset.product != event.target.value){
+    //         inProgressCourses[i].style.display = 'none';
+    //       } else {
+    //         inProgressCourses[i].style.display = 'block';
+    //       }
+    //     }
+    //   }
+
+    //   for(let i = 0; i < completedCourses.length; i++){
+    //     if(event.target.value == 'Default'){
+    //       completedCourses[i].style.display = 'block';
+    //     } else {
+    //       if(completedCourses[i].dataset.product != event.target.value){
+    //         completedCourses[i].style.display = 'none';
+    //       } else {
+    //         completedCourses[i].style.display = 'block';
+    //       }
+    //     }
+    //   }
+    // }
+  {% endif %}
+</script>
+
+<style>
+  .filtered{
+    display: none !important;
+  }
+</style>