Cleaned up TODOs and other customer notes. Added some Terminus templates, I believe.
This commit is contained in:
Norm Rasmussen
@ -0,0 +1,63 @@
|
||||
<div class="row additional-resources">
|
||||
<a class="col-sm-12 col-md-4 additional-resource" href="https://terminus.com/blog/">
|
||||
<div class="additional-resource-container">
|
||||
<img class="resource-image" src="https://s3.amazonaws.com/static.northpass.com/Terminus/LMS-TERMINUS-blog-1200x768.jpg" alt="">
|
||||
<div class="resource-title">Access the Terminus Blog >></div>
|
||||
<div class="resource-subtitle">Read the latest from the Go-To-Market Experts.</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="col-sm-12 col-md-4 additional-resource" href="https://terminus.com/terminus-rock-stars/">
|
||||
<div class="additional-resource-container">
|
||||
<img class="resource-image" src="https://s3.amazonaws.com/static.northpass.com/Terminus/LMS-TERMINUS-rockstars-1200x768.jpg" alt="">
|
||||
<div class="resource-title">Become a Terminus Rockstar >></div>
|
||||
<div class="resource-subtitle">Get your backstage pass to networking events, share your success, and be rewarded.</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="col-sm-12 col-md-4 additional-resource" href="https://support.terminus.com/hc/en-us">
|
||||
<div class="additional-resource-container">
|
||||
<img class="resource-image" src="https://s3.amazonaws.com/static.northpass.com/Terminus/LMS-TERMINUS-knowledge-base-1200x768.jpg" alt="">
|
||||
<div class="resource-title">Search the Knowledge Base >></div>
|
||||
<div class="resource-subtitle">Unlock additional product guides and help articles</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.additional-resources * {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.additional-resource {
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.additional-resource-container {
|
||||
background-color: #025589;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.resource-image {
|
||||
width: 100%;
|
||||
margin-bottom: 15px;
|
||||
border-top-right-radius: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
}
|
||||
|
||||
.resource-title, .resource-subtitle {
|
||||
min-height: 40px;
|
||||
color: #fff;
|
||||
margin-bottom: 20px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.resource-title {
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,54 @@
|
||||
{% assign activities_count = 0 %}
|
||||
{% for course_section in course.sections %}
|
||||
{% for course_activity in course_section.activities %}
|
||||
{% assign activities_count = activities_count | plus: 1 %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
|
||||
{% assign compressed_image_url = "" | append: course.image_url | replace: "resize=width:820,height:500,fit:crop/", "" %}
|
||||
|
||||
<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="{{ compressed_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 class="np-progress-bar-container">
|
||||
<div
|
||||
style="width: {{ course.progress }}%"
|
||||
class="np-button-background-color np-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
</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 class="course-button-container">
|
||||
<a class="np-button np-button-wide" href="{{ course_path }}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
<span>
|
||||
{{ activities_count }} {% if activities_count == 1 %}Activity{% else %}Activities{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,19 @@
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
<img
|
||||
class="np-card-image"
|
||||
src="{{ image_url }}"
|
||||
>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ school_name }}
|
||||
</h3>
|
||||
<div class="np-card-content-footer">
|
||||
<a class="cards-school-button" href="{{ school_url }}">
|
||||
Start Path
|
||||
<i class="arrow-in-button far fa-long-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,18 @@
|
||||
<div class="np-catalog-courses">
|
||||
{% for category in categories.in_catalog %}
|
||||
<div id="category-{{category.id}}">
|
||||
<div class="np-resource-subtitle category-name">{{ category.name }}</div>
|
||||
<div class="row row-with-thumbnails">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% assign course_categories = course.categories | map: "id" %}
|
||||
|
||||
{% if course_categories contains category.id %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -0,0 +1,36 @@
|
||||
{% if courses.in_catalog.any? %}
|
||||
{% assign any_filter = courses.filters | map: "selected?" %}
|
||||
{% if any_filter contains true %}
|
||||
{% include "filtered_catalog_courses" %}
|
||||
{% else %}
|
||||
{% include "categorised_catalog_courses" %}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.catalog,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
|
||||
<style>
|
||||
.category-name {
|
||||
font-weight: 700;
|
||||
color: #1b3e4f;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
window.addEventListener("DOMContentLoaded", (event) => {
|
||||
hideEmptyCategories()
|
||||
})
|
||||
|
||||
function hideEmptyCategories() {
|
||||
document.querySelectorAll("[id^='category']").forEach((item) => {
|
||||
if (item.querySelector(".row").children.length == 0) {
|
||||
item.style.display = "none"
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,16 @@
|
||||
<div class="np-dashboard-resources-container">
|
||||
<div class="np-zero-state-text">
|
||||
<a href="/app/training_events">Checkout upcoming events!</a>
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-training-events"
|
||||
alt="empty"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-zero-state-text a {
|
||||
text-decoration: none;
|
||||
color: #486776;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,20 @@
|
||||
{% for filter in courses.filters %}
|
||||
{% if filter.selected? %}
|
||||
<div class="np-catalog-courses">
|
||||
<div id="category-{{ filter.value }}">
|
||||
<div class="np-resource-subtitle category-name">{{ filter.name }}</div>
|
||||
<div class="row row-with-thumbnails">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% assign course_categories = course.categories | map: "id" %}
|
||||
|
||||
{% if course_categories contains filter.value %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
@ -0,0 +1,70 @@
|
||||
<footer class="np-footer">
|
||||
<div class="np-footer-top">
|
||||
{% 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>
|
||||
|
||||
<style>
|
||||
@media screen and (min-width: 768px) {
|
||||
.np-footer-top {
|
||||
flex-direction: column-reverse;
|
||||
align-items: flex-end;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,174 @@
|
||||
<header class="np-header np-header-color">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
{% comment %} {% 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 %} {% endcomment %}
|
||||
</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 %}
|
||||
|
||||
{% comment %}
|
||||
{% 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 %}
|
||||
</div>
|
||||
{% endif %} {% endcomment %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% comment %}
|
||||
<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> {% endcomment %}
|
||||
|
||||
{% include "messages" %}
|
||||
|
||||
<style>
|
||||
@media screen and (min-width: 768px) {
|
||||
.np-header-logo-image {
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,11 @@
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="{{ image_url }}"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-homepage-hero-image {
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,24 @@
|
||||
<div class="row popular-topics">
|
||||
{% include 'popular_topics_item', topic_title: 'ABM Certification', topic_url: '/app/learning_paths/9b8a7414-c0c4-42ab-a8bb-9bc9948f9e05' %}
|
||||
{% include 'popular_topics_item', topic_title: 'Account Based Marketing Strategy', topic_url: '/app/catalog' %}
|
||||
{% include 'popular_topics_item', topic_title: 'Platform Training', topic_url: '/app/training_events' %}
|
||||
{% include 'popular_topics_item', topic_title: 'New Terminus User', topic_url: '/app/learning_paths/8e802e4f-33f8-4b61-8f0e-7f385e86adf5' %}
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.popular-topics a {
|
||||
padding: 0 10px;
|
||||
text-decoration: none;
|
||||
color: #5087c7;
|
||||
font-weight: 500;
|
||||
border: 2px solid #bac4ca;
|
||||
border-radius: 10px;
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,5 @@
|
||||
<div class="col-xs-12 col-sm-6 col-md-3 popular-topic">
|
||||
<a href="{{ topic_url }}">
|
||||
{{ topic_title }}
|
||||
</a>
|
||||
</div>
|
||||
@ -0,0 +1,56 @@
|
||||
<div class="public-banner row">
|
||||
<div class="public-banner-item col-xs-12 col-sm-4">
|
||||
<div class="public-banner-item-header">
|
||||
Self-Paced Training Courses
|
||||
</div>
|
||||
<div class="public-banner-item-text">
|
||||
Terminus Academy is full of on-demand training courses to educate you on ABM principles, and help you get the most out of your investment with Terminus.
|
||||
</div>
|
||||
</div>
|
||||
<div class="public-banner-item col-xs-12 col-sm-4">
|
||||
<div class="public-banner-item-header">
|
||||
Learning Paths & Certifications
|
||||
</div>
|
||||
<div class="public-banner-item-text">
|
||||
Take your training a step further with comprehensive learning paths and certifications designed to help you master a particular subject, and grow professionally.
|
||||
</div>
|
||||
</div>
|
||||
<div class="public-banner-item col-xs-12 col-sm-4">
|
||||
<div class="public-banner-item-header">
|
||||
On-Demand Microlearnings
|
||||
</div>
|
||||
<div class="public-banner-item-text">
|
||||
Learning on the go? In addition to courses and learning paths, microlearnings are designed to deliver quick-hitting tips, tutorials, and best practices.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.public-banner {
|
||||
display: flex;
|
||||
background-color: #0f2d52;
|
||||
color: #fff;
|
||||
margin-top: 40px;
|
||||
padding: 50px 40px;
|
||||
}
|
||||
|
||||
.public-banner-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.public-banner-item-header {
|
||||
margin-bottom: 15px;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
color: #fbad18;
|
||||
}
|
||||
|
||||
.public-banner-item-text {
|
||||
font-size: 1.1rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,90 @@
|
||||
<main class="np-main np-homepage">
|
||||
{% include 'hero_image', image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/terminus-LMS-academy-2+login+header.jpg" %}
|
||||
<div class="np-homepage-featured np-max-width">
|
||||
<div class="np-homepage-featured-text">
|
||||
<div class="np-homepage-headline">
|
||||
A Curated Learning Experience
|
||||
</div>
|
||||
<div class="np-homepage-subheadline" style="font-weight:300">
|
||||
Terminus Academy is more than just an e-learning platform. We've designed curated learning experiences for our unique audiences to help you build, operate, and measure go-to-market strategies at scale, and allow you to level up your expertise at your own pace.
|
||||
<br><br>
|
||||
<span style="color: #0098cd; font-weight: bold;">To get started in the Academy, please choose the appropriate sign in option below.</span>
|
||||
</div>
|
||||
</div>
|
||||
{% capture login_path %}{% route login %}{% endcapture %}
|
||||
<div class="np-homepage-featured-courses row">
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" style="margin-bottom: 20px;">
|
||||
{%
|
||||
include "cards_school",
|
||||
image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/Customer+Login+Image.jpg",
|
||||
school_name: "Customer Login",
|
||||
school_url: "https://cherrill-hartman-s-school-8121.northpass.com/learners/sign_in"
|
||||
%}
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" style="margin-bottom: 20px;">
|
||||
{%
|
||||
include "cards_school",
|
||||
image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/Employee+Login+Image.jpg",
|
||||
school_name: "Employee Login",
|
||||
school_url: login_path
|
||||
%}
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" style="margin-bottom: 20px;">
|
||||
{%
|
||||
include "cards_school",
|
||||
image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/Partner+Login+Image.jpg",
|
||||
school_name: "Partners Login",
|
||||
school_url: "https://cherrill-hartman-s-school.northpass.com/learners/sign_in"
|
||||
%}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include 'public_banner' %}
|
||||
</main>
|
||||
|
||||
<style>
|
||||
.np-sub-navigation {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.np-card-image {
|
||||
height: 250px;
|
||||
object-fit: cover;
|
||||
object-position: 25% 25%;
|
||||
}
|
||||
|
||||
.arrow-in-button {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.cards-school-button {
|
||||
color: #1b3e4f;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.np-homepage-featured .np-homepage-headline,
|
||||
.np-homepage-featured .np-homepage-subheadline {
|
||||
color: #000;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.np-homepage-featured .np-homepage-subheadline {
|
||||
line-height: 1.75rem;
|
||||
color: #0f2d52;
|
||||
font-family: 'Avenir';
|
||||
}
|
||||
|
||||
.np-homepage-featured .np-homepage-headline {
|
||||
font-size: 3rem;
|
||||
margin-bottom: 20px;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.np-homepage-featured-text {
|
||||
padding: 0 15vw 36px 15vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,18 @@
|
||||
<div class="np-dashboard-resources">
|
||||
{% if training_events.enrolled.any? %}
|
||||
{% for training_event in training_events.enrolled %}
|
||||
{% include "cards_training_event" with training_event %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<a href="/app/training_events">
|
||||
<img class="training-events-link-image" src="https://s3.amazonaws.com/static.northpass.com/Terminus/113748D1-9343-4F14-BB19-2CFB1E9F3935_1_201_a.jpeg" alt="">
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.training-events-link-image {
|
||||
width: 100%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,30 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
|
||||
{% include 'hero_image', image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/terminus-LMS-learn-without-limits+Catalog+Header.jpg" %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-catalog np-subpage-container np-max-width">
|
||||
<div class="np-catalog-header-wrapper">
|
||||
<div class="np-catalog-header">
|
||||
<div class="np-resource-title">{{ catalog.headline }}</div>
|
||||
<div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
|
||||
</div>
|
||||
{% capture label %}{% t shared.filters.by_category %}{% endcapture %}
|
||||
|
||||
{% if courses.in_catalog.any? %}
|
||||
{%
|
||||
include "filter_dropdown",
|
||||
filters: courses.filters,
|
||||
key: "category_uuid",
|
||||
label: label
|
||||
%}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% include "courses_catalog" %}
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.np-sub-navigation {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,37 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
{% include 'hero_image', image_url:"https://s3.amazonaws.com/static.northpass.com/Terminus/terminus-LMS-academy-3rev.jpg" %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<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>
|
||||
</div>
|
||||
{% if features.training_events? %}
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-4">
|
||||
<div class="np-dashboard-resources-title">
|
||||
UPCOMING EVENTS
|
||||
</div>
|
||||
{% include "training_events_dashboard" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="row np-flex-center">
|
||||
{% include "courses_index", class: "col-xs-12 col-sm-6 col-md-4 np-stretch-content" %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.np-sub-navigation {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,166 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
{% if current_person.signed_in? %}
|
||||
{% include 'hero_image', image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/terminus-LMS-academy-3+Homepage+Header.jpg" %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
<div class="np-dashboard-resources-title">
|
||||
FEATURED COURSES
|
||||
</div>
|
||||
{% if courses.featured.any? %}
|
||||
<div class="np-homepage-featured-courses row">
|
||||
{% for course in courses.featured %}
|
||||
<div class="col-xs-12 np-stretch-content" style="margin-bottom: 20px;">
|
||||
{% include "cards_featured_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>
|
||||
{% if features.training_events? %}
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-4">
|
||||
<div class="np-dashboard-resources-title">
|
||||
UPCOMING EVENTS
|
||||
</div>
|
||||
<a href="/app/training_events">
|
||||
<img class="training-events-link-image" src="https://s3.amazonaws.com/static.northpass.com/Terminus/113748D1-9343-4F14-BB19-2CFB1E9F3935_1_201_a.jpeg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-resources-title">
|
||||
POPULAR TOPICS
|
||||
</div>
|
||||
{% include 'popular_topics' %}
|
||||
</div>
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-resources-title" style="margin-top: 20px;">
|
||||
ADDITIONAL RESOURCES
|
||||
</div>
|
||||
{% include 'additional_resources' %}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% else %}
|
||||
{% include 'public_homepage' %}
|
||||
{% endif %}
|
||||
{% include "footer" %}
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
<style>
|
||||
.np-sub-navigation {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-content {
|
||||
background: #fff;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-image {
|
||||
object-fit: fill;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-container {
|
||||
flex-direction: row;
|
||||
box-shadow: none;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #bac4ca;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-content-title {
|
||||
color: #5087c7;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-content-footer {
|
||||
flex-direction: column;
|
||||
align-items: normal;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-button {
|
||||
width: 40%;
|
||||
margin-right: 10px;
|
||||
background-color: #feac1a;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.course-button-container {
|
||||
margin-top: 15px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.course-button-container > span {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.training-events-link-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.training-events-link-image {
|
||||
width: 100%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.np-homepage-featured-courses .np-card-image {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-content {
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-image {
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-left-radius: 10px;
|
||||
}
|
||||
|
||||
.training-events-link-image {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
max-height: 260px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.np-homepage-featured-courses .np-card-container {
|
||||
min-height: 260px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
@ -0,0 +1,15 @@
|
||||
{% include "header" %}
|
||||
{% include 'hero_image', image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/terminus-LMS-Learning+Path+Header.jpg" %}
|
||||
{% include "sub_navigation" %}
|
||||
<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" %}
|
||||
@ -0,0 +1,25 @@
|
||||
/*
|
||||
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:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
|
||||
|
||||
body *:not(i) {
|
||||
font-family: 'Nunito Sans', sans-serif;
|
||||
}
|
||||
|
||||
.public-banner-item-header, .np-card-content-title,
|
||||
.np-homepage-headline, .np-dashboard-resources-title,
|
||||
.popular-topics a, .resource-title, .np-resource-title,
|
||||
.category-name, .np-top-title, .np-text-title,
|
||||
.np-card-heading {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
{% include "header" %}
|
||||
{% include 'hero_image', image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/terminus-LMS-live-events.jpg" %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-training-events np-subpage-container np-max-width">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-10">
|
||||
<div class="np-resource-title">
|
||||
{% t .title %}
|
||||
</div>
|
||||
<div class="np-resource-subtitle">
|
||||
{% t .subtitle %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-2">
|
||||
{% include "training_events_filter" %}
|
||||
</div>
|
||||
</div>
|
||||
{% include "training_events_index" %}
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
Reference in New Issue
Block a user