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

Larson Texts, Luminate, Blacklane

Browse Source
This commit is contained in:
Norm Rasmussen
2023-10-19 17:38:36 -04:00
parent fb416055b5
commit cc0d192db2
12 changed files with 490 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Custom_Templates/customer_templates/.DS_Store vendored
View File

Binary file not shown.

23
Custom_Templates/customer_templates/Walmart Luminate Prod/_courses_catalog.html.liquid
View File

@ -1,19 +1,26 @@
{% if courses.in_catalog.any? %} {% if courses.in_catalog.any? %}
<div class="np-catalog-courses row row-with-thumbnails"> <div class="np-catalog-courses row row-with-thumbnails">
{% for course in courses.in_catalog %} {% for course in courses.in_catalog %}
{% unless course.properties.is_article_course %} {% unless course.properties.is_article_course %}
{% if course.id == "6cc26c57-34db-4b8e-a38b-ad321ce18add" or course.id == "ac4fbf2e-ed8f-404d-b995-f0ef73481466" %}
{% if course.id == "6cc26c57-34db-4b8e-a38b-ad321ce18add" or course.id == "ac4fbf2e-ed8f-404d-b995-f0ef73481466" %} {% if current_person.properties.hide_api_certification_exam_course == false %}
{% if current_person.properties.hide_api_certification_exam_course == false %} <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endif %}
{% else %}
{% if course.id == "b3225a47-448d-4988-962a-18d37d6616d0" or course.id == "fdc8acdc-0b7c-4064-a52b-1955379d411b" %}
{% unless course.progress == 100 %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content"> <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %} {% include "cards_course" with course %}
</div> </div>
{% endif %} {% endunless %}
{% else %} {% else %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content"> <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %} {% include "cards_course" with course %}
</div> </div>
{% endif %} {% endif %}
{% endif %}
{% endunless %} {% endunless %}
{% endfor %} {% endfor %}
</div> </div>

15
Custom_Templates/customer_templates/Walmart Luminate Prod/_courses_index.html.liquid
View File

@ -9,9 +9,18 @@
</div> </div>
{% endif %} {% endif %}
{% else %} {% else %}
<div class="{{ class }}"> {% if course.id == "b3225a47-448d-4988-962a-18d37d6616d0" or course.id == "fdc8acdc-0b7c-4064-a52b-1955379d411b" %}
{% include "cards_course" with course %} {% unless course.progress == 100 %}
</div> <div class="{{ class }}">
{% include "cards_course" with course %}
</div>
{% endunless %}
{% else %}
<div class="{{ class }}">
{% include "cards_course" with course %}
</div>
{% endif %}
{% endif %} {% endif %}
{% endunless %} {% endunless %}
{% endfor %} {% endfor %}

10
Custom_Templates/customer_templates/Walmart Luminate Prod/_homepage_featured.html.liquid
View File

@ -27,8 +27,8 @@
{% if is_featured %} {% if is_featured %}
{% assign featured_courses_count = featured_courses_count | plus: 1 %} {% assign featured_courses_count = featured_courses_count | plus: 1 %}
<div class="featured-course-slide" data-position="{{course.properties.course_position}}"> <div class="featured-course-slide" data-position="{{course.properties.course_position}}">
{% include "cards_article" with course %} {% include "cards_article" with course %}
</div> </div>
{% endif %} {% endif %}
@ -87,7 +87,7 @@ window.addEventListener("load", (event) => {
indexesArray.forEach(e => indexesArray.forEach(e =>
document.querySelector(".featured-courses-slider").appendChild(e)); document.querySelector(".featured-courses-slider").appendChild(e));
initFeaturedCoursesCarousel() initFeaturedCoursesCarousel()
@ -119,7 +119,7 @@ function initFeaturedCoursesCarousel() {
}); });
} }
</script> </script>
@ -219,4 +219,4 @@ function initFeaturedCoursesCarousel() {
margin-top:12px; margin-top:12px;
} }
} }
</style> </style>

