@@ -54,4 +54,4 @@
.np-learning-path-outline-content .header-5 {
margin-bottom:8px;
}
-
\ No newline at end of file
+
diff --git a/Custom_Templates/customer_templates/Front/learning_paths.html.liquid b/Custom_Templates/customer_templates/Front Academy/learning_paths.html.liquid
similarity index 100%
rename from Custom_Templates/customer_templates/Front/learning_paths.html.liquid
rename to Custom_Templates/customer_templates/Front Academy/learning_paths.html.liquid
diff --git a/Custom_Templates/customer_templates/Front Academy/server_error.html.liquid b/Custom_Templates/customer_templates/Front Academy/server_error.html.liquid
new file mode 100644
index 00000000..4727a6db
--- /dev/null
+++ b/Custom_Templates/customer_templates/Front Academy/server_error.html.liquid
@@ -0,0 +1,5 @@
+
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Front Academy/styles.css.liquid b/Custom_Templates/customer_templates/Front Academy/styles.css.liquid
new file mode 100644
index 00000000..8cc60ad5
--- /dev/null
+++ b/Custom_Templates/customer_templates/Front Academy/styles.css.liquid
@@ -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;
+}
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Front/training_events.html.liquid b/Custom_Templates/customer_templates/Front Academy/training_events.html.liquid
similarity index 100%
rename from Custom_Templates/customer_templates/Front/training_events.html.liquid
rename to Custom_Templates/customer_templates/Front Academy/training_events.html.liquid
diff --git a/Custom_Templates/customer_templates/Front Academy/training_session.html.liquid b/Custom_Templates/customer_templates/Front Academy/training_session.html.liquid
new file mode 100644
index 00000000..25eb3386
--- /dev/null
+++ b/Custom_Templates/customer_templates/Front Academy/training_session.html.liquid
@@ -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'%}
+
+ {% endif %}
+{% endif %}
+
+{% include "header" %}
+
+
+ {% include "training_session_desktop_view" %}
+
+
+ {% include "training_session_mobile_view" %}
+
+
+{% include "footer" %}
+
+
\ No newline at end of file
diff --git a/Custom_Templates/customer_templates/Front/unsubscribe.html.liquid b/Custom_Templates/customer_templates/Front Academy/unsubscribe.html.liquid
similarity index 100%
rename from Custom_Templates/customer_templates/Front/unsubscribe.html.liquid
rename to Custom_Templates/customer_templates/Front Academy/unsubscribe.html.liquid
diff --git a/Custom_Templates/customer_templates/Front/styles.css.liquid b/Custom_Templates/customer_templates/Front/styles.css.liquid
deleted file mode 100644
index cf1f6bbb..00000000
--- a/Custom_Templates/customer_templates/Front/styles.css.liquid
+++ /dev/null
@@ -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;
- }
-}
diff --git a/CustomerNotes/Papa/Papa.md b/CustomerNotes/Papa/Papa.md
index 25388504..9473bc97 100644
--- a/CustomerNotes/Papa/Papa.md
+++ b/CustomerNotes/Papa/Papa.md
@@ -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,
, 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.
+