Added Talkspace templates, made some changes to Skuid's script and started the Blacklane script
This commit is contained in:
Norm Rasmussen
BIN
Custom_Templates/customer_templates/.DS_Store
vendored
BIN
Custom_Templates/customer_templates/.DS_Store
vendored
Binary file not shown.
@ -0,0 +1,74 @@
|
||||
<footer class="np-footer">
|
||||
<div class="np-footer-top">
|
||||
{% if website_footer.show_navigation_links? %}
|
||||
<div class="np-footer-navigation">
|
||||
<ul class="np-footer-navigation-list">
|
||||
{% for website_navigation in navigations.footer_navigations %}
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link np-button-color"
|
||||
href="{{ website_navigation.path }}"
|
||||
{% if website_navigation.external? %} target="_blank" {% endif %}
|
||||
>
|
||||
For support, please email training@talkspace.com
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if current_school.logo_url %}
|
||||
<h2 class="np-footer-logo">
|
||||
<a href="{% route home %}">
|
||||
{% comment %} <img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-footer-logo-image"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>{% endcomment %}
|
||||
</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>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
</footer>
|
||||
@ -0,0 +1,11 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
|
||||
<script>
|
||||
let url = window.location.href;
|
||||
|
||||
if(url == 'https://talkspacefountain.northpass.com/app/courses' || url == 'https://talkspacefountain.northpass.com/app/catalog' || url == 'https://talkspacefountain.northpass.com/app/learning_paths' || url == 'https://talkspacefountain.northpass.com/app/training_events'){
|
||||
window.location.href = 'https://talkspace-sandbox.northpass.com/app';
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,180 @@
|
||||
<header class="np-header np-header-color">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
{% 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 %}
|
||||
</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 %}
|
||||
|
||||
<div class="np-hidden-mobile np-header-desktop-nav">
|
||||
<ul class="np-header-desktop-nav-list">
|
||||
{% for website_navigation in navigations.header_navigations_external %}
|
||||
<li class= "np-header-desktop-nav-item">
|
||||
<a
|
||||
href="{{ website_navigation.path }}"
|
||||
class="np-header-desktop-nav-link np-header-font-color"
|
||||
target="_blank"
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{% 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 %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<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>
|
||||
|
||||
{% include "messages" %}
|
||||
@ -0,0 +1,40 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
{% comment %}{% include "sub_navigation" %}{% endcomment %}
|
||||
<div class="my-course-banner"></div>
|
||||
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="uk-container uk-container-center">
|
||||
<div class="uk-padding-horizontal">
|
||||
<div class="my-course-banner-content">
|
||||
<h3 class="custom-title"><img src="{{ current_school.logo_url }}" width="130" alt="TALKSPACE FOUNTAIN LOGO" style="width: 20rem; margin-bottom: -3rem;"></h3>
|
||||
<p class=""np-resource-title" style="font-size: 1.5rem; font-weight: 600; margin-bottom: -1rem;">Hi {{current_person.first_name}}! 👋</p>
|
||||
<div> <p style="font-weight: 500;">Please complete all your 2023 Compliance Courses.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12">
|
||||
{% comment %}{% 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>{% endcomment %}
|
||||
{% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
|
||||
</div>
|
||||
{% comment %}{% if features.training_events? %}
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-4">
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t .upcoming_events %}
|
||||
</div>
|
||||
{% include "training_events_dashboard" %}
|
||||
</div>
|
||||
{% endif %}{% endcomment %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
@ -0,0 +1,56 @@
|
||||
{% comment %}{% 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>
|
||||
<a class="np-homepage-hero-cta np-button" href="{% route catalog %}">
|
||||
{% t .discover %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<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 %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}{% endcomment %}
|
||||
|
||||
<script>
|
||||
window.location.href = 'https://talkspacefountain.northpass.com/app/dashboard';
|
||||
</script>
|
||||
@ -0,0 +1,192 @@
|
||||
/*
|
||||
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 }}
|
||||
*/
|
||||
|
||||
/*========= Header ==========*/
|
||||
.np-header{
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.np-header-font-background-color{
|
||||
background: #000;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.np-header {
|
||||
height: 80px;
|
||||
padding: 0 4%;
|
||||
position: inherit;
|
||||
}
|
||||
}
|
||||
/* ---------------------------------------------------------------------------------------------------------------- */
|
||||
/*========= Course banner==========*/
|
||||
.my-course-banner{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
background-color: #0FC1A7;
|
||||
/* background-image: url(https://dvtemp.doubleverify.com/wp-content/uploads/2019/11/large-purple-v.svg); */
|
||||
/* background-repeat: no-repeat; */
|
||||
}
|
||||
.my-course-banner-content{
|
||||
position: relative;
|
||||
width: 1014px;
|
||||
max-width: 100%;
|
||||
min-height: 247px;
|
||||
margin: 0 auto;
|
||||
margin-top: -124px;
|
||||
margin-bottom: 3rem;
|
||||
padding: 33px 40px 25px;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
|
||||
border-radius: 10px;
|
||||
}
|
||||
.my-course-banner-content p {
|
||||
padding: 27px 10px 0;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
line-height: 1.64em;
|
||||
}
|
||||
a.continue-start-btn{
|
||||
color: #14113B;
|
||||
display: block;
|
||||
margin: 0 0 10px;
|
||||
line-height: 1em;
|
||||
font-weight: bold;
|
||||
letter-spacing: 0.025em;
|
||||
text-indent: 2px;
|
||||
}
|
||||
.uk-container.school-website-course-index-list {
|
||||
max-width: 1200px !important;
|
||||
margin-bottom: 75px !important;
|
||||
}
|
||||
.school-website-course-list > li {
|
||||
padding-left: 40px;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.school-website-course-index-list .uk-width-1-1.uk-padding {
|
||||
padding: 0 !important;
|
||||
}
|
||||
/* ---------------------------------------------------------------------------------------------------------------- */
|
||||
/*========= Buttons ==========*/
|
||||
.np-button,
|
||||
.np-button-background-color{
|
||||
background: #0FC1A7 !important;
|
||||
}
|
||||
|
||||
.np-button-color{
|
||||
color: #0FC1A7;
|
||||
}
|
||||
|
||||
.np-button:hover{
|
||||
background: #263159;
|
||||
}
|
||||
/* ---------------------------------------------------------------------------------------------------------------- */
|
||||
/*========footer part ========*/
|
||||
.footer-main{
|
||||
background-color: #fff;
|
||||
color: #fff;
|
||||
padding-top: 19px;
|
||||
padding-bottom: 17px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 -1px 2px rgba(0,0,0,0.15);
|
||||
}
|
||||
.footer-logo{
|
||||
text-align: left;
|
||||
}
|
||||
.footer-main h3{
|
||||
font-size: 16px;
|
||||
line-height: 25px;
|
||||
margin-bottom: 6px;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
.footer-menu-col ul {
|
||||
padding-right: 10px;
|
||||
padding-left: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.footer-main .footer-menu-col li {
|
||||
margin-bottom: 12px;
|
||||
display: list-item;
|
||||
list-style-type: none;
|
||||
}
|
||||
.footer-main .footer-menu-col li:before{
|
||||
display: none;
|
||||
}
|
||||
.footer-main .footer-menu-col a {
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
color: #68667d;
|
||||
transition: color .2s ease-in-out;
|
||||
text-decoration: none;
|
||||
}
|
||||
.footer-main .footer-menu-col a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.footer-divder {
|
||||
position: relative;
|
||||
height: 197px;
|
||||
}
|
||||
.footer-divder:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
top: 5px;
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
background-color: #5e5f75;
|
||||
}
|
||||
.footer-form-wrap {
|
||||
padding-top: 14px;
|
||||
padding-bottom: 49px;
|
||||
}
|
||||
.footer-socials-wrap {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.footer-social-left {
|
||||
padding-top: 12px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
.footer-social-left a {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.footer-social-right {
|
||||
padding-top: 5px;
|
||||
margin-right: -19px;
|
||||
}
|
||||
.footer-social-right a {
|
||||
margin-right: 19px;
|
||||
}
|
||||
input.email-field{
|
||||
width: 100%;
|
||||
background-color: #f9f9fa;
|
||||
border: 1px solid #d5d4dc;
|
||||
border-radius: 3px;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
color: #68667d;
|
||||
transition: border-color .1s ease-in-out;
|
||||
display: block;
|
||||
height: 40px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.submit-btn{
|
||||
display: none;
|
||||
}
|
||||
.sk-branding-banner{
|
||||
display: none !important;
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user