58
Custom_Templates/customer_templates/Walmart Luminate Prod/_search_result.html.liquid
View File

@ -1,35 +1,37 @@
{% if result.type == "course" %} {% if result.type == "course" %}
<div class="np-card np-search-result" data-id="{{result.course.id}}"> {% unless result.course.id == "fdc8acdc-0b7c-4064-a52b-1955379d411b" or result.course.id == "b3225a47-448d-4988-962a-18d37d6616d0" %}
<div class="np-card-container"> <div class="np-card np-search-result" data-id="{{result.course.id}}">
<div class="np-card-content"> <div class="np-card-container">
<img <div class="np-card-content">
class="np-search-result-image" <img
alt="{{ result.name }}" class="np-search-result-image"
src="{{ result.image_url }}" alt="{{ result.name }}"
/> src="{{ result.image_url }}"
<div class="np-search-result-content"> />
<div> <div class="np-search-result-content">
<a class="np-search-result-title" href="{{ result.path }}"> <div>
{{ result.name }} <a class="np-search-result-title" href="{{ result.path }}">
</a> {{ result.name }}
</a>
</div>
<div class="np-search-result-snippet">{{result.course.short_description}}</div>
</div> </div>
<div class="np-search-result-snippet">{{result.course.short_description}}</div> <div class="category-pills">
{% for course in catalog_courses %}
{% if course.id == result.course.id %}
{% for cat in course.categories %}
{% assign cat_name = cat.name | upcase %}
{% unless cat_name == "FEATURED" or cat_name == "ARTICLES" %}
<div class="cat-item">{{cat.name}}</div>
{% endunless %}
{% endfor %}
{% endif %}
{% endfor %}
</div>
</div> </div>
<div class="category-pills">
{% for course in catalog_courses %}
{% if course.id == result.course.id %}
{% for cat in course.categories %}
{% assign cat_name = cat.name | upcase %}
{% unless cat_name == "FEATURED" or cat_name == "ARTICLES" %}
<div class="cat-item">{{cat.name}}</div>
{% endunless %}
{% endfor %}
{% endif %}
{% endfor %}
</div>
</div> </div>
</div> </div>
</div> {% endunless %}
{% endif %} {% endif %}

2
Custom_Templates/customer_templates/Walmart Luminate Prod/_sub_navigation.html.liquid
View File

@ -12,7 +12,7 @@
<div class="np-sub-navigation-content-item articles-link"> <div class="np-sub-navigation-content-item articles-link">
<a class="np-sub-navigation-content-item-link" href="/app/articles"> <a class="np-sub-navigation-content-item-link" href="/app/articles">
<i class="far fa-file-alt np-button-color np-sub-navigation-content-item-icon"></i> <i class="far fa-file-alt np-button-color np-sub-navigation-content-item-icon"></i>
Articles Blog
</a> </a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div> <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div> </div>

19
Custom_Templates/customer_templates/Walmart Luminate Prod/articles.html.liquid
View File

