Papa notes. A few other small changes.
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.
@ -1,37 +1,39 @@
|
||||
|
||||
{% assign lp_set_front_for_my_company_desc = "This learning path is for account admins who are responsible for setting up your company's Front account." %}
|
||||
{% assign lp_front_for_daily_work_desc = "This learning path is for Front users who will be using Front for their daily work and team collaboration." %}
|
||||
{% assign lp_make_smarter_decisions_with_front_analytics_desc = "This learning path is for users who want to leverage Front Analytics to help them make more intelligent and insightful business decisions."%}
|
||||
{% assign lp_make_smarter_decisions_with_front_analytics_desc = "This learning path is for users who want to leverage Front Analytics to help them make more intelligent and insightful business decisions." %}
|
||||
|
||||
{% assign lp_front_administrator_certification = "Be recognized for your in-depth knowledge of Front and earn your company's trust as the go-to expert for all things Front by becoming a Front Certified Administrator!" %}
|
||||
|
||||
<div class="np-card np-card-learning-path-vertical">
|
||||
<div class="np-card-container">
|
||||
<img
|
||||
alt="{{ learning_path.name }}"
|
||||
class="course-card-image"
|
||||
src="{{ learning_path.image_url }}"
|
||||
/>
|
||||
src="{{ learning_path.image_url }}" />
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<div class="np-card-header-type eyebrow-lg">{% t shared.learning_path.title %}</div>
|
||||
<h3 class="np-card-content-title header-5 fw-semibold">
|
||||
{% if learning_path.name == "Make smarter decisions with Front analytics" %}
|
||||
Front Analytics
|
||||
{%else%}
|
||||
{% else %}
|
||||
{{ learning_path.name }}
|
||||
{%endif%}
|
||||
{% endif %}
|
||||
</h3>
|
||||
<div class="paragraph-2">
|
||||
{% if learning_path.name == "Set up Front for my company" %}
|
||||
{{lp_set_front_for_my_company_desc}}
|
||||
{{ lp_set_front_for_my_company_desc }}
|
||||
{% elsif learning_path.name == "Front for my daily work" %}
|
||||
{{lp_front_for_daily_work_desc}}
|
||||
{{ lp_front_for_daily_work_desc }}
|
||||
{% elsif learning_path.name == "Make smarter decisions with Front analytics" %}
|
||||
{{lp_make_smarter_decisions_with_front_analytics_desc}}
|
||||
{{ lp_make_smarter_decisions_with_front_analytics_desc }}
|
||||
{% elsif learning_path.name == "Front Administrator Certification" %}
|
||||
{{ lp_front_administrator_certification }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
{% comment %} <a class="fw-semibold" href="{% route learning_path, id: learning_path.id %}">
|
||||
Start Path
|
||||
<i class="far fa-long-arrow-right"></i>
|
||||
Start Path
|
||||
<i class="far fa-long-arrow-right"></i>
|
||||
</a> {% endcomment %}
|
||||
{% assign custom_path_url = "/app/learning_paths" %}
|
||||
{% if current_person.signed_in? %}
|
||||
@ -42,22 +44,22 @@
|
||||
{% elsif learning_path.name == "Front for my daily work" %}
|
||||
{% assign custom_path_url = "/app/learning-path-0e9846a6-4427-44a0-b49e-70ba3616ec7f" %}
|
||||
{% elsif learning_path.name == "Make smarter decisions with Front analytics" %}
|
||||
{% assign custom_path_url = "/app/learning_paths/dfd6953c-0cf6-4f8d-93ff-2ba18645def3"%}
|
||||
{% assign custom_path_url = "/app/learning_paths/dfd6953c-0cf6-4f8d-93ff-2ba18645def3" %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
<a class="fw-semibold" href="{% route learning_path, id: learning_path.id %}">
|
||||
Start Path
|
||||
<i class="far fa-long-arrow-right"></i>
|
||||
</a>
|
||||
{% else %}
|
||||
{% else %}
|
||||
<a class="fw-semibold" href="{{custom_path_url}}">
|
||||
Start Path
|
||||
<i class="far fa-long-arrow-right"></i>
|
||||
</a>
|
||||
{%endif%}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,154 @@
|
||||
{% assign current_date = "now" | date: "%Y-%m-%d" %}
|
||||
{% assign due_date = "August 17, 2023" | date: "%Y-%m-%d" %}
|
||||
|
||||
{% if current_date < due_date %}
|
||||
{% if training_event.sessions.first.id == 'ef7e1fd4-f079-4812-818b-639d871b9ce3' or training_event.sessions.first.id == '1d0507b5-1acf-44db-91bf-f75433a4daef' or training_event.sessions.first.id == '2f208441-c668-42dd-beae-704ad9066d8f' %}
|
||||
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
<div class="np-card-content-training-event">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ training_event.title }}
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
{% t shared.event_types, key: training_event.event_type %}
|
||||
</div>
|
||||
<div class="np-card-training-session">
|
||||
<span class="np-card-content-label">
|
||||
{% t .next_session %}
|
||||
</span>
|
||||
<div class="np-card-training-session-date">
|
||||
<div class="np-button-background-color np-card-training-session-date-bar"></div>
|
||||
<div class="np-card-training-session-date-day">
|
||||
17
|
||||
</div>
|
||||
<div>
|
||||
<div class="np-card-training-session-date-month">
|
||||
August
|
||||
</div>
|
||||
<div class="np-card-training-session-date-year">
|
||||
{{ training_event.sessions.first.year }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<div class="np-card-training-sessions">
|
||||
<i class="np-card-training-sessions-icon far fa-calendar-star"></i>
|
||||
<span class="np-card-training-sessions-label">
|
||||
{% if training_event.sessions.first.id == 'ef7e1fd4-f079-4812-818b-639d871b9ce3' %}
|
||||
{{ training_event.sessions.size | minus: 3 }} Sessions
|
||||
{% elsif training_event.sessions.first.id == '1d0507b5-1acf-44db-91bf-f75433a4daef'%}
|
||||
{{ training_event.sessions.size | minus: 2 }} Sessions
|
||||
{% elsif training_event.sessions.first.id == '2f208441-c668-42dd-beae-704ad9066d8f' %}
|
||||
{{ training_event.sessions.size | minus: 1 }} Sessions
|
||||
{% else %}
|
||||
{% t .sessions, count: training_event.sessions.size %}
|
||||
{% endif %}
|
||||
</span>
|
||||
<a
|
||||
class="np-button np-button-wide"
|
||||
href="{% route training_session, id: training_event.sessions.first.id %}"
|
||||
>
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% else %}
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
<div class="np-card-content-training-event">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ training_event.title }}
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
{% t shared.event_types, key: training_event.event_type %}
|
||||
</div>
|
||||
<div class="np-card-training-session">
|
||||
<span class="np-card-content-label">
|
||||
{% t .next_session %}
|
||||
</span>
|
||||
<div class="np-card-training-session-date">
|
||||
<div class="np-button-background-color np-card-training-session-date-bar"></div>
|
||||
<div class="np-card-training-session-date-day">
|
||||
{{ training_event.sessions.first.day }}
|
||||
</div>
|
||||
<div>
|
||||
<div class="np-card-training-session-date-month">
|
||||
{{ training_event.sessions.first.month }}
|
||||
</div>
|
||||
<div class="np-card-training-session-date-year">
|
||||
{{ training_event.sessions.first.year }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<div class="np-card-training-sessions">
|
||||
<i class="np-card-training-sessions-icon far fa-calendar-star"></i>
|
||||
<span class="np-card-training-sessions-label">
|
||||
{% t .sessions, count: training_event.sessions.size %}
|
||||
</span>
|
||||
<a
|
||||
class="np-button np-button-wide"
|
||||
href="{% route training_session, id: training_event.sessions.first.id %}"
|
||||
>
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
<div class="np-card-content-training-event">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ training_event.title }}
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
{% t shared.event_types, key: training_event.event_type %}
|
||||
</div>
|
||||
<div class="np-card-training-session">
|
||||
<span class="np-card-content-label">
|
||||
{% t .next_session %}
|
||||
</span>
|
||||
<div class="np-card-training-session-date">
|
||||
<div class="np-button-background-color np-card-training-session-date-bar"></div>
|
||||
<div class="np-card-training-session-date-day">
|
||||
{{ training_event.sessions.first.day }}
|
||||
</div>
|
||||
<div>
|
||||
<div class="np-card-training-session-date-month">
|
||||
{{ training_event.sessions.first.month }}
|
||||
</div>
|
||||
<div class="np-card-training-session-date-year">
|
||||
{{ training_event.sessions.first.year }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<div class="np-card-training-sessions">
|
||||
<i class="np-card-training-sessions-icon far fa-calendar-star"></i>
|
||||
<span class="np-card-training-sessions-label">
|
||||
{% t .sessions, count: training_event.sessions.size %}
|
||||
</span>
|
||||
<a
|
||||
class="np-button np-button-wide"
|
||||
href="{% route training_session, id: training_event.sessions.first.id %}"
|
||||
>
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -30,6 +30,9 @@
|
||||
<div class="category-filter-container">
|
||||
<input type="checkbox" class="category-filter" id="Intermediate=button">Intermediate
|
||||
</div>
|
||||
<div class="category-filter-container">
|
||||
<input type="checkbox" class="category-filter" id="Advanced=button">Advanced
|
||||
</div>
|
||||
<h4 class=" filtter-topic time-filter" style="">
|
||||
Duration
|
||||
</h4>
|
||||
@ -39,6 +42,9 @@
|
||||
<div class="category-filter-container">
|
||||
<input type="checkbox" class="category-filter" id="15-30 min=button">15-30 min
|
||||
</div>
|
||||
<div class="category-filter-container">
|
||||
<input type="checkbox" class="category-filter" id="30 min - 1 hour=button">30+ min
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -8,4 +8,10 @@
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css" integrity="sha512-wR4oNhLBHf7smjy0K4oqzdWumd+r5/+6QO/vDda76MW5iug4PT7v86FoEkySIJft3XA0Ae6axhIvHrqwm793Nw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>
|
||||
|
||||
{% if current_person.email contains '@wearehackerone.com' %}
|
||||
<script>
|
||||
window.location.href = 'https://front.com/'
|
||||
</script>
|
||||
{% endif %}
|
||||
@ -36,25 +36,4 @@
|
||||
</div>
|
||||
|
||||
|
||||
<a
|
||||
class="np-top-button np-button-font-color np-button np-button-big"
|
||||
{% if learning_path.enrolled? %}
|
||||
{% if learning_path.current_item.course? %}
|
||||
href="{% route learning_path_course, id: learning_path.current_item.id, learning_path_id: learning_path.id %}"
|
||||
{% elsif learning_path.current_item.training_event? %}
|
||||
href="{% route training_session, id: learning_path.current_item.id %}"
|
||||
{% endif %}
|
||||
{% else %}
|
||||
href="{% route learning_path_enrollment, code: learning_path.enrollment_code %}"
|
||||
{% endif %}
|
||||
>
|
||||
{% if learning_path.enrolled? == false %}
|
||||
{% t shared.enroll %}
|
||||
{% elsif learning_path.started? == false %}
|
||||
{% t shared.learning_path.start %}
|
||||
{% elsif learning_path.completed? %}
|
||||
{% t shared.learning_path.view %}
|
||||
{% else %}
|
||||
{% t shared.continue %}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big" %}
|
||||
@ -26,7 +26,7 @@
|
||||
</div>
|
||||
<div class="np-sub-navigation-content-item">
|
||||
<a class="np-sub-navigation-content-item-link" href="/training_events">
|
||||
Events
|
||||
Live Training
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</div>
|
||||
@ -0,0 +1,63 @@
|
||||
{% if training_session.approved? %}
|
||||
<div class="np-training-session-cta-note">
|
||||
<i class="far fa-check np-training-session-icon"></i>
|
||||
{% t .registered %}
|
||||
</div>
|
||||
{% elsif training_session.pending? %}
|
||||
<div class="np-training-session-cta-note np-training-session-cta-note-error">
|
||||
{% t .pending %}
|
||||
</div>
|
||||
{% elsif training_session.denied? %}
|
||||
<div class="np-training-session-cta-note np-training-session-cta-note-error">
|
||||
{% t .denied %}
|
||||
</div>
|
||||
{% elsif training_session.too_late? %}
|
||||
<div class="np-training-session-cta-note np-training-session-cta-note-error">
|
||||
{% t .too_late %}
|
||||
</div>
|
||||
{% elsif training_session.no_seats? %}
|
||||
<div class="np-training-session-cta-note np-training-session-cta-note-error">
|
||||
{% t .no_seats %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-training-session-cta">
|
||||
<div class="np-training-session-cta-buttons">
|
||||
<form
|
||||
action="{% route training_session_registration, id: training_session.id %}"
|
||||
method="post"
|
||||
>
|
||||
{% form_authenticity_token %}
|
||||
|
||||
{% if training_session.internal? and training_session.approved? %}
|
||||
{% if features.training_events_google_calendar? %}
|
||||
{% include "training_session_calendars" %}
|
||||
<button type="submit" class="np-top-button np-button np-button-big np-button-secondary">
|
||||
{% t .unregister %}
|
||||
</button>
|
||||
{% else %}
|
||||
<button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
|
||||
{% t .unregister %}
|
||||
</button>
|
||||
{% endif %}
|
||||
|
||||
<input type="hidden" name="_method" value="delete" />
|
||||
{% endif %}
|
||||
|
||||
{% if training_session.not_registered? %}
|
||||
{% if training_event.title == 'Admin Onboarding' %}
|
||||
<a class="np-top-button np-button np-button-big" href="https://frontapp.zoom.us/webinar/register/WN_RCSHLd2ORL6Ww0INh2PhFw" target="_blank">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% elsif training_event.title == 'New User Front Training' %}
|
||||
<a class="np-top-button np-button np-button-big" href="https://frontapp.zoom.us/webinar/register/WN_fyLj0oSBRGybPI2XJx149w" target="_blank">
|
||||
{% t .register %}
|
||||
</a>
|
||||
{% else %}
|
||||
<button type="submit" class="np-top-button np-button np-button-big">
|
||||
{% t .register %}
|
||||
</button>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,12 @@
|
||||
{% if current_person.signed_in?%}
|
||||
<script>
|
||||
window.location.replace('https://academy.front.com/app/learning_paths/32d888d8-c216-4d67-b059-605e77d902b4')
|
||||
|
||||
</script>
|
||||
{% else %}
|
||||
<script>
|
||||
var path = "{% route login %}"
|
||||
console.log(path)
|
||||
window.location.replace(path);
|
||||
</script>
|
||||
{%endif%}
|
||||
@ -18,7 +18,7 @@
|
||||
<div class="np-homepage-featured-courses row">
|
||||
{% if learning_paths.available.any? %}
|
||||
{% for learning_path in learning_paths.available %}
|
||||
{% if learning_path.name == "Set up Front for my company" or learning_path.name == "Front for my daily work" or learning_path.name == "Make smarter decisions with Front analytics" %}
|
||||
{% if learning_path.name == "Set up Front for my company" or learning_path.name == "Front for my daily work" or learning_path.name == "Make smarter decisions with Front analytics" or learning_path.name == "Front Administrator Certification" %}
|
||||
<div class="col-xs-12 col-sm-6 col-md-4">
|
||||
{% include "cards_learning_path_vertical" with learning_path %}
|
||||
</div>
|
||||
@ -1,4 +1,4 @@
|
||||
{% comment %} skip-auth {% endcomment %}
|
||||
|
||||
{% include "header" %}
|
||||
<div class="cover-page-hero learning-path-hero">
|
||||
<div class="np-max-width np-page-container">
|
||||
@ -54,4 +54,4 @@
|
||||
.np-learning-path-outline-content .header-5 {
|
||||
margin-bottom:8px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
@ -0,0 +1,5 @@
|
||||
<script>
|
||||
var path = "{% route login %}"
|
||||
console.log(path)
|
||||
window.location.replace(path);
|
||||
</script>
|
||||
@ -0,0 +1,699 @@
|
||||
/*
|
||||
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 }}
|
||||
*/
|
||||
|
||||
/*Fonts*/
|
||||
|
||||
@font-face {
|
||||
font-family: "Roobert";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Bold.otf");
|
||||
font-weight: bold;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Roobert";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Heavy.otf");
|
||||
font-weight: 900;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Roobert";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Light.otf");
|
||||
font-weight: 300;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Roobert";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Medium.otf");
|
||||
font-weight: 500;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Roobert";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Regular.otf");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Roobert";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-SemiBold.otf");
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Roobert", "Roboto", sans-serif;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #001B38;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div {
|
||||
color: #001B38;
|
||||
}
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.fw-regular {
|
||||
font-weight: 400;
|
||||
}
|
||||
.fw-semibold {
|
||||
font-weight: 600;
|
||||
}
|
||||
.fw-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
.gray {
|
||||
color: #808080;
|
||||
}
|
||||
.np-alert {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* TYPOGRAPHY STYLES */
|
||||
.header-1 {
|
||||
font-size: 38px;
|
||||
line-height: 110%;
|
||||
font-weight: 600;
|
||||
margin-bottom: 32px;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.header-2 {
|
||||
font-size: 36px;
|
||||
line-height: 118%;
|
||||
font-weight: 600;
|
||||
margin-bottom: 32px;
|
||||
margin-top: 0;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.header-3 {
|
||||
font-size: 28px;
|
||||
line-height: 118%;
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.01em;
|
||||
margin-bottom: 32px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.header-5 {
|
||||
font-size: 20px;
|
||||
line-height: 130%;
|
||||
}
|
||||
|
||||
.eyebrow-lg {
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 125%;
|
||||
color: #001B38;
|
||||
}
|
||||
|
||||
.eyebrow-sm {
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
line-height: 125%;
|
||||
color: #001B38;
|
||||
}
|
||||
|
||||
.paragraph-1 {
|
||||
font-size: 24px;
|
||||
line-height: 130%;
|
||||
}
|
||||
|
||||
.paragraph-2,
|
||||
.paragraph-2 p {
|
||||
font-size: 16px;
|
||||
line-height: 160%;
|
||||
color: #001B38 !important;
|
||||
}
|
||||
|
||||
.fa-check-circle {
|
||||
color: #2D8058;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
@media(min-width:768px) {
|
||||
.header-1 {
|
||||
font-size: 60px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.header-2 {
|
||||
font-size: 49px;
|
||||
}
|
||||
|
||||
.header-3 {
|
||||
font-size: 32px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.np-card-padding {
|
||||
padding: 30px;
|
||||
}
|
||||
.np-subpage-container {
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Global */
|
||||
|
||||
.np-dashboard,
|
||||
.np-learning-paths,
|
||||
.catalog,
|
||||
.np-training-events,
|
||||
.np-main {
|
||||
padding-top: 140px;
|
||||
}
|
||||
.np-button {
|
||||
border-radius: 50px;
|
||||
padding: 13px 24px;
|
||||
font-size: 16px;
|
||||
line-height: normal;
|
||||
font-weight: 400;
|
||||
height: auto;
|
||||
}
|
||||
.np-footer-logo-image {
|
||||
opacity: 1;
|
||||
filter: none;
|
||||
}
|
||||
.row .np-card {
|
||||
padding: 0 0 64px;
|
||||
}
|
||||
.np-dashboard-resources-title {
|
||||
font-size: 1.25rem;
|
||||
text-transform: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
.np-card-container {
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 20px rgba(0, 27, 56, 0.1);
|
||||
overflow: hidden;
|
||||
}
|
||||
.np-dashboard-resources-container {
|
||||
border-radius: 30px;
|
||||
border: none;
|
||||
}
|
||||
.np-card {
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
.dashboard-section-instructors {
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.np-dashboard,
|
||||
.np-learning-paths,
|
||||
.np-training-events {
|
||||
background: #fff;
|
||||
}
|
||||
.catalog-course-wrapper {
|
||||
margin-bottom: 2rem;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.slick-arrow {
|
||||
display: none !important;
|
||||
}
|
||||
.np-dashboard-resources-title,
|
||||
.np-resource-subtitle {
|
||||
color: #001B38;
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
}
|
||||
.np-zero-state-text {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.extra-space {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.np-catalog-courses {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#isPasted {
|
||||
background: none !important;
|
||||
}
|
||||
.color-white {
|
||||
color: #fff;
|
||||
}
|
||||
.lp-card-desktop {
|
||||
height: unset;
|
||||
}
|
||||
.np-homepage-featured {
|
||||
margin-top: 0;
|
||||
padding: 0 16px;
|
||||
}
|
||||
.np-homepage.np-main {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 64px;
|
||||
padding-top: 0;
|
||||
}
|
||||
.progress-color-darker {
|
||||
color: #001B38;
|
||||
}
|
||||
.instructor-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.np-catalog-courses {
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
.np-optional-ribbon {
|
||||
display: none;
|
||||
color: #001B38;
|
||||
background-color: #FDECB3;
|
||||
}
|
||||
.catalog-filter {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
@media only screen and (max-width: 1030px) {
|
||||
.catalog-filter {
|
||||
width: 100%;
|
||||
}
|
||||
.filter-container {
|
||||
width: 100% !important;
|
||||
}
|
||||
.course-card {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1050px) {
|
||||
.hidden-desktop-custom {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.np-header-mobile-menu-nav {
|
||||
position: inherit;
|
||||
}
|
||||
.np-dashboard,
|
||||
.np-learning-paths,
|
||||
.catalog,
|
||||
.np-training-events,
|
||||
.np-main {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.np-sub-navigation-content-item-link {
|
||||
margin: 0 0.3rem;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
.np-catalog-courses {
|
||||
width: 100%;
|
||||
}
|
||||
.catalog-course-wrapper {
|
||||
display: flex;
|
||||
}
|
||||
.course-card {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.filter-container {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Course Cards & vertical learning path cards */
|
||||
.np-card.np-card-learning-path-vertical,
|
||||
.np-card.np-card-course {
|
||||
padding-bottom: 32px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.np-card.np-card-learning-path-vertical .course-card-image,
|
||||
.np-card.np-card-course .course-card-image {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.np-card.np-card-course .eyebrow-lg.gray {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.np-card.np-card-course .np-card-header-type > span {
|
||||
background: #E3E3E3;
|
||||
border-radius: 6px;
|
||||
padding: 4px 12px;
|
||||
}
|
||||
|
||||
.np-card.np-card-course .fa-check-circle {
|
||||
color: #2D8058;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.np-card.np-card-course .course-duration {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.np-card.np-card-course .course-duration .fa-clock {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.np-card.np-card-learning-path-vertical .paragraph-2,
|
||||
.np-card.np-card-course .paragraph-2 {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.card-info-wrapper {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.np-card.np-card-learning-path-vertical a .fa-long-arrow-right,
|
||||
.np-card.np-card-course a .fa-long-arrow-right,
|
||||
.np-card.just-browsing-card a .fa-long-arrow-right {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
/* Learning Path Cards */
|
||||
|
||||
.np-card-learning-path .np-card-content-footer-lp {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.np-card-learning-path .lp-progress {
|
||||
margin-right: 30px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.np-card-learning-path .eyebrow-lg {
|
||||
color: #001B38;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.np-card-learning-path .eyebrow-lg.gray {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.np-card-learning-path .fa-check-circle {
|
||||
color: #2D8058;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.np-card-learning-path .np-card-progress-bar {
|
||||
background-color: #001B38;
|
||||
}
|
||||
|
||||
.np-card-learning-path .np-card-progress-bar-container,
|
||||
.np-card-learning-path .np-card-progress-bar {
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
@media(min-width:768px) {
|
||||
|
||||
.np-learning-path {
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
.np-learning-path .np-card-content {
|
||||
justify-content: space-between;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.np-card-learning-path .lp-image-wrapper {
|
||||
width: 33%;
|
||||
min-width: 33%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.np-card-learning-path .np-learning-path-image {
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.np-card-learning-path .np-card-content-footer-lp {
|
||||
margin-top: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
/* CAROUSEL STYLING */
|
||||
div.tns-outer {
|
||||
position: relative;
|
||||
padding-right: 20px !important;
|
||||
padding-left: 20px !important;
|
||||
}
|
||||
|
||||
.tns-controls {
|
||||
position: absolute;
|
||||
z-index: 1111;
|
||||
top: 32%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.tns-nav {
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.tns-nav button {
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 1px solid #001b38;
|
||||
margin: 0 8px 10px;
|
||||
border-radius: 50%;
|
||||
padding: 0;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.tns-nav button.tns-nav-active {
|
||||
background-color: #001b38;
|
||||
}
|
||||
|
||||
.tns-controls button {
|
||||
width: 50px;
|
||||
position: relative;
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.tns-controls button[data-controls='prev'] {
|
||||
left: -14px;
|
||||
}
|
||||
|
||||
.tns-controls button[data-controls='next'] {
|
||||
right: -14px;
|
||||
}
|
||||
|
||||
.tns-controls .arrow-left,
|
||||
.tns-controls .arrow-right {
|
||||
color: #808080;
|
||||
font-size: 3rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.courses-carousel {
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.courses-carousel .np-card {
|
||||
padding: 0 16px 32px;
|
||||
}
|
||||
|
||||
/* COVER PAGE STYLES (COURSE & LEARNING PATH) */
|
||||
|
||||
.np-header:not(.active) {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.cover-page-hero {
|
||||
padding: 100px 16px 50px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.25%, #FFFFFF 100%), radial-gradient(90.83% 165.04% at 100% 29.31%, #FFFADB 5.03%, #E0FEE7 96.72%);
|
||||
}
|
||||
|
||||
.cover-page-hero.course-hero {
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.25%, #FFFFFF 100%), radial-gradient(90.83% 165.04% at 100% 29.31%, #FFFADB 5.03%, #E0FEE7 96.72%);
|
||||
}
|
||||
|
||||
.cover-page-hero.learning-path-hero {
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.25%, #FFFFFF 100%), radial-gradient(90.83% 165.04% at 100% 29.31%, #FFDEEB 0%, #FFFADB 100%)
|
||||
}
|
||||
|
||||
.cover-page-hero .np-page-container {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.course-vocab {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.cover-page.np-main.np-page-container {
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.cover-page .np-card-heading {
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 125%;
|
||||
}
|
||||
|
||||
.np-content-instructors-content-item {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cover-page .np-top-cta {
|
||||
background: #F5F5F5;
|
||||
margin: 24px 6px;
|
||||
border-radius: 0;
|
||||
padding: 18px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.cover-page .np-top-cta-progress-content {
|
||||
margin-right: 16px;
|
||||
width: 50%;
|
||||
min-width: 50%;
|
||||
}
|
||||
|
||||
.cover-page .np-card-progress-bar,
|
||||
.cover-page .np-progress-bar-container {
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.cover-page .np-top-cta-progress-text {
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 125%;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.cover-page .np-top-cta-progress-text.gray {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.cover-page .np-card-progress-bar {
|
||||
background-color: #001B38;
|
||||
}
|
||||
|
||||
.np-content-instructors-content-name {
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
color: #001B38;
|
||||
}
|
||||
|
||||
.np-content-instructors-content-info {
|
||||
font-size: 16px;
|
||||
line-height: 160%;
|
||||
color: #001B38;
|
||||
}
|
||||
|
||||
.np-learning-path-outline-inactive-item {
|
||||
border: none;
|
||||
display: flex;
|
||||
align-items: unset;
|
||||
}
|
||||
|
||||
.np-learning-path-outline-inactive-item .np-learning-path-outline-course-image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
@media(min-width:768px) {
|
||||
.cover-page-hero {
|
||||
padding-top: 180px;
|
||||
}
|
||||
|
||||
.cover-page .np-card-text {
|
||||
font-size: 17px;
|
||||
line-height: 150%;
|
||||
}
|
||||
|
||||
.cover-page .np-top-cta-progress-content {
|
||||
width: 75%;
|
||||
min-width: 75%;
|
||||
}
|
||||
|
||||
.cover-page .np-top-cta {
|
||||
background: #F5F5F5;
|
||||
margin: 0 0 32px;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.cover-page .np-progress-bar-container {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
body .np-card-text p {
|
||||
font-size: 17px !important;
|
||||
line-height: 150% !important;
|
||||
color: #001B38 !important;
|
||||
font-family: "Roobert" !important;
|
||||
}
|
||||
|
||||
body #isPasted {
|
||||
font-size: 17px !important;
|
||||
line-height: 150% !important;
|
||||
color: #001B38 !important;
|
||||
font-family: "Roobert" !important;
|
||||
}
|
||||
body .np-card-text span {
|
||||
font-size: 17px !important;
|
||||
line-height: 150% !important;
|
||||
color: #001B38 !important;
|
||||
font-family: "Roobert" !important;
|
||||
}
|
||||
|
||||
.np-powered-by {
|
||||
display: none !important;
|
||||
}
|
||||
.np-learning-path-outline-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media(max-width:1050px) {
|
||||
.hidden-mobile-custom {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.np-certificate-top-bar-spacing {
|
||||
margin-top: 100px;
|
||||
}
|
||||
@ -0,0 +1,35 @@
|
||||
{% assign current_date = "now" | date: "%Y-%m-%d" %}
|
||||
{% assign due_date = "August 17, 2023" | date: "%Y-%m-%d" %}
|
||||
|
||||
{% if current_date < due_date %}
|
||||
{% if training_session.id == 'ef7e1fd4-f079-4812-818b-639d871b9ce3' or training_session.id == '1d0507b5-1acf-44db-91bf-f75433a4daef' or training_session.id == '2f208441-c668-42dd-beae-704ad9066d8f'%}
|
||||
<script>
|
||||
window.location.href = "198662a3-fc1b-4d10-89f8-e6907589d8eb"
|
||||
</script>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% include "header" %}
|
||||
<main class="np-main np-training-session np-max-width np-page-container">
|
||||
<div class="np-hidden-mobile" id="training-session-desktop">
|
||||
{% include "training_session_desktop_view" %}
|
||||
</div>
|
||||
<div class="np-hidden-desktop" id="training-session-mobile">
|
||||
{% include "training_session_mobile_view" %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<script>
|
||||
window.addEventListener("DOMContentLoaded", function() {
|
||||
trainingSessions = document.querySelectorAll(".np-training-session-tile")
|
||||
|
||||
trainingSessions.forEach((item) => {
|
||||
if (item.href == "https://academy.front.com/app/training_sessions/ef7e1fd4-f079-4812-818b-639d871b9ce3" ||
|
||||
item.href == "https://academy.front.com/app/training_sessions/1d0507b5-1acf-44db-91bf-f75433a4daef" ||
|
||||
item.href == "https://academy.front.com/app/training_sessions/2f208441-c668-42dd-beae-704ad9066d8f") {
|
||||
item.style.display = 'none'
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
@ -1,662 +0,0 @@
|
||||
/*
|
||||
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 }}
|
||||
*/
|
||||
|
||||
/*Fonts*/
|
||||
|
||||
@font-face {
|
||||
font-family: "Roobert";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Bold.otf");
|
||||
font-weight: bold;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Roobert";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Heavy.otf");
|
||||
font-weight: 900;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Roobert";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Light.otf");
|
||||
font-weight: 300;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Roobert";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Medium.otf");
|
||||
font-weight: 500;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Roobert";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-Regular.otf");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Roobert";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/Front+Academy/front+fonts/Roobert-Brand-SemiBold.otf");
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Roobert", "Roboto", sans-serif;
|
||||
background-color:#fff;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, a {
|
||||
text-decoration: none;
|
||||
color: #001B38;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
div {
|
||||
color: #001B38;
|
||||
}
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.fw-regular { font-weight: 400;}
|
||||
.fw-semibold { font-weight: 600;}
|
||||
.fw-bold { font-weight: 700;}
|
||||
.gray { color:#808080; }
|
||||
.np-alert {display:none;}
|
||||
|
||||
|
||||
/* TYPOGRAPHY STYLES */
|
||||
.header-1 {
|
||||
font-size: 38px;
|
||||
line-height: 110%;
|
||||
font-weight: 600;
|
||||
margin-bottom: 32px;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.header-2 {
|
||||
font-size: 36px;
|
||||
line-height: 118%;
|
||||
font-weight: 600;
|
||||
margin-bottom: 32px;
|
||||
margin-top: 0;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.header-3 {
|
||||
font-size: 28px;
|
||||
line-height: 118%;
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.01em;
|
||||
margin-bottom: 32px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.header-5 {
|
||||
font-size: 20px;
|
||||
line-height: 130%;
|
||||
}
|
||||
|
||||
.eyebrow-lg {
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 125%;
|
||||
color:#001B38;
|
||||
}
|
||||
|
||||
.eyebrow-sm {
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
line-height: 125%;
|
||||
color:#001B38;
|
||||
}
|
||||
|
||||
.paragraph-1 {
|
||||
font-size: 24px;
|
||||
line-height: 130%;
|
||||
}
|
||||
|
||||
.paragraph-2,
|
||||
.paragraph-2 p {
|
||||
font-size: 16px;
|
||||
line-height: 160%;
|
||||
color:#001B38!important;
|
||||
}
|
||||
|
||||
.fa-check-circle {
|
||||
color:#2D8058;
|
||||
margin-right:6px;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.header-1 {
|
||||
font-size: 60px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.header-2 {
|
||||
font-size: 49px;
|
||||
}
|
||||
|
||||
.header-3 {
|
||||
font-size: 32px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.np-card-padding {padding: 30px;}
|
||||
.np-subpage-container {padding-left:16px; padding-right:16px;}
|
||||
}
|
||||
|
||||
/* Global */
|
||||
|
||||
.np-dashboard, .np-learning-paths, .catalog, .np-training-events, .np-main {
|
||||
padding-top: 140px;
|
||||
}
|
||||
.np-button {
|
||||
border-radius: 50px;
|
||||
padding: 13px 24px;
|
||||
font-size: 16px;
|
||||
line-height:normal;
|
||||
font-weight: 400;
|
||||
height:auto;
|
||||
}
|
||||
.np-footer-logo-image {
|
||||
opacity: 1;
|
||||
filter: none;
|
||||
}
|
||||
.row .np-card {
|
||||
padding: 0px 0px 64px;
|
||||
}
|
||||
.np-dashboard-resources-title {
|
||||
font-size: 1.25rem;
|
||||
text-transform: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
.np-card-container {
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 0px 20px rgba(0, 27, 56, 0.1);
|
||||
overflow:hidden;
|
||||
}
|
||||
.np-dashboard-resources-container {
|
||||
border-radius: 30px;
|
||||
border: none;
|
||||
}
|
||||
.np-card {
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
.dashboard-section-instructors {
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.np-dashboard, .np-learning-paths, .np-training-events {
|
||||
background: #fff;
|
||||
}
|
||||
.catalog-course-wrapper {
|
||||
margin-bottom: 2rem;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.slick-arrow {
|
||||
display: none !important;
|
||||
}
|
||||
.np-dashboard-resources-title, .np-resource-subtitle {
|
||||
color: #001B38;
|
||||
text-align:left;
|
||||
padding: 0;
|
||||
}
|
||||
.np-zero-state-text {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.extra-space {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.np-catalog-courses {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#isPasted {
|
||||
background: none !important;
|
||||
}
|
||||
.color-white {
|
||||
color: #fff;
|
||||
}
|
||||
.lp-card-desktop {
|
||||
height: unset;
|
||||
}
|
||||
.np-homepage-featured {
|
||||
margin-top: 0;
|
||||
padding: 0 16px;
|
||||
}
|
||||
.np-homepage.np-main {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 64px;
|
||||
padding-top:0;
|
||||
}
|
||||
.progress-color-darker {
|
||||
color: #001B38;
|
||||
}
|
||||
.instructor-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.np-catalog-courses {
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
.np-optional-ribbon {
|
||||
display: none;
|
||||
color: #001B38;
|
||||
background-color: #FDECB3;
|
||||
}
|
||||
.catalog-filter {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
@media only screen and (max-width: 1030px) {
|
||||
.catalog-filter {
|
||||
width: 100%;
|
||||
}
|
||||
.filter-container {
|
||||
width: 100% !important;
|
||||
}
|
||||
.course-card {
|
||||
width: 100%;;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1050px) {
|
||||
.hidden-desktop-custom {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.np-header-mobile-menu-nav {
|
||||
position: inherit;
|
||||
}
|
||||
.np-dashboard, .np-learning-paths, .catalog, .np-training-events, .np-main {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.np-sub-navigation-content-item-link {
|
||||
margin: 0 0.3rem;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
.np-catalog-courses {
|
||||
width: 100%;
|
||||
}
|
||||
.catalog-course-wrapper {
|
||||
display: flex;
|
||||
}
|
||||
.course-card {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.filter-container {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Course Cards & vertical learning path cards */
|
||||
.np-card.np-card-learning-path-vertical,
|
||||
.np-card.np-card-course {
|
||||
padding-bottom:32px;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
.np-card.np-card-learning-path-vertical .course-card-image,
|
||||
.np-card.np-card-course .course-card-image {
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
.np-card.np-card-course .eyebrow-lg.gray {
|
||||
color:#808080;
|
||||
}
|
||||
|
||||
.np-card.np-card-course .np-card-header-type > span {
|
||||
background: #E3E3E3;
|
||||
border-radius: 6px;
|
||||
padding: 4px 12px;
|
||||
}
|
||||
|
||||
.np-card.np-card-course .fa-check-circle {
|
||||
color:#2D8058;
|
||||
margin-right:6px;
|
||||
}
|
||||
|
||||
.np-card.np-card-course .course-duration {
|
||||
color:#808080;
|
||||
}
|
||||
|
||||
.np-card.np-card-course .course-duration .fa-clock {
|
||||
margin-right:4px;
|
||||
}
|
||||
|
||||
.np-card.np-card-learning-path-vertical .paragraph-2,
|
||||
.np-card.np-card-course .paragraph-2 {
|
||||
flex:1;
|
||||
}
|
||||
|
||||
.card-info-wrapper {
|
||||
display:flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.np-card.np-card-learning-path-vertical a .fa-long-arrow-right,
|
||||
.np-card.np-card-course a .fa-long-arrow-right,
|
||||
.np-card.just-browsing-card a .fa-long-arrow-right {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
/* Learning Path Cards */
|
||||
|
||||
.np-card-learning-path .np-card-content-footer-lp {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.np-card-learning-path .lp-progress {
|
||||
margin-right:30px;
|
||||
flex:1;
|
||||
}
|
||||
|
||||
.np-card-learning-path .eyebrow-lg {
|
||||
color:#001B38;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.np-card-learning-path .eyebrow-lg.gray {
|
||||
color:#808080;
|
||||
}
|
||||
|
||||
.np-card-learning-path .fa-check-circle {
|
||||
color:#2D8058;
|
||||
margin-right:6px;
|
||||
}
|
||||
|
||||
.np-card-learning-path .np-card-progress-bar {
|
||||
background-color:#001B38;
|
||||
}
|
||||
|
||||
.np-card-learning-path .np-card-progress-bar-container,
|
||||
.np-card-learning-path .np-card-progress-bar {
|
||||
height:8px;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
|
||||
.np-learning-path {
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
.np-learning-path .np-card-content {
|
||||
justify-content: space-between;
|
||||
padding-top:30px;
|
||||
}
|
||||
|
||||
.np-card-learning-path .lp-image-wrapper {
|
||||
width: 33%;
|
||||
min-width: 33%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.np-card-learning-path .np-learning-path-image {
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.np-card-learning-path .np-card-content-footer-lp {
|
||||
margin-top: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
/* CAROUSEL STYLING */
|
||||
div.tns-outer {
|
||||
position: relative;
|
||||
padding-right: 20px!important;
|
||||
padding-left: 20px!important;
|
||||
}
|
||||
|
||||
.tns-controls {
|
||||
position: absolute;
|
||||
z-index: 1111;
|
||||
top: 32%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.tns-nav {
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.tns-nav button {
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 1px solid #001b38;
|
||||
margin: 0 8px 10px;
|
||||
border-radius: 50%;
|
||||
padding: 0;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.tns-nav button.tns-nav-active {
|
||||
background-color:#001b38;
|
||||
}
|
||||
|
||||
.tns-controls button {
|
||||
width: 50px;
|
||||
position: relative;
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.tns-controls button[data-controls='prev'] {
|
||||
left: -14px;
|
||||
}
|
||||
|
||||
.tns-controls button[data-controls='next'] {
|
||||
right: -14px;
|
||||
}
|
||||
|
||||
.tns-controls .arrow-left,
|
||||
.tns-controls .arrow-right {
|
||||
color: #808080;
|
||||
font-size: 3rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.courses-carousel {
|
||||
height: auto;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.courses-carousel .np-card {
|
||||
padding: 0 16px 32px;
|
||||
}
|
||||
|
||||
/* COVER PAGE STYLES (COURSE & LEARNING PATH) */
|
||||
|
||||
.np-header:not(.active) {
|
||||
background-color:transparent!important;
|
||||
}
|
||||
|
||||
.cover-page-hero {
|
||||
padding:100px 16px 50px;
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.25%, #FFFFFF 100%), radial-gradient(90.83% 165.04% at 100% 29.31%, #FFFADB 5.03%, #E0FEE7 96.72%);
|
||||
}
|
||||
|
||||
.cover-page-hero.course-hero {
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.25%, #FFFFFF 100%), radial-gradient(90.83% 165.04% at 100% 29.31%, #FFFADB 5.03%, #E0FEE7 96.72%);
|
||||
}
|
||||
|
||||
.cover-page-hero.learning-path-hero {
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.25%, #FFFFFF 100%), radial-gradient(90.83% 165.04% at 100% 29.31%, #FFDEEB 0%, #FFFADB 100%)
|
||||
}
|
||||
|
||||
.cover-page-hero .np-page-container {
|
||||
margin-top:0;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
.course-vocab {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.cover-page.np-main.np-page-container {
|
||||
padding-top:0;
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
.cover-page .np-card-heading {
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 125%;
|
||||
}
|
||||
|
||||
.np-content-instructors-content-item {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cover-page .np-top-cta {
|
||||
background: #F5F5F5;
|
||||
margin: 24px 6px;
|
||||
border-radius: 0px;
|
||||
padding: 18px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.cover-page .np-top-cta-progress-content {
|
||||
margin-right: 16px;
|
||||
width: 50%;
|
||||
min-width: 50%;
|
||||
}
|
||||
|
||||
.cover-page .np-card-progress-bar,
|
||||
.cover-page .np-progress-bar-container {
|
||||
height:8px;
|
||||
}
|
||||
|
||||
.cover-page .np-top-cta-progress-text {
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 125%;
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
.cover-page .np-top-cta-progress-text.gray {
|
||||
color:#808080;
|
||||
}
|
||||
|
||||
.cover-page .np-card-progress-bar {
|
||||
background-color: #001B38;
|
||||
}
|
||||
|
||||
.np-content-instructors-content-name {
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
color: #001B38;
|
||||
}
|
||||
|
||||
.np-content-instructors-content-info {
|
||||
font-size: 16px;
|
||||
line-height: 160%;
|
||||
color: #001B38;
|
||||
}
|
||||
|
||||
.np-learning-path-outline-inactive-item {
|
||||
border: none;
|
||||
display: flex;
|
||||
align-items: unset;
|
||||
}
|
||||
|
||||
.np-learning-path-outline-inactive-item .np-learning-path-outline-course-image {width:100%;}
|
||||
|
||||
|
||||
@media (min-width:768px) {
|
||||
.cover-page-hero {
|
||||
padding-top:180px;
|
||||
}
|
||||
|
||||
.cover-page .np-card-text {
|
||||
font-size: 17px;
|
||||
line-height: 150%;
|
||||
}
|
||||
|
||||
.cover-page .np-top-cta-progress-content {
|
||||
width: 75%;
|
||||
min-width: 75%;
|
||||
}
|
||||
|
||||
.cover-page .np-top-cta {
|
||||
background: #F5F5F5;
|
||||
margin: 0 0 32px;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.cover-page .np-progress-bar-container {
|
||||
margin-top:16px;
|
||||
}
|
||||
}
|
||||
|
||||
body .np-card-text p {
|
||||
font-size: 17px !important;
|
||||
line-height: 150% !important;
|
||||
color: #001B38 !important;
|
||||
font-family: "Roobert" !important;
|
||||
}
|
||||
|
||||
body #isPasted {
|
||||
font-size: 17px !important;
|
||||
line-height: 150% !important;
|
||||
color: #001B38 !important;
|
||||
font-family: "Roobert" !important;
|
||||
}
|
||||
body .np-card-text span {
|
||||
font-size: 17px !important;
|
||||
line-height: 150% !important;
|
||||
color: #001B38 !important;
|
||||
font-family: "Roobert" !important;
|
||||
}
|
||||
|
||||
.np-powered-by {
|
||||
display: none !important;
|
||||
}
|
||||
.np-learning-path-outline-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width:1050px) {
|
||||
.hidden-mobile-custom{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@ -176,7 +176,7 @@ Okta SSO - Ted, Security Team
|
||||
|
||||
### Mini/Becca Care Center items
|
||||
|
||||
* Stef Owens, sowens@papa.com, Group: New Hire 10/31, Course 6.1 & 6.2
|
||||
* Stef Owens, <sowens@papa.com>, Group: New Hire 10/31, Course 6.1 & 6.2
|
||||
* What she is not seeing - some course updates
|
||||
* She is going in through Okta, entering Northpass, and clicking "Learner Mode"
|
||||
* Some new course versions and various items are not updating to her end.
|
||||
@ -261,6 +261,7 @@ Ask who else should be on the call.
|
||||
Immediately asking for the recording to be stopped
|
||||
|
||||
Notes:
|
||||
|
||||
* 2 months in at Papa
|
||||
* Came from Ziprecruiter
|
||||
* In charge of Sec, IT, Cloud infrastructure
|
||||
@ -285,3 +286,15 @@ client also needs to come half way.
|
||||
Papa Employees:
|
||||
|
||||
* Sam - Head of sales
|
||||
|
||||
## 11/2/2023
|
||||
|
||||
### Meeting with Chapin & Seth
|
||||
|
||||
Comms in Northpass is just a starting point
|
||||
They are sending webhooks to Papa
|
||||
Told Chapin about Erich trying to cancel the contract and he said he would be screwed if someone decided that without him.
|
||||
Plan on expanding use to more Pals - this is a testing phase.
|
||||
He and Seth are really liking Northpass and think it is working great for them.
|
||||
TODO: get additional time-based analytics for them as well as ask for a db extract of delivery log for comms.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user