norm/Gainsight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated Anthology templates for the new search functionality. Updated Allen Tate/HH and a few Walmart templates.

Browse Source
This commit is contained in:
Norm Rasmussen
2024-05-21 17:36:21 -04:00
parent f93d5053fd
commit f0b52f01d4
10 changed files with 529 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
Custom_Templates/customer_templates/Anthology - Production/_browse_by_product.html.liquid Normal file
View File

@ -0,0 +1,32 @@
<div class="browse-by-product">
{% assign subscription_levels = current_person.properties.subscription_levels | split: "," %}
{% for subscription_level in subscription_levels %}
{% assign name_level_pair = subscription_level | split: ":"%}
{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
<li class="product-subscription">
{% include "profile_logo_calculator", product: name_level_pair[0] %}
</li>
{% endfor %}
</div>
<style>
.browse-by-product{
align-items: center;
border-bottom: 1px solid grey;
display: flex;
flex-direction: row;
height: 40px;
justify-content: space-evenly;
margin: -20px -50px 20px;
padding: 0 50px 20px;
}
.browse-by-product li{
list-style-type: none;
}
.product-subscription img{
height: 30px;
}
</style>

227
Custom_Templates/customer_templates/Anthology - Production/_cards_searched_course.html.liquid Normal file
View File

@ -0,0 +1,227 @@
{% 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 Learn' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/BBLearn.svg' %}
{% assign product_alt = 'Blackboard Learn' %}
{% 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 %}
<div class="np-card course-card col-md-4" data-product="{{course.properties.product_names_for_course_cards}}">
<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>
<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">
<a class="np-button np-button-wide course-card-button"
href="{{ course_path }}"
>
View
</a>
</div>
</div>
</div>

2
Custom_Templates/customer_templates/Anthology - Production/_cards_training_event.html.liquid
View File

@ -32,7 +32,7 @@
<i class="np-card-training-sessions-icon far fa-calendar-star"></i>
<span class="np-card-training-sessions-label">
{% if training_event.sessions.size > 1 %}
Additional Sessions
Multiple Sessions
{% else %}
{% t .sessions, count: training_event.sessions.size %}
{% endif %}

30
Custom_Templates/customer_templates/Anthology - Production/_filter_by_product.html.liquid
View File

@ -60,18 +60,10 @@
}
let filterByProduct = () => {
//let filter = event.target.value.toLowerCase();
//filter = filter.replaceAll(' ', '+');
//filter = filter.replaceAll('&amp;', '%26');
//console.log(filter);
//window.location.assign(`https://newacademy.anthology.com/app/search/23777883-6b85-449d-8d25-2e548c6e9ecc?q=${filter}`);
let allLearning = document.querySelector('.np-catalog-courses').children;
for(let i = 0; i < allLearning.length; i++){
if(event.target.value == 'Default'){
if(!allLearning[i].classList.contains('hidden-by-search')){
allLearning[i].style.display = 'block';
}
@ -89,17 +81,17 @@
};
};
for(let i = 0; i < popular.length; i++){
if(event.target.value == 'Default'){
popular[i].style.display = 'block';
} else {
if(popular[i].dataset.product != event.target.value){
popular[i].style.display = 'none';
} else {
popular[i].style.display = 'block';
};
};
};
// for(let i = 0; i < popular.length; i++){
// if(event.target.value == 'Default'){
// popular[i].style.display = 'block';
// } else {
// if(popular[i].dataset.product != event.target.value){
// popular[i].style.display = 'none';
// } else {
// popular[i].style.display = 'block';
// };
// };
// };
}
{% elsif page == 'Dashboard' %}
if(allProductTypesDash.length > 1){

14
Custom_Templates/customer_templates/Anthology - Production/_profile_logo_calculator.html.liquid
View File

@ -20,8 +20,12 @@
{% assign product_logo = 'https://cdn.northpass.io/anthology/Baseline.svg' %}
{% elsif product_name contains 'Encompass' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Encompass.svg' %}
{% elsif product_name contains 'Talisma' %}
{% assign product_logo = 'blank' %}
{% elsif product_name contains 'Student' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Student.svg' %}
{% elsif product_name contains 'CVue' %}
{% assign product_logo = 'blank' %}
{% elsif product_name contains 'Insight' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Insight.svg' %}
{% elsif product_name contains 'Finance & HCM' %}
@ -63,7 +67,7 @@
{% assign product_logo = 'blank' %}
{% endif %}
{% if product_logo contains 'blank' %}
{% comment %} {% if product_logo contains 'blank' %}
<span class="subscription-name">
{{ product_name }}
</span>
@ -71,4 +75,10 @@
<span class="subscription-name" data-profile-product="{{ product_name }}">
<img src='{{ product_logo }}' alt="{{ product_name }}" class='profile-card-product-logo'/>
</span>
{% endif %}
{% endif %} {% endcomment %}
{% unless product_logo contains 'blank' %}
<span class="subscription-name" data-profile-product="{{ product_name }}">
<img src='{{ product_logo }}' alt="{{ product_name }}" class='profile-card-product-logo'/>
</span>
{% endunless %}

62
Custom_Templates/customer_templates/Anthology - Production/_search_result.html.liquid
View File

@ -1,19 +1,53 @@
<div class="np-card np-search-result">
<div class="np-card-container">
<div class="np-card-content">
<img
class="np-search-result-image"
alt="{{ result.name }}"
src="{{ result.image_url }}"
/>
<div class="np-search-result-content">
<div>
<a class="np-search-result-title" href="{{ result.path }}">
{% comment %} https://newacademy.anthology.com/app/search/00000000-0000-0000?q= {% endcomment %}
{% comment %} {% if result.type == 'course' %}
{% assign act_count = 0 %}
{% for section in result.course.sections %}
{% for activity in section.activities %}
{% assign act_count = act_count | plus : 1 %}
{% endfor %}
{% endfor %}
{% for course in courses.available %}
{% if result.item.id == course.id %}
{{ course.id }}
{{ course.name }}
{{ course.properties.product_names_for_course_cards }}
{% endif %}
{% endfor %}
<div class="np-card course-card col-md-4">
<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' or product_logo != null %}
<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">
{{ result.name }}
</a>
</h3>
<span style="color: #757575; font-size: 14px">
{{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
</span>
</div>
<div class="np-search-result-snippet">{{ result.description }}</div>
</div>
<div class="card-bottom-details">
<a class="np-button np-button-wide course-card-button"
href="{{ result.path }}"
>
View
</a>
</div>
</div>
</div>
</div>
{% endif %} {% endcomment %}

35
Custom_Templates/customer_templates/Anthology - Production/homepage.html.liquid
View File

@ -50,6 +50,9 @@
</div>
</div>
<main class="np-main np-catalog np-subpage-container np-max-width">
{% comment %} {% include "browse_by_product" %} {% endcomment %}
<div class="mobile-subnav" style="margin: -24px -20px 16px;">
{% include "sub_navigation" %}
</div>
@ -74,7 +77,25 @@
onkeyup="searchCourses()"
/>
<i class="far fa-search search-icon"></i>
</form>
</form>
{% comment %} ----------------------------------------------------------------- {% endcomment %}
{% comment %} FOR NORM: {% endcomment %}
{% comment %} Ln 67-80 >> new search {% endcomment %}
{% comment %} Ln 83-92 >> old search {% endcomment %}
{% comment %} ----------------------------------------------------------------- {% endcomment %}
{% comment %} <form action="{% route search %}" method="get" data-test="desktop-search" class="catalog-search-wrapper">
<input
aria-label="Search"
class="np-header-search-input np-header-font-background-color catalog-search"
type="text"
name="q"
placeholder="Search"
/>
<i class="search-icon far fa-search"></i>
</form> {% endcomment %}
</div>
{%- comment -%} {% if current_person.email contains "+preview" %}
<div class="catalog-filter-component">
@ -84,6 +105,7 @@
</div>
</div>
{% endif %} {%- endcomment -%}
<div class="catalog-filter-component">
<span style="color: #757575; margin-bottom: 10px; padding-left: 5px;">Filter By:</span>
<div class="filter-buttons-container">
@ -266,7 +288,8 @@
width: 100%;
}
.catalog-search{
.catalog-search,
.catalog-search:focus{
background-color: #fefefe;
border: 1px solid #aa7fb9;
border-radius: 30px;
@ -293,6 +316,10 @@
}
@media screen and (min-width: 768px){
.np-main{
margin-top: 300px;
}
.mobile-subnav{
display: none;
}
@ -329,9 +356,9 @@
left: 0;
}
.catalog-header-wrapper{
/* .catalog-header-wrapper{
margin-top: 300px;
}
} */
}
@media screen and (min-width: 2200px){

172
Custom_Templates/customer_templates/Anthology - Production/search.html.liquid
View File

@ -4,25 +4,175 @@
{% t .title %}
</div>
<div class="np-search-header">
{% 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 %}
{% 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-subtitle">
{% t .showing %}
<span class="np-resource-subtitle-number">{{ results.count }}</span>
{% if render_search %}
<span class="np-resource-subtitle-number">{{ result_count }}</span>
{% else %}
<span class="np-resource-subtitle-number">{{ results.count }}</span>
{% endif %}
{% t .results_for %}
<span class="np-button-color">"{{ results.term }}"</span>
</div>
{% capture label %}{% t shared.filters.by_type %}{% endcapture %}
{%- comment -%} {%
include "filter_dropdown",
filters: results.filters,
key: "type",
label: label
%} {%- endcomment -%}
{% include "filter_by_product", page: 'Search' %}
{% if render_search %}
{% capture label %}{% t shared.filters.by_type %}{% endcapture %}
{% include "filter_by_product", page: 'Search' %}
{% endif %}
</div>
{% if results.items.any? %}
{% render "search_result" for results.items as result %}
{% 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-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: flex-end;
}
@media screen and (min-width: 768px){
.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>

2
Custom_Templates/customer_templates/Howard-Hanna/_allen_tate_resources.html.liquid
View File

@ -112,7 +112,7 @@
title: "Winner's Edge Annual Calendar",
description: "See the Winner's Edge dates for this year",
link_description: "View",
link: "https://docs.google.com/presentation/d/1WQBYHBksnLkqFDg0LtweQdZCTV4Pf_kPaQa8qrbs8ak/edit?usp=share_link"
link: "https://docs.google.com/presentation/d/1WIkbg9llt9juhSsYqTL53Z4Nt_HKnFMv_YqH0fiwjQ4/edit?usp=sharing"
%}
{%

6
Custom_Templates/customer_templates/Walmart Luminate Sandbox/_homepage_featured.html.liquid
View File

@ -5,7 +5,10 @@
<div class="np-homepage-headline">
{{ homepage.featured_courses_headline }}
</div>
<div id="dvsnappay_hppform">
<!-- HTML is dynamically placed here -->
</div>
<input id="snappayhppform_response" name="snappayhppform_response" />
<button type="button" value="Submit" onclick="myclick()" class="button" style="border:none; background:transparent;">
@ -29,6 +32,7 @@
t.setAttribute("data-accountid", "1003003518");
t.setAttribute("data-merchantid", "496695144562");
t.setAttribute("data-customerid", "100");
t.setAttribute("data-paymentmode", "CC");
t.setAttribute("data-transactionamount", "100");
t.setAttribute("data-currencycode", "USD");
t.setAttribute("data-firstname", "No one");