@ -11,19 +11,26 @@
<div class="np-catalog-courses row row-with-thumbnails"> <div class="np-catalog-courses row row-with-thumbnails">
{% for course in courses.in_catalog %} {% for course in courses.in_catalog %}
{% if course.properties.is_article_course %} {% if course.properties.is_article_course %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content"> {% if course.id == "b3225a47-448d-4988-962a-18d37d6616d0" or course.id == "fdc8acdc-0b7c-4064-a52b-1955379d411b" %}
{% unless course.progress == 100 %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_article" with course %}
</div>
{% endunless %}
{% else %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_article" with course %} {% include "cards_article" with course %}
</div> </div>
{% endif %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
{% else %} {% else %}
{% capture message %} {% capture message %}
{% t shared.zero_state.courses.catalog, {% t shared.zero_state.courses.catalog
key: current_school.course_vocabulary , key: current_school.course_vocabulary %}
%}
{% endcapture %} {% endcapture %}
{% include "courses_zero_state", message: message %} {% include "courses_zero_state", message: message %}
{% endif %} {% endif %}
</main> </main>
{% include "footer" %} {% include "footer" %}

440
Custom_Templates/customer_templates/Walmart Luminate Prod/homepage.html.liquid
View File

@ -1,4 +1,72 @@
<script>
function showPopup() {
setTimeout(function() {
document.querySelector(".popup-trigger").click()
}, 500)
}
function showSurveyPopup() {
setTimeout(function() {
document.querySelector(".survey-popup-trigger").click()
}, 500)
}
function formatDate(date) {
const month = (date.getMonth() + 1).toString().padStart(2, '0');
const day = date.getDate().toString().padStart(2, '0');
const year = date.getFullYear();
return `${month}/${day}/${year}`;
}
function RerunWorkato() {
const today = new Date();
const formattedDate = formatDate(today);
const data = {
person_uuid: '{{current_person.id}}',
date: formattedDate
}
let webhookUrl
if (schoolID == "804edb32-c300-42f3-82b7-e5d55fcbc2a6") {
webhookUrl = "https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/user-interacted-with-popup"
} else if (schoolID == "10183441-2254-4b1e-a9f7-9549ca773257") { // live school
webhookUrl = "https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/user-interacted-with-popup-live"
}
if (webhookUrl) {
fetch(webhookUrl, {
method: 'post',
body: JSON.stringify(data)
}).then(function(response) {
return response.json();
}).then(function(data) {
console.log(res)
}).catch(error => {
console.log(error)
});
}
}
</script>
{% assign catalog_courses = courses.in_catalog %} {% assign catalog_courses = courses.in_catalog %}
{% assign survey_courses = "" %}
{% assign survey_course_completed = false %}
{% if current_school.id == "10183441-2254-4b1e-a9f7-9549ca773257" %}
{% comment %} LIVE SCHOOL {% endcomment %}
{% assign survey_course = catalog_courses | where: "id", "b3225a47-448d-4988-962a-18d37d6616d0" %}
{% elsif current_school.id == "804edb32-c300-42f3-82b7-e5d55fcbc2a6" %}
{% comment %} SANDBOX SCHOOL {% endcomment %}
{% assign survey_course = catalog_courses | where: "id", "fdc8acdc-0b7c-4064-a52b-1955379d411b" %}
{% endif %}
{% for course in survey_course %}
{% if course.progress == 100 %}
{% assign survey_course_completed = true %}
{% endif %}
{% endfor %}
{% include "header" %} {% include "header" %}
<main class="np-main np-homepage"> <main class="np-main np-homepage">
<div class="np-homepage-hero"> <div class="np-homepage-hero">
@ -15,27 +83,25 @@
class="np-header-search np-hero-search" class="np-header-search np-hero-search"
data-test="mobile-search" data-test="mobile-search"
method="get" method="get"
action="{% route search %}" action="{% route search %}">
>
<input <input
aria-label="What are you looking for?" aria-label="What are you looking for?"
class="hero-search-input" class="hero-search-input"
type="text" type="text"
name="q" name="q"
placeholder="What are you looking for?" placeholder="What are you looking for?" />
/>
<i class="np-header-search-icon hero-search-icon far fa-search"></i> <i class="np-header-search-icon hero-search-icon far fa-search"></i>
</form> </form>
</div> </div>
</div> </div>
<img class="np-homepage-hero-image" <img
class="np-homepage-hero-image"
src="{{ homepage.artwork_url }}" src="{{ homepage.artwork_url }}"
alt="{{ homepage.headline }}" alt="{{ homepage.headline }}" />
/>
</div> </div>
</div> </div>
{% include "sub_navigation" %} {% include "sub_navigation" %}
{% include "homepage_featured", items: catalog_courses %} {% include "homepage_featured", items: catalog_courses %}
<div class="np-max-width np-homepage-row-wrapper"> <div class="np-max-width np-homepage-row-wrapper">
@ -54,11 +120,11 @@
<div class="col-xs-12 col-md-4"> <div class="col-xs-12 col-md-4">
{% include "cards_learning_path_progress" %} {% include "cards_learning_path_progress" %}
</div> </div>
{% endif %} {% endif %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% if lps_in_progress > 0 %} {% if lps_in_progress > 0 %}
<div class="see-more-wrapper"> <div class="see-more-wrapper">
<a href="/app/dashboard" style="margin-top:24px;">See more</a> <a href="/app/dashboard" style="margin-top:24px;">See more</a>
@ -73,91 +139,241 @@
<img class="np-zero-state-learning-paths" alt="" /> <img class="np-zero-state-learning-paths" alt="" />
</div> </div>
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div> </div>
</div> </div>
{% comment %} {% if features.training_events? %} {% comment %} {% if features.training_events? %}
<div class="col-xs-12 col-sm-5 col-md-4"> <div class="col-xs-12 col-sm-5 col-md-4">
<div class="homepage-events"> <div class="homepage-events">
<div class="np-section-header">Upcoming Courses</div> <div class="np-section-header">Upcoming Courses</div>
<div class="upcoming events"> <div class="upcoming events">
{% if training_events.available.any? %} {% if training_events.available.any? %}
{% for training_event in training_events.available limit:1 %} {% for training_event in training_events.available limit:1 %}
{% include "cards_training_event" with training_event %} {% include "cards_training_event" with training_event %}
{% endfor %} {% endfor %}
<div class="see-more-wrapper"> <div class="see-more-wrapper">
<a href="/app/training_events" style="margin-top:24px;">See more</a> <a href="/app/training_events" style="margin-top:24px;">See more</a>
</div> </div>
{% else %} {% else %}
{% include "training_events_zero_state" %} {% include "training_events_zero_state" %}
{% endif %} {% endif %}
</div> </div>
</div> </div>
</div> </div>
{% endif %} {% endcomment %} {% endif %} {% endcomment %}
</div> </div>
</div> </div>
{% include "homepage_ongoing_training", items: catalog_courses %} {% include "homepage_ongoing_training", items: catalog_courses %}
{% include "homepage_topics" %} {% include "homepage_topics" %}
<button
type="button"
class="popup-trigger"
data-toggle-class-on-target
data-toggle-target="#firstTimeUsers"
data-toggle-escape
data-toggle-modal>
Click
</button>
<button
type="button"
class="survey-popup-trigger"
data-toggle-class-on-target
data-toggle-target="#surveyPopup"
data-toggle-escape
data-toggle-modal>
Click
</button>
</main> </main>
{% include "footer" %} {% include "footer" %}
<div
class="first-time-user-popup"
id="firstTimeUsers"
role="dialog"
aria-labelledby="dialogTitle"
aria-describedby="dialogContent"
aria-hidden="true">
<section class="first-time-user-popup-container">
<div id="dialogContent" class="first-time-user-popup-content">
<div class="modal-headline">
{% if current_person.first_name %}&#128075; Hi, {{ current_person.first_name }}!{% endif %}
Welcome to Walmart Luminate Learning! Can we help you get familiar with the site?</div>
<div class="modal-links">
<a
href="javascript:setPopupSeenProperty('/app/dashboard')"
class="secondary"
data-toggle-trigger-off>No thanks! I can figure it out.</a>
{% if current_school.id == "10183441-2254-4b1e-a9f7-9549ca773257" %}
{% comment %} LIVE SCHOOL {% endcomment %}
<a href="javascript:setPopupSeenProperty('https://walmartluminate.northpass.com/c/fabe6410eee0c1fa338f11d854edccada8780b6f')">Sure! Show me around.</a>
{% elsif current_school.id == "804edb32-c300-42f3-82b7-e5d55fcbc2a6" %}
{% comment %} SANDBOX SCHOOL {% endcomment %}
<a href="javascript:setPopupSeenProperty('/app/courses/52f20328-9868-40e5-9ceb-699f6ab2c6ec')" ">Sure! Show me around.</a>
{% endif %}
</div>
</div>
</section>
</div>
<div
class="survey-popup"
id="surveyPopup"
role="dialog"
aria-labelledby="dialogTitle"
aria-describedby="dialogContent"
aria-hidden="true">
<section class="survey-popup-container">
<div id="dialogContent" class="survey-popup-content">
<div class="modal-headline">Help us improve your experience!</div>
<div class="modal-links">
{% if current_school.id == "10183441-2254-4b1e-a9f7-9549ca773257" %}
{% comment %} LIVE SCHOOL {% endcomment %}
<a href="javascript:setSurveyPopupSeen('/app/courses/b3225a47-448d-4988-962a-18d37d6616d0')">Go!</a>
{% elsif current_school.id == "804edb32-c300-42f3-82b7-e5d55fcbc2a6" %}
{% comment %} SANDBOX SCHOOL {% endcomment %}
<a href="javascript:setSurveyPopupSeen('/app/courses/fdc8acdc-0b7c-4064-a52b-1955379d411b')">Go!</a>
{% endif %}
</div>
</div>
</section>
</div>
{% if current_person.signed_in? %}
{% unless current_person.email contains "+preview" %}
{% if current_person.properties.first_time_user_popup_seen == false %}
<script>
console.log('property is false, check local storage')
if (localStorage.getItem('modal_clicked') != null) {
console.log("rerun workflow to set property")
RerunWorkato()
} else {
showPopup()
}
</script>
{% elsif current_person.properties.first_time_user_popup_seen == true %}
<script>
console.log("property is set, deleting local storage, don't initialize first modal")
localStorage.removeItem("modal_clicked")
</script>
{% else %}
<script>
console.log('custom prop doesnt yet exist')
if (localStorage.getItem('modal_clicked') != null) {
console.log("rerun workflow to set property")
RerunWorkato()
} else {
showPopup()
}
</script>
{% endif %}
{% endunless %}
{% endif %}
<script> <script>
if (window.location.pathname == "/app") { if (window.location.pathname == "/app") {
document.querySelector(".np-sub-navigation").classList.add("homepage-nav") document
document.querySelector(".np-header").classList.add("homepage-nav") .querySelector(".np-sub-navigation")
.classList
.add("homepage-nav")
document
.querySelector(".np-header")
.classList
.add("homepage-nav")
} }
document.querySelector(".np-hidden-desktop .dropdown-arrow").addEventListener("click", function(e) { document.querySelector(".np-hidden-desktop .dropdown-arrow").addEventListener("click", function(e) {
if (e.target.parentElement.classList.contains("open")) { if (e
e.target.parentElement.classList.remove("open") .target
.parentElement
.classList
.contains("open")) {
e
.target
.parentElement
.classList
.remove("open")
} else { } else {
e.target.parentElement.classList.add("open") e
.target
.parentElement
.classList
.add("open")
} }
}) })
window.onload = function () { window.onload = function() {
var stickySubNav = document.querySelector('.np-sub-navigation'); var stickySubNav = document.querySelector('.np-sub-navigation');
var headerOffset = findOffset(stickySubNav); var headerOffset = findOffset(stickySubNav);
window.onscroll = function() { window.onscroll = function() {
var bodyScrollTop = document.documentElement.scrollTop || document.body.scrollTop; var bodyScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if (bodyScrollTop > (headerOffset.top - 24)) { if (bodyScrollTop > (headerOffset.top - 24)) {
stickySubNav.classList.add('fixed'); stickySubNav.classList.add('fixed');
} else { } else {
stickySubNav.classList.remove('fixed'); stickySubNav.classList.remove('fixed');
} }
}; };
const firstPopupSeen = {{current_person.properties.first_time_user_popup_seen}}
if (firstPopupSeen == true) {
var popupSeenDate = new Date("{{current_person.properties.first_popup_date}}");
var popupSeenSeconds = popupSeenDate.getTime() / 1000;
var currentDate = new Date();
var currentDateSeconds = currentDate.getTime() / 1000;
if (currentDateSeconds > (popupSeenSeconds + 1209600) && currentDateSeconds) {
console.log("more than 2 weeks after first popup")
const surveyCourseCompleted = {{survey_course_completed}}
if (surveyCourseCompleted == false) {
if (localStorage.getItem("survey_modal_clicked") == null) {
showSurveyPopup()
} else {
const lastClickedDateSeconds = new Date(localStorage.getItem("survey_modal_clicked")).getTime() / 1000
if (currentDateSeconds > (lastClickedDateSeconds + 1209600) && currentDateSeconds) {
showSurveyPopup()
} else {
console.log(`dont show survey popup again until 2 weeks after ${
localStorage.getItem("survey_modal_clicked")
} or course completed`)
}
}
} else {
localStorage.removeItem("survey_modal_clicked");
}
}
}
}; };
function findOffset(element) { function findOffset(element) {
var top = 0, left = 0; var top = 0,
left = 0;
do { do {
top += element.offsetTop || 0; top += element.offsetTop || 0;
left += element.offsetLeft || 0; left += element.offsetLeft || 0;
element = element.offsetParent; element = element.offsetParent;
} while(element); } while (element);
return { return {top: top, left: left};
top: top,
left: left
};
} }
</script>
<script>
window.addEventListener("load", function() { window.addEventListener("load", function() {
var progressCards = document.querySelectorAll(".np-card-learning-path-progress"); var progressCards = document.querySelectorAll(".np-card-learning-path-progress");
for (var i = 0; i < progressCards.length; i++ ) { for (var i = 0; i < progressCards.length; i++) {
var lpProgressCard = progressCards[i] var lpProgressCard = progressCards[i]
var progressRing = lpProgressCard.querySelector(".progress-ring") var progressRing = lpProgressCard.querySelector(".progress-ring")
let circle = progressRing.querySelector(".circle-progress") let circle = progressRing.querySelector(".circle-progress")
@ -170,21 +386,71 @@
circle.style.strokeDashoffset = `${circumference}`; circle.style.strokeDashoffset = `${circumference}`;
const percent = numCompleted / total const percent = numCompleted / total
console.log("percent: ", percent)
setProgress(percent, circle) setProgress(percent, circle)
} }
function setProgress(percent, circle) { function setProgress(percent, circle) {
const offset = circumference - percent * circumference; const offset = circumference - percent * circumference;
circle.style.strokeDashoffset = offset; circle.style.strokeDashoffset = offset;
} }
}) })
function setPopupSeenProperty(redirectUrl) {
localStorage.setItem("modal_clicked", true);
const today = new Date();
const formattedDate = formatDate(today);
const data = {
person_uuid: '{{current_person.id}}',
date: formattedDate
}
const schoolID = '{{current_school.id}}'
let webhookUrl
if (schoolID == "804edb32-c300-42f3-82b7-e5d55fcbc2a6") {
webhookUrl = "https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/user-interacted-with-popup"
} else if (schoolID == "10183441-2254-4b1e-a9f7-9549ca773257") { // live school
webhookUrl = "https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/user-interacted-with-popup-live"
}
if (webhookUrl) {
fetch(webhookUrl, {
method: 'post',
body: JSON.stringify(data)
}).then(function(response) {
return response.json();
}).then(function(data) {
console.log(res)
setTimeout(function() {
window.location.href = redirectUrl;
}, 250)
}).catch(error => {
console.log(error)
setTimeout(function() {
window.location.href = redirectUrl;
}, 250)
});
}
}
function setSurveyPopupSeen(redirectUrl) {
const today = new Date();
const formattedDate = formatDate(today);
localStorage.setItem("survey_modal_clicked", formattedDate);
setTimeout(function() {
window.location.href = redirectUrl;
}, 250)
}
</script> </script>
<style> <style>
.np-homepage-hero { .np-homepage-hero {
background-color:#3C228A; background-color: #3C228A;
padding: 40px 24px 24px; padding: 40px 24px 24px;
flex-direction: column; flex-direction: column;
} }
@ -194,53 +460,53 @@
width: 115px; width: 115px;
height: auto; height: auto;
min-height: unset; min-height: unset;
margin-top:24px; margin-top: 24px;
} }
.np-homepage-hero-content { .np-homepage-hero-content {
position:relative; position: relative;
padding:0; padding: 0;
color:#fff; color: #fff;
} }
.np-homepage-hero .np-homepage-headline { .np-homepage-hero .np-homepage-headline {
font-weight: 700; font-weight: 700;
font-size: 24px; font-size: 24px;
line-height: 33px; line-height: 33px;
margin-bottom:24px; margin-bottom: 24px;
} }
.np-homepage-subheadline { .np-homepage-subheadline {
font-size: 20px; font-size: 20px;
line-height: 24px; line-height: 24px;
margin-bottom:8px; margin-bottom: 8px;
opacity:1; opacity: 1;
} }
.np-hero-search { .np-hero-search {
width:100%; width: 100%;
} }
.hero-search-input { .hero-search-input {
background-color:#F1F3F4; background-color: #F1F3F4;
border-radius:4px; border-radius: 4px;
padding: 14px 19px 14px 44px; padding: 14px 19px 14px 44px;
border:none; border: none;
font-size:14px; font-size: 14px;
line-height:19px; line-height: 19px;
width: 100%; width: 100%;
background:#fff; background: #fff;
} }
.hero-search-icon { .hero-search-icon {
right:unset; right: unset;
left:16px; left: 16px;
color:#6C6C6C; color: #6C6C6C;
} }
.np-homepage-row-wrapper { .np-homepage-row-wrapper {
padding: 0 16px; padding: 0 16px;
margin-bottom:56px; margin-bottom: 56px;
} }
.np-homepage-featured-empty { .np-homepage-featured-empty {
@ -252,20 +518,26 @@
.learning-path-progress-container, .learning-path-progress-container,
.learning-path-progress-container > .row { .learning-path-progress-container > .row {
height:100%; height: 100%;
} }
@media (min-width:768px) { .popup-trigger,
.survey-popup-trigger {
visibility: hidden;
opacity: 0;
}
@media(min-width:768px) {
.np-homepage-hero-container { .np-homepage-hero-container {
display:flex; display: flex;
align-items:center; align-items: center;
} }
.np-homepage-hero .np-homepage-headline { .np-homepage-hero .np-homepage-headline {
font-size: 40px; font-size: 40px;
line-height: 50px; line-height: 50px;
margin-bottom:20px; margin-bottom: 20px;
text-align:left; text-align: left;
} }
.np-homepage-hero-image { .np-homepage-hero-image {
@ -275,34 +547,34 @@
} }
.hero-search-wrapper { .hero-search-wrapper {
display:flex; display: flex;
} }
.np-hero-search { .np-hero-search {
margin-left:32px; margin-left: 32px;
flex:2; flex: 2;
} }
} }
@media (min-width:768px) and (max-width:1365px) { @media(min-width:768px) and (max-width:1365px) {
.np-homepage-hero .np-homepage-headline { .np-homepage-hero .np-homepage-headline {
font-size: 3.516vw; font-size: 3.516vw;
line-height: 4.249vw; line-height: 4.249vw;
} }
} }
@media (min-width:1200px) { @media(min-width:1200px) {
.np-homepage-hero-image { .np-homepage-hero-image {
width: 300px; width: 300px;
margin: 0 0 0 100px; margin: 0 0 0 100px;
} }
} }
@media (min-width:1366px) { @media(min-width:1366px) {
.np-homepage-hero .np-homepage-headline { .np-homepage-hero .np-homepage-headline {
font-size: 48px; font-size: 48px;
line-height: 58px; line-height: 58px;
} }
} }
</style> </style>

26
Custom_Templates/customer_templates/Walmart Luminate Prod/styles.css.liquid
View File

@ -515,7 +515,8 @@ a.np-card {
} }
/* MODAL POPUP */ /* MODAL POPUP */
.first-time-user-popup { .first-time-user-popup,
.survey-popup {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
@ -530,15 +531,17 @@ a.np-card {
pointer-events: none; pointer-events: none;
transition: 0.25s ease-out; transition: 0.25s ease-out;
} }
.first-time-user-popup.is-active { .first-time-user-popup.is-active,
.survey-popup.is-active {
visibility: visible; visibility: visible;
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
} }
.first-time-user-popup-container { .first-time-user-popup-container,
.survey-popup-container {
width: 100%; width: 100%;
max-width: 600px; max-width: 650px;
margin: auto; margin: auto;
transform: translateY(-1em) scale(0.95); transform: translateY(-1em) scale(0.95);
background-color: white; background-color: white;
@ -546,7 +549,8 @@ a.np-card {
border-radius: 8px; border-radius: 8px;
} }
.first-time-user-popup.is-active .first-time-user-popup-container { .first-time-user-popup.is-active .first-time-user-popup-container,
.survey-popup.is-active .survey-popup-cotnainer {
transform: translateY(0) scale(1); transform: translateY(0) scale(1);
} }
@ -560,6 +564,7 @@ a.np-card {
.modal-links { .modal-links {
display: flex; display: flex;
justify-content:center;s
} }
.modal-links a { .modal-links a {
@ -592,12 +597,19 @@ a.np-card {
color: #13014a; color: #13014a;
} }
.first-time-user-popup-content { .first-time-user-popup-content,
.survey-popup-content {
padding: 32px 16px; padding: 32px 16px;
} }
.survey-popup-content,
.modal-survey {
height:100%;
}
@media (min-width: 768px) { @media (min-width: 768px) {
.first-time-user-popup-content { .first-time-user-popup-content,
.survey-popup-content {
padding: 32px; padding: 32px;
} }

15
CustomerNotes/BigIdeasLearning/BigIdeasLearning.md
View File

@ -376,3 +376,18 @@ To better understand how we can make learners/teachers better and easier access
DONE: Get Sophia a marketing number on usage increase between embedded and non-embedded academies. DONE: Get Sophia a marketing number on usage increase between embedded and non-embedded academies.
## 10/19/2023
### Check in - No agenda
*Bob has been fired. Is this the sign of a directional change?*
* Renewal convo:
* Chris Toothman - just promoted to VP!
* Sophia Montiel
* Jason Shilt
* Suen and myself
* Procurement time for renewals:
* In the past they took way too long
* Numbers need to be in by December

17
CustomerNotes/Blacklane/Blacklane.md
View File

@ -95,3 +95,20 @@ ILT wont work because they have to do instructor led training within a course
Data Warehouse: Airflow - between warehouses. Data Warehouse: Airflow - between warehouses.
Trigger would come from warehouse that X course needs to happen because of decision Y. Trigger would come from warehouse that X course needs to happen because of decision Y.
## 10/19/2023
### New Content Strategy with Calum and Maria
Notes:
* Go ahead from legal to release training to EMEA and APAC
* Can NOT be shown to American chauffeurs
* Released in real time to new chauffeurs
* Questions about interactive capabilities of Northpass
* Suggested SCORM - Articulate rise micro learning.
* Monitoring completions - is there an easy way to setup triggers?
* Missing component - existing chauffeur training. Cross over of content.
* Update exisiting content with chauffeur value content removed
* Does Course Enrollment trigger go out for a course added to a completed learning path?
* Current go-live beginning of December

7
CustomerNotes/Skuid/Skuid.md
View File

@ -363,3 +363,10 @@ The courses are as follows:
Enrollments tab for learning path also shows 100%. Enrollments tab for learning path also shows 100%.
I can’t seem to find the connection as to why the courses show < 100, but the learning path shows full 100%. My guess is that the learner has done the courses outside of the learning path. But then why does the learning path discover page show the progress bar of 88%. That’s the part I’m missing I think. I can’t seem to find the connection as to why the courses show < 100, but the learning path shows full 100%. My guess is that the learner has done the courses outside of the learning path. But then why does the learning path discover page show the progress bar of 88%. That’s the part I’m missing I think.
## 10/19/2023
### Filtering Options
* Main Page
* Search Results Page