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

Re-edited HH templates to change the link back. Ran some scripts for cin7, courtney, and a few others. Downloaded GoGuardian templates to help Nergis.

Browse Source
This commit is contained in:
Norm Rasmussen
2024-01-08 16:41:01 -05:00
parent a5fe4bd2c8
commit bf9d065f3b
37 changed files with 1401 additions and 952 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Custom_Templates/.DS_Store vendored
View File

Binary file not shown.

BIN
Custom_Templates/customer_templates/.DS_Store vendored
View File

Binary file not shown.

72
Custom_Templates/customer_templates/GoGuardian/_cards_learning_path.html.liquid Normal file
View File

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

20
Custom_Templates/customer_templates/GoGuardian/_courses_index.html.liquid Normal file
View File

@ -0,0 +1,20 @@
{% if courses.enrolled.any? %}
<div class="row row-with-thumbnails">
{% for course in courses.enrolled %}
{% for category in course.categories %}
{% unless category.name == 'Pear Deck Resource' or category.name == 'GoGuardian Resource' or category.name == 'Edulastic Resource'%}
<div class="{{ class }}">
{% include "cards_course" with course %}
</div>
{% endunless %}
{%endfor%}
{% endfor %}
</div>
{% else %}
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}

64
Custom_Templates/customer_templates/GoGuardian/_learning_path_course.html.liquid Normal file
View File

