Anthology templates again. Cin7 notes.

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

@@ -200,8 +200,8 @@
       Anthology
     {% endif %}
   </div>
-  <div class="np-card-container">
+  {% comment %} <div class="np-card-container">
-    {% comment %} <div class="card-image-replacement"></div> {% endcomment %}
+    <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">
@@ -266,11 +266,73 @@
         </a>
       </div>
     </div>
+  </div> {% endcomment %}
+  <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">
+      {% 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>
+      {% endif %}
+      
+      <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>
+      {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+      <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>
+{% comment %} <style>
   .course-card-wrapper{
     display: flex;
   }
@@ -355,4 +417,120 @@
       padding: 0 10px !important;
     }
   }
+</style> {% endcomment %}
+
+<style>
+  .course-card .np-card-container{
+    padding: 8px 12px 8px 8px;
+  }
+
+  .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(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{
+    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;
+  }
+
+  @media screen and (min-width: 768px){
+    /* .np-card{
+      margin-bottom: 15px !important;
+      min-width: unset;
+    } */
+
+    .course-card .np-card-container{
+      padding: 16px 24px 16px 16px;
+    }
+
+    .course-card-wrapper{
+      margin-bottom: 32px;
+    }
+
+    .course-card{
+      padding: 0 10px !important;
+    }
+
+    .course-card-wrapper,
+    .course-card{
+      height: 100%;
+    }
+  }
 </style>

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

@@ -216,12 +216,18 @@
         <h3 class="np-card-content-title course-card-title">
           {{ course.name }} 
         </h3>
-        <span style="color: #757575; font-size: 14px">
-          {{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
-        </span>
       </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 }}"
       >

Custom_Templates/customer_templates/Anthology - Production/_courses_catalog.html.liquid

@@ -7,7 +7,7 @@
   {% for course in courses.enrolled %}
     {%- comment -%} {% unless course.progress > 0 %}
     {% endunless %} {%- endcomment -%}
-    <div class="col-xs-12 col-sm-6 col-lg-3 np-stretch-content course-card-wrapper" data-product="{{ course.properties.product_names_for_course_cards}}">
+    <div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content course-card-wrapper" data-product="{{ course.properties.product_names_for_course_cards}}">
       {%- comment -%} {% include "cards_course" with course, flag: 'catalog' %} {%- endcomment -%}
       {% if current_person.email contains '+preview' or current_person.email == 'kfelton@anthology.com'%}
         {% include "cards_course_revamped" with course, flag: 'null' %}

Custom_Templates/customer_templates/Anthology - Production/_product_bar.html.liquid

@@ -90,8 +90,24 @@
       /* padding-right: 4%; */
     }
 
+    /* .product-bar{
+      margin-top: 25.5%;
+    } */
+
     .product-bar .product-subscriptions{
       padding-left: 80px;
     }
   }
+
+  /* @media screen and (min-width: 2300px){
+    .product-bar{
+      margin-top: 21%;
+    }
+  }
+
+  @media screen and (min-width: 2800px){
+    .product-bar{
+      margin-top: 18%;
+    }
+  } */
 </style>

Custom_Templates/customer_templates/Anthology - Production/homepage.html.liquid

@@ -39,10 +39,12 @@
 {% include "course_version_outdated_alert", courses: courses.in_catalog %}
 
 <div class="np-homepage-hero">
-  <img class="np-homepage-hero-image"
+  <a href="/app/search/00000000-0000-0000-0000-000000000000?q=101" style="width: 100%;">
-    src="https://s3.amazonaws.com/static.northpass.com/anthology/Anthology_header_New.jpg"
+    <img class="np-homepage-hero-image"
-    alt="{{ homepage.headline }}"
+      src="https://s3.amazonaws.com/static.northpass.com/anthology/Anthology_header_New.svg"
-  />
+      alt="{{ homepage.headline }}"
+    />
+  </a>
   <div class="np-homepage-hero-content">
     <div class="np-homepage-headline np-header-font-color">
       {% comment %} Welcome to Anthology Academy {% endcomment %}
@@ -323,6 +325,25 @@
     margin-bottom: 12px
   }
 
+  .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;
+    }
+  }
+
   @media screen and (min-width: 768px){
     .np-main{
       margin-top: none;
@@ -353,14 +374,10 @@
       margin-top: 350px;
     } */
 
-    .product-bar{
-      margin-top: 25.5%;
-    }
-
     .np-homepage-hero{
-      width: calc(100vw + 1.75em);
+      /* width: calc(100vw + 1.75em); */
-      position: absolute;
+      /* position: absolute; */
-      left: 0;
+      /* left: 0; */
     }
   }
 

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

@@ -7,7 +7,6 @@
     {% assign render_search = false %}
     {% if results.items.any? %}
       {% 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 %}
@@ -30,13 +29,14 @@
     <div class="np-resource-title">
       {% comment %} {% t .showing %} {% endcomment %}
       {% if render_search %}
-        <span class="np-resource-subtitle-number">{{ result_count }}</span>
+        <span class="np-resource-subtitle-number" style="color: #363636;">
-      {% else %}
+          {{ result_count }} Resources For <span class="">"{{ results.term }}"</span>
-        <span class="np-resource-subtitle-number">{{ results.count }}</span>
+        </span>
+      {% comment %} {% else %}
+        <span class="np-resource-subtitle-number">{{ results.count }} Resources</span> {% endcomment %}
       {% endif %}
       {% comment %} {% t .results_for %} {% endcomment %}
-      Resources For 
+      
-      <span class="np-button-color">"{{ results.term }}"</span>
     </div>
     {% if render_search %}
       <div style="align-items: center; display: flex; flex-direction: row;">
@@ -169,15 +169,17 @@
   }
 
   .card-bottom-details{
-    justify-content: flex-end;
+    justify-content: space-between;
   }
 
   .product-filter-dropdown,
   .category-filter-dropdown{
-    padding: 0 5px;
+    /* padding: 0 5px; */
     /* border-radius: 0; */
-    height: 45px;
+    /* height: 45px;
-    min-width: 150px;
+    min-width: 150px; */
+    margin: 10px 10px 0;
+    padding: 2px 20px;
   }
 
   @media screen and (min-width: 768px){

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

@@ -13,7 +13,7 @@
 
 html,
 body{
-    color: #000000;
+    color: #363636 !important;
     font-family: 'Nunito Sans', sans-serif;
 }
 
@@ -79,6 +79,10 @@ main{
 
 /* COURSE CARDS */
 
+.np-card-content-title{
+    color: #363636;
+}
+
 .course-card .np-card-container{
     border-radius: 0;
     box-shadow: 0 3px 30px rgba(0,0,0,.1);
@@ -166,7 +170,7 @@ main{
 .category-filter-dropdown{
     background-color: #fefefe;
     border-radius: 4px;
-    color: #393939;
+    color: #363636;
     font-size: 1em;
     font-weight: 700;
     height: 60px;

CustomerNotes/Cin7/Cin7.md

@@ -95,3 +95,13 @@ Groups:
 * Both Core & Omni
 
 No firm launch date, figuring it out in April
+
+## 08-08-2024
+
+Julie has revamped how CS is being using - this is great!
+Invested in the academy.
+But the way they implemented groups might be too complicated
+
+They also need to consider how sales is using the academy
+Can we send Inventoro (new acquisition) content as a journey.
+Cin7 wants to be more proactive around sending content.

wan_ip.txt

@@ -0,0 +1 @@
+79.56.225.62