@ -0,0 +1,64 @@
{% if learning_path.enrolled? and course.unlocked? %}
<div class="np-learning-path-outline-bar np-hidden-mobile"></div>
<a
class="np-learning-path-outline-item np-card-container"
href="{% route learning_path_course, learning_path_id: learning_path.id, id: course.id %}"
>
<div class="np-card-content np-card-padding">
<img
src="{{ item.image }}"
alt="{{ course.name }}"
class="np-learning-path-outline-course-image"
>
<div class="np-learning-path-outline-content">
<div class="np-learning-path-outline-name np-top-title">
{{ course.name }}
</div>
{% if course.instructors %}
<div class="np-learning-path-outline-caption">
{{ course.instructors }}
</div>
{% endif %}
<div class="np-learning-path-outline-progress
{% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
">
{% t shared.progress, count: course.progress %}
</div>
{% comment %} {% for key in courses.enrolled %}
{% if key.id == course.id %}
{% if key.properties.course_duration > 0 %}
{{key.properties.course_duration}} mins
{%endif%}
{% endif %}
{% endfor %} {% endcomment %}
</div>
<i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
{% if course.optional? %}
<div class="np-optional-ribbon">
{% t shared.optional %}
</div>
{% endif %}
</div>
</a>
{% else %}
<div class="np-learning-path-outline-item np-learning-path-outline-inactive-item np-card-container">
<div class="np-card-content np-card-padding">
<img
src="{{ item.image }}"
alt="{{ course.name }}"
class="np-learning-path-outline-course-image"
>
<div class="np-learning-path-outline-content">
<div class="np-learning-path-outline-name np-top-title">
{{ course.name }}
</div>
</div>
{% if course.optional? %}
<div class="np-optional-ribbon">
{% t shared.optional %}
</div>
{% endif %}
</div>
</div>
{% endif %}

35
Custom_Templates/customer_templates/GoGuardian/_learning_path_desktop_view.html.liquid Normal file
View File

@ -0,0 +1,35 @@
<div class="np-resource-header np-resource-header-card np-card-padding-large">
<div class="np-top-vocabulary np-text-title">
{% t shared.learning_path.title %}
<i class="far fa-road np-button-color np-learning-path-icon"></i>
</div>
<div class="np-top-title lp-title">
<a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
<i class="far fa-arrow-left np-icon-back"></i>
</a>
{{ learning_path.name }}
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="np-card-container">
<img
src="{{ learning_path.image_url }}"
class="np-top-image"
alt="{{ learning_path.name }}"
/>
<div class="np-card-padding-dynamic">
{% include "learning_path_description" %}
{% include "learning_path_instructors" %}
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 np-grid-spacing">
<div class="np-top-cta">
{% include "learning_path_progress_and_cta" %}
</div>
{% include "learning_path_outline" %}
</div>
</div>

37
Custom_Templates/customer_templates/GoGuardian/_learning_path_mobile_view.html.liquid Normal file
View File

@ -0,0 +1,37 @@
<div class="np-resource-header np-card-padding-large">
<div class="np-top-vocabulary np-text-title">
{% t shared.learning_path.title %}
<i class="far fa-road np-button-color np-learning-path-icon"></i>
</div>
<div class="np-top-title lp-title">
{{ learning_path.name }}
</div>
<img
src="{{ learning_path.image_url }}"
class="np-top-image"
alt="{{ learning_path.name }}"
/>
<div class="np-top-cta">
{% include "learning_path_progress_and_cta" %}
</div>
</div>
{% if learning_path.in_progress? %}
{% include "learning_path_outline" %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "learning_path_description" %}
</div>
{% else %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "learning_path_description" %}
</div>
<div class="np-card-spacing">
{% include "learning_path_outline" %}
</div>
{% endif %}
{% if learning_path.instructors.any? %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "learning_path_instructors" %}
</div>
{% endif %}

27
Custom_Templates/customer_templates/GoGuardian/_learning_path_outline.html.liquid Normal file
View File

@ -0,0 +1,27 @@
<div class="np-learning-path-outline training-session-lp">
<div class="session_lock">
{%include "learning_path_training_session_locked"%}
</div>
<div class="session_unlock">
{%include "learning_path_training_session_unlocked"%}
</div>
</div>
<div class="np-learning-path-outline">
{% for item in learning_path.items %}
{% if item.course? %}
{% include "learning_path_course", course: item %}
{% endif %}
{% endfor %}
</div>
<style>
.session_unlock {
display: flex;
flex-direction: column;
}
.session_lock {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
</style>

58
Custom_Templates/customer_templates/GoGuardian/_learning_path_training_session.html.liquid Normal file
View File

@ -0,0 +1,58 @@
{% assign webinar_string = '' %}
{% if training_session.name and training_session.name contains 'Webinar' %}
{% assign webinar_string = 'webinar' %}
{% endif %}
{% if learning_path.enrolled? and training_session.unlocked? %}
<div class="np-learning-path-outline-bar np-hidden-mobile" ></div>
<a
class="np-learning-path-outline-item np-card-container"
href="{% route training_session, id: training_session.id %}"
>
<div class="np-card-content np-card-padding">
<div class="np-events-content-date np-button-background-color">
<div class="np-events-content-month">
{{ training_session.month }}
</div>
<div class="np-events-content-day">
{{ training_session.day }}
</div>
</div>
<div class="np-learning-path-outline-content">
<div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
<div class="np-learning-path-outline-caption">{{ training_session.instructors }}</div>
<div class="np-events-content-time np-learning-path-outline-time np-button-color">
{{ training_session.time }} {{ training_session.time_zone }}
</div>
</div>
<i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
{% if training_session.optional? %}
<div class="np-optional-ribbon">
{% t shared.optional %}
</div>
{% endif %}
</div>
</a>
{% else %}
<div class="np-learning-path-outline-item np-card-container np-learning-path-outline-inactive-item webinar-outline">
<div class="np-card-content np-card-padding">
<div class="np-events-content-date np-button-background-color">
<div class="np-events-content-month">
{{ training_session.month }}
</div>
<div class="np-events-content-day">
{{ training_session.day }}
</div>
</div>
<div class="np-learning-path-outline-content">
<div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
<div class="np-learning-path-outline-caption">{{ training_session.caption }}</div>
</div>
{% if training_session.optional? %}
<div class="np-optional-ribbon">
{% t shared.optional %}
</div>
{% endif %}
</div>
</div>
{% endif %}

34
Custom_Templates/customer_templates/GoGuardian/_learning_path_training_session_locked.html.liquid Normal file
View File

@ -0,0 +1,34 @@
{% for item in learning_path.items %}
{% if item.training_event? %}
{% assign webinar_string = '' %}
{% assign training_session = item %}
{% if training_session.name and training_session.name contains 'Webinar' %}
{% assign webinar_string = 'webinar' %}
{% endif %}
{% if learning_path.enrolled? and training_session.unlocked? %}
{% else %}
<div class="np-learning-path-outline-item np-card-container np-learning-path-outline-inactive-item webinar-outline">
<div class="np-card-content np-card-padding">
<div class="np-events-content-date np-button-background-color">
<div class="np-events-content-month">
{{ training_session.month }}
</div>
<div class="np-events-content-day">
{{ training_session.day }}
</div>
</div>
<div class="np-learning-path-outline-content">
<div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
<div class="np-learning-path-outline-caption">{{ training_session.caption }}</div>
</div>
{% if training_session.optional? %}
<div class="np-optional-ribbon">
{% t shared.optional %}
</div>
{% endif %}
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}

40
Custom_Templates/customer_templates/GoGuardian/_learning_path_training_session_unlocked.html.liquid Normal file
View File

@ -0,0 +1,40 @@
{% for item in learning_path.items %}
{% if item.training_event? %}
{% assign webinar_string = '' %}
{% assign training_session = item %}
{% if training_session.name and training_session.name contains 'Webinar' %}
{% assign webinar_string = 'webinar' %}
{% endif %}
{% if learning_path.enrolled? and training_session.unlocked? %}
<div class="np-learning-path-outline-bar np-hidden-mobile" ></div>
<a
class="np-learning-path-outline-item np-card-container"
href="{% route training_session, id: training_session.id %}"
>
<div class="np-card-content np-card-padding">
<div class="np-events-content-date np-button-background-color">
<div class="np-events-content-month">
{{ training_session.month }}
</div>
<div class="np-events-content-day">
{{ training_session.day }}
</div>
</div>
<div class="np-learning-path-outline-content">
<div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
<div class="np-learning-path-outline-caption">{{ training_session.instructors }}</div>
<div class="np-events-content-time np-learning-path-outline-time np-button-color">
{{ training_session.time }} {{ training_session.time_zone }}
</div>
</div>
<i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
{% if training_session.optional? %}
<div class="np-optional-ribbon">
{% t shared.optional %}
</div>
{% endif %}
</div>
</a>
{% endif %}
{% endif %}
{% endfor %}

59
Custom_Templates/customer_templates/GoGuardian/_resources_cards_course.html.liquid Normal file
View File

@ -0,0 +1,59 @@
<div class="np-card">
<div class="np-card-container">
{% if course.ribbon %}
<div class="np-card-ribbon">
{{ course.ribbon }}
</div>
{% endif %}
<img
class="np-card-image"
alt="{{ course.name }}"
src="{{ course.image_url }}"
>
<div class="np-card-content np-card-content-vertical np-card-padding">
<h3 class="np-card-content-title">
{{ course.name }}
</h3>
<div class="np-card-content-subtitle">
{{ course.instructor_names }}
</div>
<div class="np-card-content-footer">
<div class="np-card-content-progress np-button-color">
{% t shared.progress, count: course.progress %}
</div>
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
{% if course.has_to_restart? %}
{% include "course_version_outdated_popup", path: course_path %}
{% endif %}
{% if course.learner_can_retake? %}
<form action="{% route course_retake, id: course.id %}" method="POST">
{% form_authenticity_token %}
<button type="submit" class="np-button np-button-wide">
Retake Course
</button>
</form>
{% else %}
<a
class="np-button np-button-wide"
{% 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 %}
>
{% if course.enrolled? == false %}
{% t shared.enroll %}
{% elsif course.started? == false %}
{% t shared.course.start, key: current_school.course_vocabulary %}
{% elsif course.completed? %}
{% t shared.course.view, key: current_school.course_vocabulary %}
{% else %}
{% t shared.continue %}
{% endif %}
</a>
{% endif %}
</div>
</div>
</div>
</div>

73
Custom_Templates/customer_templates/GoGuardian/_sub_navigation.html.liquid Normal file
View File

@ -0,0 +1,73 @@
<nav class="np-sub-navigation">
<div class="np-sub-navigation-content">
{% for link in navigations.sub_navigation %}
{% if link.label != 'Dashboard' and link.label != "Learning Paths"%}
<div class="np-sub-navigation-content-item {{ link.active_class }}">
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
{% if link.label == 'Home' %}
My Learning
{%else%}
{{ link.label }}
{% endif %}
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
{% endif %}
{% endfor %}
<div id='communication' class="np-sub-navigation-content-item np-sub-navigation-content-item-inactive">
<a class="np-sub-navigation-content-item-link" href="/app/communication">
<i class="far fa-address-card np-button-color np-sub-navigation-content-item-icon"></i>
Communication
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div id='resources' class="np-sub-navigation-content-item np-sub-navigation-content-item-inactive">
<a class="np-sub-navigation-content-item-link" href="/app/resources">
<i class="far fa-book-open np-button-color np-sub-navigation-content-item-icon"></i>
Resources
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div id='explore' class="np-sub-navigation-content-item np-sub-navigation-content-item-inactive">
<a class="np-sub-navigation-content-item-link" href="/app/explore">
<i class="far fa-search np-button-color np-sub-navigation-content-item-icon"></i>
Explore
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
</div>
</nav>
<script>
document.addEventListener('DOMContentLoaded', () => {
const catalog = document.getElementById('catalog');
const communication = document.getElementById('communication');
const explore = document.getElementById('explore');
const resources = document.getElementById('resources');
if (window.location.href.split('/')[4] === "catalog") {
catalog.classList.add('np-sub-navigation-content-item-active');
catalog.classList.remove('np-sub-navigation-content-item-inactive');
} else if (window.location.href.split('/')[4] === "communication") {
communication.classList.add('np-sub-navigation-content-item-active');
communication.classList.remove('np-sub-navigation-content-item-inactive');
}
else if (window.location.href.split('/')[4] === "explore") {
explore.classList.add('np-sub-navigation-content-item-active');
explore.classList.remove('np-sub-navigation-content-item-inactive');
}
else if (window.location.href.split('/')[4] === "resources" || window.location.href.split('/')[4] === "edulastic" || window.location.href.split('/')[4] === "goguardian" || window.location.href.split('/')[4] === "pear-deck") {
resources.classList.add('np-sub-navigation-content-item-active');
resources.classList.remove('np-sub-navigation-content-item-inactive');
}
else {
catalog.classList.remove('np-sub-navigation-content-item-active"');
communication.classList.remove('np-sub-navigation-content-item-active');
}
});
</script>

13
Custom_Templates/customer_templates/GoGuardian/catalog.html.liquid Normal file
View File

@ -0,0 +1,13 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% 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</div>
{% comment %} <div class="np-resource-subtitle">{{ catalog.subheadline }}</div> {% endcomment %}
</div>
</div>
{% include "courses_catalog" %}
</main>
{% include "footer" %}

250
Custom_Templates/customer_templates/GoGuardian/communication.html.liquid Normal file
View File

@ -0,0 +1,250 @@
{% include "header" %}
{% include "sub_navigation" %}
<main class="communication-page">
<div class="advocacy">
<div class="heading">Certified Coach Program Contacts</div>
<div class="subheading">For all Coach related questions</div>
<div class="advocacy-content-wrapper">
<div class="advocacy-member">
<img class="icon-image" src="https://s3.amazonaws.com/static.northpass.com/Educator's+Hub/communication-page/pear.png" alt="">
<div class="content-block">
<span class="team-member">Amber Trout, Manager, Customer Marketing</span>
<span>Pear Deck Specialist</span>
<span>Email: <a class="communication-link" href="mailto:amber@goguardian.com">amber@goguardian.com</a></span>
<span>Twitter: <a class="communication-link" href="https://twitter.com/AmberPearDeck">@AmberPearDeck</a></span>
</div>
</div>
<div class="advocacy-member">
<img class="icon-image" src="https://s3.amazonaws.com/static.northpass.com/Educator's+Hub/communication-page/goguardian.png" alt="">
<div class="content-block ">
<span class="team-member">Mary Alys Foutz, Senior Customer Marketing Manager</span>
<span>GoGuardian Teacher Certified Coach Program Specialist</span>
<span>Email: <a class="communication-link" href="mailto:malysfoutz@goguardian.com">malysfoutz@goguardian.com</a></span>
<span>Twitter: <a class="communication-link" href="https://twitter.com/MA_PearDeck">@MA_PearDeck</a></span>
</div>
</div>
<div class="advocacy-member">
<img class="icon-image" src="https://s3.amazonaws.com/static.northpass.com/Educator's+Hub/communication-page/edulastic.png" alt="">
<div class="content-block ">
<span class="team-member">Gary Giordano, Customer Marketing Manager</span>
<span>Edulastic Certified Coach Program Specialist</span>
<span>Email: <a class="communication-link" href="mailto:gary@goguardian.com">gary@goguardian.com</a></span>
<span>Twitter: <a class="communication-link" href="https://twitter.com/GaryPearDeck">@GaryPearDeck</a></span>
</div>
</div>
</div>
</div>
<div class="information-wrapper">
<div class="info">
<img class="icon-image" src="https://s3.amazonaws.com/static.northpass.com/Educator's+Hub/communication-page/newsletter.png" alt="">
<div class="info-text">
<div class="bold-heading info-heading">Coach Newsletters</div>
<div class="content">You'll receive the Pear Deck, GoGuardian Teacher, or Edulastic Coach newsletter in your inbox on a quarterly basis with announcements about new features before they're publicly released, opportunities to present at conferences, invitations to write for our blog, and more! Don't worry about signing up — you are automatically subscribed!</div>
</div>
</div>
{% comment %} <div class="heading">Stay Connected</div>
<div class="info">
<img class="icon-image" src="https://s3.amazonaws.com/static.northpass.com/Educator's+Hub/communication-page/slack.png" alt="">
<div class="info-text">
<div class="bold-heading info-heading">Slack</div>
<div class="content">Slack is an instant messaging platform that Coaches use to stay connected. During your training, you’ll be part of a private group with other educators from your cohort. Join the broader Coach community <a class="communication-link" href="https://educatorshub.slack.com/archives/CQ0UD78UD">here</a>!</div>
</div>
</div> {% endcomment %}
</div>
<div class="general-contacts">
<div class="heading">General Contacts</div>
<div class="subheading">For all non-Coach related questions</div>
<div class="general-contacts-content-wrapper">
<div class="general-contact-member">
<div class="content-block">
<span class="team-member">Jacklyn Grummel</span>
<span>Manager, Customer Education</span>
<span>Email: <a class="communication-link" href="mailto:jgrummel@goguardian.com" target="_blank">jgrummel@goguardian.com</a></span>
</div>
</div>
<div class="advocacy-member">
<div class="content-block ">
<span class="team-member">Elizabeth Navarro</span>
<span>Senior Customer Education Specialist</span>
<span>Email: <a class="communication-link" href="mailto:enavarro@goguardian.com" target="_blank">enavarro@goguardian.com</a></span>
</div>
</div>
</div>
</div>
{% comment %} <div class="heading">General News</div>
<div class="content text-center">Want to be in the know about everything Pear Deck, GoGuardian, or Edulastic? Sign up for the general newsletter to get your name on the list. </div>
<div class="sub-container">
<div class="subscribe">
<div class="bold-heading sub-heading">Subscribe to Pear Deck news</div>
<div class="sub-link-container">
<a class="communication-link sub-link" href="https://www.peardeck.com/newsletter">Subscribe</a>
</div>
</div>
<div class="subscribe">
<div class="bold-heading sub-heading">Subscribe to GoGuardian news</div>
<div class="sub-link-container">
<a class="communication-link sub-link" href="https://www.goguardian.com/newsletter">Subscribe</a>
</div>
</div>
<div class="subscribe">
<div class="bold-heading sub-heading">Subscribe to Edulastic news</div>
<div class="sub-link-container">
<a class="communication-link sub-link" href="https://edulastic.com/newsletter/">Subscribe</a>
</div>
</div>
</div> {% endcomment %}
</main>
{% include "footer" %}
<style>
.text-center {
text-align: center;
}
.communication-page {
margin: 20px 4%;
}
.communicaton-heading {
background: #0c65b8;
color: #fff;
font-weight: bold;
padding: 1rem 1.5rem;
font-size: 1.5rem;
text-align: center;
}
.bold-heading {
font-weight: bold;
color: #000;
}
.content-block, .info {
margin: 1rem 0;
}
.content-block br {
margin: 3px;
}
.info {
display: flex;
max-width: 1000px;
background: #fff;
padding: 1.5rem 0;
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.info-text {
display: flex;
flex-direction: column;
justify-content: center;
}
.advocacy,
.general-contacts {
display: flex;
flex-direction: column;
align-items: center;
}
.advocacy-content-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 15px;
grid-row-gap: 0px;
}
.general-contacts-content-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 15px;
grid-row-gap: 0px;
}
@media only screen and (max-width: 1040px) {
.advocacy-content-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
@media only screen and (max-width: 740px) {
.advocacy-content-wrapper,
.general-contacts-content-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
.content-block {
display: flex;
flex-direction: column;
padding: 1rem;
}
.team-member {
font-weight: bold;
margin-bottom: 5px;
}
.information-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.info-heading {
margin-bottom: 0.5rem;
font-size: 1.2rem;
}
.subscribe {
background: #fff;
margin: 1rem 0;
padding: 1.5rem;
border-radius: 12px;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.sub-heading {
margin-bottom: 1.5rem;
}
.sub-link {
background: #0c65b8;
color: #fff;
text-decoration: none;
padding: 10px 15px;
border-radius: 8px;
font-weight: bold;
font-size: 0.85rem;
}
.sub-link-container {
display: flex;
justify-content: center;
}
.sub-container {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
gap: 15px;
margin-bottom: 2rem;
}
.heading {
text-align: center;
font-size: 1.5rem;
font-weight: bold;
color: #000;
margin: 32px 0 12px;
}
.subheading {
text-align: center;
font-size: 18px;
color: #000;
margin: 0 0 1rem;
}
.advocacy-member,
.general-contact-member {
display: flex;
background: #fff;
padding: 0.5rem;
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
margin: 10px;
align-items: center;
}
.icon-image {
height: 100px;
padding: 1rem;
}
</style>

3
Custom_Templates/customer_templates/GoGuardian/dashboard.html.liquid Normal file
View File

@ -0,0 +1,3 @@
<script>
window.location.replace("https://goguardian-academy.northpass.com/app");
</script>

34
Custom_Templates/customer_templates/GoGuardian/edulastic.html.liquid Normal file
View File

@ -0,0 +1,34 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% 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">Edulastic Resource</div>
{% comment %} <div class="np-resource-subtitle">{{ catalog.subheadline }}</div> {% endcomment %}
</div>
</div>
{% assign any_courses = false %}
<div class="np-catalog-courses row row-with-thumbnails">
{% for course in courses.in_catalog %}
{% for category in course.categories %}
{% if category.name == 'Edulastic Resource' %}
{% assign any_courses = true %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "resources_cards_course" with course %}
</div>
{% endif %}
{% endfor %}
{% endfor %}
</div>
{% if any_courses == false %}
{% capture message %}
{% t shared.zero_state.courses.catalog,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}
</main>
{% include "footer" %}

31
Custom_Templates/customer_templates/GoGuardian/explore.html.liquid Normal file
View File

@ -0,0 +1,31 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% 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">Interest Forms</div>
{% comment %} <div class="np-resource-subtitle">{{ catalog.subheadline }}</div> {% endcomment %}
</div>
</div>
{% if courses.in_catalog.any? %}
<div class="np-catalog-courses row row-with-thumbnails">
{% for course in courses.in_catalog %}
{% if course.properties.featured_courses == true %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endif %}
{% endfor %}
</div>
{% else %}
{% capture message %}
{% t shared.zero_state.courses.catalog,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}
</main>
{% include "footer" %}

34
Custom_Templates/customer_templates/GoGuardian/goguardian.html.liquid Normal file
View File

@ -0,0 +1,34 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% 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">GoGuardian Resource</div>
{% comment %} <div class="np-resource-subtitle">{{ catalog.subheadline }}</div> {% endcomment %}
</div>
</div>
{% assign any_courses = false %}
<div class="np-catalog-courses row row-with-thumbnails">
{% for course in courses.in_catalog %}
{% for category in course.categories %}
{% if category.name == 'GoGuardian Resource' %}
{% assign any_courses = true %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "resources_cards_course" with course %}
</div>
{% endif %}
{% endfor %}
{% endfor %}
</div>
{% if any_courses == false %}
{% capture message %}
{% t shared.zero_state.courses.catalog,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}
</main>
{% include "footer" %}

81
Custom_Templates/customer_templates/GoGuardian/homepage.html.liquid Normal file
View File

@ -0,0 +1,81 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.featured %}
<main class="np-main np-homepage">
<div class="np-homepage-hero">
<img class="np-homepage-hero-image"
src="{{ homepage.artwork_url }}"
alt="{{ homepage.headline }}"
/>
<div class="np-homepage-hero-content">
<div class="np-homepage-headline np-header-font-color">
{{ homepage.headline }}
</div>
<div class="np-homepage-subheadline np-header-font-color">
{{ homepage.subheadline }}
</div>
</div>
</div>
{% if current_person.signed_in? %}
{% include "sub_navigation" %}
{%endif%}
{% comment %} <div class="np-homepage-featured np-max-width">
<div class="np-homepage-featured-text">
<div class="np-homepage-headline">
{{ homepage.featured_courses_headline }}
</div>
<div class="np-homepage-subheadline">
{{ homepage.featured_courses_subheadline }}
</div>
</div>
{% if courses.featured.any? %}
<div class="np-homepage-featured-courses row">
{% for course in courses.featured %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endfor %}
</div>
{% else %}
<div class="np-homepage-featured-empty">
<div class="np-zero-state-text">
{% t .empty, key: current_school.course_vocabulary %}
</div>
<img
class="np-zero-state-courses"
alt="{% t .empty, key: current_school.course_vocabulary %}"
/>
</div>
{% endif %} {% endcomment %}
<div 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>
{% if current_person.signed_in? %}
{% include "learning_paths_index", items: learning_paths.enrolled %}
{% endif %}
{% 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>
{% if current_person.signed_in? %}
{% include "training_events_dashboard" %}
{% endif %}
</div>
{% endif %}
{% if current_person.signed_in? %}
{% include "courses_index", class: "col-xs-12 col-md-6 col-lg-4 np-stretch-content" %}
{% endif %}
</div>
</div>
</div>
</main>
{% include "footer" %}

20
Custom_Templates/customer_templates/GoGuardian/learning_path.html.liquid Normal file
View File

@ -0,0 +1,20 @@
{% include "header" %}
<main class="np-main np-max-width np-page-container">
<div class="np-hidden-mobile" id="learning-path-desktop">
{% include "learning_path_desktop_view" %}
</div>
<div class="np-hidden-desktop" id="learning-path-mobile">
{% include "learning_path_mobile_view" %}
</div>
</main>
{% include "footer" %}
<script>
const title = document.querySelector('.lp-title')
const banner = document.querySelectorAll('.np-optional-ribbon')
banner.forEach((e) => {
e.style.display="none";
})
</script>

34
Custom_Templates/customer_templates/GoGuardian/pear-deck.html.liquid Normal file
View File

@ -0,0 +1,34 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% 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">Pear Deck Resource</div>
{% comment %} <div class="np-resource-subtitle">{{ catalog.subheadline }}</div> {% endcomment %}
</div>
</div>
{% assign any_courses = false %}
<div class="np-catalog-courses row row-with-thumbnails">
{% for course in courses.enrolled %}
{% for category in course.categories %}
{% if category.name == 'Pear Deck Resource' %}
{% assign any_courses = true %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "resources_cards_course" with course %}
</div>
{% endif %}
{% endfor %}
{% endfor %}
</div>
{% if any_courses == false %}
{% capture message %}
{% t shared.zero_state.courses.catalog,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}
</main>
{% include "footer" %}

218
Custom_Templates/customer_templates/GoGuardian/resources.html.liquid Normal file
View File

@ -0,0 +1,218 @@
{% include "header" %}
{% include "sub_navigation" %}
<main class="communication-page">
<div class="information-wrapper">
<div class="heading">Resource Library</div>
<div class="info info-resource">
<div class="info-text">
<div class="bold-heading info-heading text-center">Welcome to the Resource Library! Explore the sections below to find product specific training courses and resources.</div>
<div class="content"></div>
</div>
</div>
</div>
<div class="information-wrapper">
<div class="information-container">
<a class="info info-connected" href="/app/pear-deck">
<img class="icon-image" src="https://s3.amazonaws.com/static.northpass.com/Educator's+Hub/communication-page/pear.png" alt="">
<div class="info-text info-text-connected">
<div class="bold-heading info-heading text-center">Pear Deck</div>
<div class="content"></div>
</div>
</a>
<a class="info info-connected" href="/app/goguardian">
<img class="icon-image" src="https://s3.amazonaws.com/static.northpass.com/Educator's+Hub/communication-page/goguardian.png" alt="">
<div class="info-text info-text-connected">
<div class="bold-heading info-heading text-center">GoGuardian</div>
<div class="content"></div>
</div>
</a>
<a class="info info-connected" href="/app/edulastic">
<img class="icon-image" src="https://s3.amazonaws.com/static.northpass.com/Educator's+Hub/communication-page/edulastic.png" alt="">
<div class="info-text info-text-connected">
<div class="bold-heading info-heading text-center">Edulastic</div>
<div class="content"></div>
</div>
</a>
</div>
</div>
{% comment %} <div class="heading">General News</div>
<div class="content text-center">Want to be in the know about everything Pear Deck, GoGuardian, or Edulastic? Sign up for the general newsletter to get your name on the list. </div>
<div class="sub-container">
<div class="subscribe">
<div class="bold-heading sub-heading">Subscribe to Pear Deck news</div>
<div class="sub-link-container">
<a class="communication-link sub-link" href="https://www.peardeck.com/newsletter">Subscribe</a>
</div>
</div>
<div class="subscribe">
<div class="bold-heading sub-heading">Subscribe to GoGuardian news</div>
<div class="sub-link-container">
<a class="communication-link sub-link" href="https://www.goguardian.com/newsletter">Subscribe</a>
</div>
</div>
<div class="subscribe">
<div class="bold-heading sub-heading">Subscribe to Edulastic news</div>
<div class="sub-link-container">
<a class="communication-link sub-link" href="https://edulastic.com/newsletter/">Subscribe</a>
</div>
</div>
</div> {% endcomment %}
</main>
{% include "footer" %}
<style>
.info-text-connected {
margin: 1rem;
}
.text-center {
text-align: center;
}
.communication-page {
margin: 20px 4%;
}
.communicaton-heading {
background: #0c65b8;
color: #fff;
font-weight: bold;
padding: 1rem 1.5rem;
font-size: 1.5rem;
text-align: center;
}
.bold-heading {
font-weight: bold;
color: #000;
}
.content-block, .info {
margin: 1rem 0;
}
.content-block br {
margin: 3px;
}
.info {
display: flex;
max-width: 1000px;
background: #fff;
padding: 1.5rem;
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
flex-direction: column;
align-items: center;
justify-content: center;
}
.info-connected {
max-width: 300px;
margin: 1rem;
text-decoration: none;
transition: transform .2s
}
.info-connected:hover {
transform: scale(1.20);
}
.info-text {
display: flex;
flex-direction: column;
justify-content: center;
}
.advocacy {
display: flex;
flex-direction: column;
align-items: center;
}
.advocacy-content-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 15px;
grid-row-gap: 0px;
}
@media only screen and (max-width: 1040px) {
.advocacy-content-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 740px) {
.advocacy-content-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
.info-resource {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.content-block {
display: flex;
flex-direction: column;
padding: 1rem;
}
.team-member {
font-weight: bold;
margin-bottom: 5px;
}
.information-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.info-heading {
margin-bottom: 0.5rem;
font-size: 1.2rem;
}
.subscribe {
background: #fff;
margin: 1rem 0;
padding: 1.5rem;
border-radius: 12px;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.sub-heading {
margin-bottom: 1.5rem;
}
.sub-link {
background: #0c65b8;
color: #fff;
text-decoration: none;
padding: 10px 15px;
border-radius: 8px;
font-weight: bold;
font-size: 0.85rem;
}
.sub-link-container {
display: flex;
justify-content: center;
}
.sub-container {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
gap: 15px;
margin-bottom: 2rem;
}
.heading {
text-align: center;
font-size: 1.5rem;
font-weight: bold;
color: #000;
margin: 1rem 0;
}
.information-container {
display: flex;
}
.advocacy-member {
display: flex;
background: #fff;
padding: 0.5rem;
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
margin: 10px;
align-items: center;
}
.icon-image {
padding: 1rem;
max-width: 150px;
}
</style>

38
Custom_Templates/customer_templates/GoGuardian/styles.css.liquid Normal file
View File

@ -0,0 +1,38 @@
/*
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 }}
*/
.np-card {
padding: 12px !important;
}
.np-sub-navigation {
margin-bottom: 0px;
}
.training-session-lp {
margin-top: 1rem;
}
.webinar-outline {
margin-top: 0;
}
@media screen and (min-width: 768px) {
.lp-image {
width: 100%;
display: flex;
}
.np-learning-path-image {
object-fit: unset;
width: 100% !important;
}
.learning-path-image {
object-fit: contain;
}
}

6
Custom_Templates/customer_templates/Howard-Hanna/_header.html.liquid
View File

@ -1,4 +1,4 @@
{%- comment -%}
{%- comment -%}
BHG Rand Realty - Mortgage 8f637c703ec45ac5dec70ee9517155aa0d9775c2
Howard Hanna | Rand Realty 613932dbeb1595c00b78de8d1860a3bfdb479b22
Howard Hanna Rand Realty 176629fa82da1d03f3d58c81e751e61b9836a46d
@ -17,7 +17,7 @@
{% for group in current_person.groups %}
{% if group.enrollment_code == "1817d8c96780f13abbf0f2023e3b26b3bd43d248" %}
{% assign isAllenTate = true %}
{% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
{% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
{% assign isHowardHanna = true %}
{% elsif rand_realty_groups contains group.enrollment_code %}
@ -34,4 +34,4 @@
{% elsif isRandRealty %}
{% include "header_rand" %}
{% endif %}
{% endfor %}
{% endfor %}

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

@ -190,7 +190,7 @@
</li>
<li>
<a href="https://in.leadingre.com" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
<a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
Institute by LeadingRE
</a>
</li>

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

@ -170,7 +170,7 @@
{% for group in current_person.groups %}
{% if group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d" %}
<div class="white-background">
<a href="https://in.leadingre.com" target="_blank">Institute by LeadingRE</a>
<a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank">Institute by LeadingRE</a>
</div>
{% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}

10
Custom_Templates/customer_templates/Howard-Hanna/_header_rand.html.liquid
View File

@ -105,7 +105,7 @@
<a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
Affiliated Learning Links
</a>
<div class="survey-tooltip">
<div class="survey-tooltip">
<div class="white-background">
<a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank">Institute by LeadingRE</a>
</div>
@ -150,7 +150,7 @@
</div>
</div>
</li>
{%- comment -%}
{%- comment -%}
<li class="live-workshops">
<a href="https://www.hannauniversity.com/#ChecklistResources" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
Checklists & Resources
@ -373,7 +373,7 @@
}
.live-workshops:hover .survey-tooltip {
visibility: visible;
visibility: visible;
}
.survey-tooltip:hover {
@ -397,5 +397,5 @@
line-height: 2;
padding: 10px 20px;
}
</style>
</style>