From 7bc34f1c91141fba27814c8d53d34c43c8acfa68 Mon Sep 17 00:00:00 2001 From: Norm Rasmussen Date: Mon, 11 Apr 2022 09:08:52 -0400 Subject: [PATCH] jnj addition --- .../customer_templates/.DS_Store | Bin 14340 -> 14340 bytes .../JnJVision/_cards_course.html.liquid | 75 + .../_cards_featured_course.html.liquid | 111 ++ .../_cards_learning_path.html.liquid | 88 + .../_cards_training_event.html.liquid | 46 + .../JnJVision/_carousel_courses.html.liquid | 62 + .../JnJVision/_carousel_events.html.liquid | 37 + .../_carousel_instructors.html.liquid | 124 ++ .../_course_activity_locked.html.liquid | 4 + .../_course_activity_unlocked.html.liquid | 9 + .../JnJVision/_course_banner.html.liquid | 21 + .../_course_desktop_view.html.liquid | 60 + .../JnJVision/_course_details.html.liquid | 36 + .../_course_details_review.html.liquid | 60 + .../JnJVision/_course_instructors.html.liquid | 52 + .../JnJVision/_course_mobile_view.html.liquid | 73 + .../JnJVision/_course_outline.html.liquid | 38 + .../_course_progress_and_cta.html.liquid | 47 + .../JnJVision/_course_rating.html.liquid | 78 + .../JnJVision/_filter_by_progress.html.liquid | 112 ++ .../JnJVision/_footer.html.liquid | 108 + .../JnJVision/_head.html.liquid | 12 + .../JnJVision/_header.html.liquid | 206 ++ .../_homepage_hero_carousel.html.liquid | 196 ++ .../_learning_path_instructors.html.liquid | 28 + ...learning_path_progress_and_cta.html.liquid | 43 + .../JnJVision/_progress_circle.html.liquid | 80 + .../JnJVision/_section_faqs.html.liquid | 106 + .../_section_popular_topics.html.liquid | 27 + .../_section_tips_tricks.html.liquid | 76 + .../JnJVision/_sub_navigation.html.liquid | 26 + .../_training_session_cta.html.liquid | 60 + .../_training_session_date.html.liquid | 14 + .../_training_session_details.html.liquid | 24 + .../_training_session_header.html.liquid | 10 + .../_widget_course_progress.html.liquid | 88 + .../JnJVision/course.html.liquid | 53 + .../JnJVision/dashboard.html.liquid | 3 + .../JnJVision/homepage.html.liquid | 74 + .../JnJVision/learning_path.html.liquid | 54 + .../JnJVision/learning_paths.html.liquid | 41 + .../JnJVision/new-dashboard.html.liquid | 230 +++ .../JnJVision/styles.css.liquid | 1753 +++++++++++++++++ .../JnJVision/training_events.html.liquid | 46 + .../JnJVision/training_session.html.liquid | 34 + 45 files changed, 4525 insertions(+) create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_cards_course.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_cards_featured_course.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_cards_learning_path.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_cards_training_event.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_carousel_courses.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_carousel_events.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_carousel_instructors.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_course_activity_locked.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_course_activity_unlocked.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_course_banner.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_course_desktop_view.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_course_details.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_course_details_review.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_course_instructors.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_course_mobile_view.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_course_outline.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_course_progress_and_cta.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_course_rating.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_filter_by_progress.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_footer.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_head.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_header.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_homepage_hero_carousel.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_learning_path_instructors.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_learning_path_progress_and_cta.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_progress_circle.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_section_faqs.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_section_popular_topics.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_section_tips_tricks.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_sub_navigation.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_training_session_cta.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_training_session_date.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_training_session_details.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_training_session_header.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/_widget_course_progress.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/course.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/dashboard.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/homepage.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/learning_path.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/learning_paths.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/new-dashboard.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/styles.css.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/training_events.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/JnJVision/training_session.html.liquid diff --git a/NP_Custom_Templates/customer_templates/.DS_Store b/NP_Custom_Templates/customer_templates/.DS_Store index 5cc1ec980554d5bf22143739859741f04db936a8..1b69e0bb1fd7dec3f39ce833918c998b8b2d3d4e 100644 GIT binary patch delta 202 zcmZoEXepTB&zQY2U^hRb>t-GSWyX3=1}}y@AP!^5WGDvWe1^Q7bi?4}{M-Tt1i+#y zH{Zo2DJMS(sEEUBeu0t!!x2Xy8>`9`oGRr|tuDwwwR-XdL50meg7SQuxfQrLHkXQj LV&BYe@RuC`GGHz* delta 55 zcmZoEXepTB&zQb3U^hRb<7OTKWyZn diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_cards_course.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_cards_course.html.liquid new file mode 100644 index 00000000..51a9e32f --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_cards_course.html.liquid @@ -0,0 +1,75 @@ +
+
+
+
+ {{ course.name }} +
+ +
+

+ {{ course.name }} +

+
+ {% capture course_path %}{% route course, id: course.id %}{% endcapture %} + {% if course.has_to_restart? %} + {% include "course_version_outdated_popup", path: course_path %} + {% endif %} + + + {% if course.enrolled? == false %} + {% t shared.enroll %} + {% elsif course.started? == false %} + {% t shared.start, key: current_school.course_vocabulary %} + {% elsif course.completed? %} + {% t shared.course.view, key: current_school.course_vocabulary %} + {% else %} + {% t shared.continue %} + {% endif %} + + +
+
+
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_cards_featured_course.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_cards_featured_course.html.liquid new file mode 100644 index 00000000..f206afa4 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_cards_featured_course.html.liquid @@ -0,0 +1,111 @@ +
+
+
+
+
+ {% include "course_details" %} +
+ {{ course.name }} +
+
+ +
+

+ {{ course.name }} +

+ +
+ {{ course.full_description }} +
+ +
+
+ + {% if course.enrolled? == false %} + {% t shared.enroll %} + {% elsif course.started? == false %} + {% t shared.start, key: current_school.course_vocabulary %} + {% elsif course.completed? %} + {% t shared.course.view, key: current_school.course_vocabulary %} + {% else %} + {% t shared.continue %} + {% endif %} + +
+ {% t shared.progress, count: course.progress %} +
+
+
+
+ {% for i in (1..5) %} + {% if course.properties.np_course_rating >= i %} + + + + {% else %} + + + + {% endif %} + {% endfor %} +
+ + {{course.properties.np_course_rating}}
({{course.properties.np_course_rating_count}})
+ +
+
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_cards_learning_path.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_cards_learning_path.html.liquid new file mode 100644 index 00000000..bc3210a0 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_cards_learning_path.html.liquid @@ -0,0 +1,88 @@ +
+
+
+ {{ learning_path.name }} +
+ +
+

+ {{ learning_path.name }} +

+ +
+ {{ learning_path.description }} +
+ +
+ {% t shared.progress, count: learning_path.progress %} +
+ +
+
+
+
+ +
+ + {% 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 %} + + + + {{ learning_path.items.count }} {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %} + + +
+
+
+
+
+
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_cards_training_event.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_cards_training_event.html.liquid new file mode 100644 index 00000000..440a9bc8 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_cards_training_event.html.liquid @@ -0,0 +1,46 @@ +
+
+
+

+ {{ training_event.title }} +

+
+ {% t shared.event_types, key: training_event.event_type %} +
+
+ + {% t .next_session %} + +
+
+
+ {{ training_event.sessions.first.month }} +
+
+ {{ training_event.sessions.first.year }} +
+
+
+ {% if training_event.sessions.first.day < 10 %}0{% endif %}{{ training_event.sessions.first.day }} +
+
+
+
+
+
+
+ + {% t .sessions, count: training_event.sessions.size %} + + + {% t shared.view %} + +
+
+
+
diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_carousel_courses.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_carousel_courses.html.liquid new file mode 100644 index 00000000..31cde206 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_carousel_courses.html.liquid @@ -0,0 +1,62 @@ +{% assign topic_classname = topic | split: " " %} + +
+ {% if items.any? %} + {% assign sorted_items =items | sort: "name" %} + {% for course in sorted_items %} + + {% comment %} USED FOR PROGRESS FILTER {% endcomment %} + {% assign course_status = "" %} + + {% if course.started? == false %} + {% assign course_status = "not-started" %} + {% elsif course.completed? %} + {% assign course_status = "completed" %} + {% elsif course.started? %} + {% assign course_status = "in-progress" %} + {% endif %} + + {% if topic == "Not Categorized" %} +
{% include "cards_course" with course %}
+ {% else %} + {% for category in course.categories %} + {% if category.name == topic %} +
{% include "cards_course" with course %}
+ {% endif %} + {% endfor %} + {% endif %} + {% endfor %} + {% endif %} +
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_carousel_events.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_carousel_events.html.liquid new file mode 100644 index 00000000..ab5b3388 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_carousel_events.html.liquid @@ -0,0 +1,37 @@ + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_carousel_instructors.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_carousel_instructors.html.liquid new file mode 100644 index 00000000..23720cf3 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_carousel_instructors.html.liquid @@ -0,0 +1,124 @@ +{% assign used_instructor_names = "" %} + + + + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_course_activity_locked.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_course_activity_locked.html.liquid new file mode 100644 index 00000000..0e21bb94 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_course_activity_locked.html.liquid @@ -0,0 +1,4 @@ +{% comment %} {% endcomment %} + + {{ activity.title }} + diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_course_activity_unlocked.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_course_activity_unlocked.html.liquid new file mode 100644 index 00000000..c7c8270f --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_course_activity_unlocked.html.liquid @@ -0,0 +1,9 @@ + + {{ activity.title }} + diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_course_banner.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_course_banner.html.liquid new file mode 100644 index 00000000..6f899e92 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_course_banner.html.liquid @@ -0,0 +1,21 @@ +
+
+ {{ course.name }} +
+
{{ course.name }}
+ {% include "course_details_review" %} +
+
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_course_desktop_view.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_course_desktop_view.html.liquid new file mode 100644 index 00000000..6cc32814 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_course_desktop_view.html.liquid @@ -0,0 +1,60 @@ +
+
+ {% include "course_banner" %} +
+ {% include "course_description" %} + + {% comment %} {% if course.categories.any? %} +
+ {% include "course_categories" %} +
+ {% endif %} {% endcomment %} + + {% if course.instructors.any? %} +
+ {% include "course_instructors" %} +
+ {% endif %} + + {% if course.events.any? %} +
+ {% include "course_events" %} +
+ {% endif %} +
+
+
+ {% include "course_progress_and_cta" %} +
+ {% include "course_outline" %} +
+
+
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_course_details.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_course_details.html.liquid new file mode 100644 index 00000000..1a977070 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_course_details.html.liquid @@ -0,0 +1,36 @@ +{% assign activities_count = 0 %} +{% for course_section in course.sections %} + {% for course_activity in course_section.activities %} + {% assign activities_count = activities_count | plus: 1 %} + {% endfor %} +{% endfor %} + +
+
+ {{ activities_count }} + + {% if activities_count == 1 %}Activity{% else %}Activities{% endif %} + +
+
+
+
+ {% if course.properties.course_length contains 'missing property' %} + missing property: course.properties.course_length + {% else %} + {% if course.properties.course_length %} + {% if course.properties.course_length > 0 %} + {{course.properties.course_length}} minsDuration + {% else %} +
   
+ {% endif %} + {% endif %} + {% endif %} +
+
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_course_details_review.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_course_details_review.html.liquid new file mode 100644 index 00000000..6add058d --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_course_details_review.html.liquid @@ -0,0 +1,60 @@ +{% assign activities_count = 0 %} +{% for course_section in course.sections %} + {% for course_activity in course_section.activities %} + {% assign activities_count = activities_count | plus: 1 %} + {% endfor %} +{% endfor %} + +
+
+ {{ activities_count }} + + {% if activities_count == 1 %}Activity{% else %}Activities{% endif %} + +
+
+ {% if course.properties.course_length contains 'missing property' %} + missing property: course.properties.course_length + {% else %} + {% if course.properties.course_length %} + {% if course.properties.course_length > 0 %} + {{course.properties.course_length}} minsDuration + {% else %} +
   
+ {% endif %} + {% endif %} + {% endif %} +
+
+
+ {% for i in (1..5) %} + {% if course.properties.np_course_rating >= i %} + + + + {% else %} + + + + {% endif %} + {% endfor %} +
+ + {{course.properties.np_course_rating}}
({{course.properties.np_course_rating_count}})
+ +
+
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_course_instructors.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_course_instructors.html.liquid new file mode 100644 index 00000000..7cea219a --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_course_instructors.html.liquid @@ -0,0 +1,52 @@ +

+ Meet the Instructor +

+
+ {% for instructor in course.instructors limit: 2 %} +
+
+ {{ instructor.name }} +
+
+
+ {{ instructor.name }} +
+
+ {{ instructor.title }} +
+
+
+ {% endfor %} +
+ \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_course_mobile_view.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_course_mobile_view.html.liquid new file mode 100644 index 00000000..6d3a097a --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_course_mobile_view.html.liquid @@ -0,0 +1,73 @@ +
+ {% include "course_banner" %} +
+ {% include "course_progress_and_cta" %} +
+
+ +{% if course.progress == 0 %} +
+ {% include "course_description" %} +
+
+ {% include "course_outline" %} +
+{% else %} +
+ {% include "course_outline" %} +
+
+ {% include "course_description" %} +
+{% endif %} + +{% comment %} {% if course.categories.any? %} +
+ {% include "course_categories" %} +
+{% endif %} {% endcomment %} + +{% if course.instructors.any? %} +
+ {% include "course_instructors" %} +
+{% endif %} + +{% if course.events.any? %} +
+ {% include "course_events" %} +
+{% endif %} + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_course_outline.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_course_outline.html.liquid new file mode 100644 index 00000000..34361a1d --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_course_outline.html.liquid @@ -0,0 +1,38 @@ +
+
+ {% t .header, key: current_school.course_vocabulary %} +
+
+
    + {% for section in course.sections %} +
  1. +
    + {{ section.name }} +
    +
      + {% for activity in section.activities %} + +
    1. + {% if activity.completed? %} + + {% if activity.locked? %} + {% include "course_activity_locked" %} + {% else %} + {% include "course_activity_unlocked", class: "np-course-outline-content-activity-link-completed" %} + {% endif %} + {% else %} + + {% if activity.locked? %} + {% include "course_activity_locked" %} + {% else %} + {% include "course_activity_unlocked", class: "np-course-outline-content-activity-link" %} + {% endif %} + {% endif %} +
      2. + {% endfor %} +
    +
    2. + {% endfor %} +
+
+
diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_course_progress_and_cta.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_course_progress_and_cta.html.liquid new file mode 100644 index 00000000..a013dc21 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_course_progress_and_cta.html.liquid @@ -0,0 +1,47 @@ +
+
+ {% t .header %} +
+
+
+
+
+ +
+ {% t shared.progress, count: course.progress %} +
+
+ +{% if course.learner_can_retake? %} +
+ {% form_authenticity_token %} + +
+{% else %} + + {% if course.enrolled? == false %} + {% t shared.enroll %} + {% elsif course.started? == false %} + {% t shared.course.start, key: current_school.course_vocabulary %} + {% elsif course.completed? %} + {% t shared.course.view, key: current_school.course_vocabulary %} + {% else %} + {% t shared.continue %} + {% endif %} + +{% endif %} \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_course_rating.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_course_rating.html.liquid new file mode 100644 index 00000000..4aada999 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_course_rating.html.liquid @@ -0,0 +1,78 @@ +{% assign rating = course.properties.np_course_rating %} + +{% if isButton %} +
+{% else %} +
+{% endif %} +
+
+
+
+
+
+
+
+
+
+
+
+
{{ course.properties.np_course_rating }}
+
({{course.properties.np_course_rating_count}})
+
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_filter_by_progress.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_filter_by_progress.html.liquid new file mode 100644 index 00000000..34378e46 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_filter_by_progress.html.liquid @@ -0,0 +1,112 @@ +{% assign topic_classname = topic | split: " " %} + +
+ {% if label %} +
{{ label }}
+ {% endif %} +
+ +
+
+ + + diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_footer.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_footer.html.liquid new file mode 100644 index 00000000..f8dec398 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_footer.html.liquid @@ -0,0 +1,108 @@ + + + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_head.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_head.html.liquid new file mode 100644 index 00000000..99d1e352 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_head.html.liquid @@ -0,0 +1,12 @@ +{% styles default %} +{% styles colors %} +{% styles custom %} + + + + + + + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_header.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_header.html.liquid new file mode 100644 index 00000000..5b88c7fa --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_header.html.liquid @@ -0,0 +1,206 @@ +
+
+
+ {% if current_person.signed_in? %} + + + {% endif %} +
+ {% if current_school.logo_url %} +

+ + {{ current_school.name }} + +

+ {% else %} + + {{ current_school.name }} + + {% endif %} + +
+ +
+ + {% if current_person.signed_in? %} +
+
+ + +
+
+
+ + +
+ {% else %} +
+ {{ website_navigation.name }} + + {% endfor %} +
+ {% unless current_school.sso_active? %} + + {% t .profile_settings %} + + {% endunless %} + + {% t .sign_out %} + +
+
+
+ +{% include "messages" %} + + + + + diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_homepage_hero_carousel.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_homepage_hero_carousel.html.liquid new file mode 100644 index 00000000..d0b62989 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_homepage_hero_carousel.html.liquid @@ -0,0 +1,196 @@ +
+
+ {{ homepage.headline }} +
+
+ {{ homepage.headline }} +
+
+ {{ homepage.subheadline }} +
+
+
+ +
+ {{ homepage.headline }} +
+
+ {{ homepage.headline }} +
+
+ {{ homepage.subheadline }} +
+
+
+ +
+ {{ homepage.headline }} +
+
+ {{ homepage.headline }} +
+
+ {{ homepage.subheadline }} +
+
+
+
+ + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_learning_path_instructors.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_learning_path_instructors.html.liquid new file mode 100644 index 00000000..f7c0d2db --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_learning_path_instructors.html.liquid @@ -0,0 +1,28 @@ +{% if learning_path.instructors.any? %} +
+

+ {% t shared.instructors %} +

+
+ {% for instructor in learning_path.instructors %} +
+
+ {{ instructor.name }} +
+
+
+ {{ instructor.name }} +
+
+ {{ instructor.title }} +
+
+
+ {% endfor %} +
+
+{% endif %} diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_learning_path_progress_and_cta.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_learning_path_progress_and_cta.html.liquid new file mode 100644 index 00000000..106bf9a1 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_learning_path_progress_and_cta.html.liquid @@ -0,0 +1,43 @@ +{% if learning_path.enrolled? %} +
+
+ {% t .progress %} +
+
+
+
+
+
+ {% t shared.progress, count: learning_path.progress %} +
+
+{% 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 %} + diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_progress_circle.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_progress_circle.html.liquid new file mode 100644 index 00000000..5b4012de --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_progress_circle.html.liquid @@ -0,0 +1,80 @@ +
+ + + + {{count}} + +

+ {{name}} +

+
+ + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_section_faqs.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_section_faqs.html.liquid new file mode 100644 index 00000000..42f1fb7b --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_section_faqs.html.liquid @@ -0,0 +1,106 @@ +
+
+
+ Frequently Asked Questions +
+
+
+
+
+
+ +
Q: Do I need to be a customer before creating a course on Northpass?
+
+
+
+

A: Absolutely not! We often set up trials for folks shopping for an LMS. To set up your trial, click the following link and you’ll be intro’d to the correct reps to get started.

+
+
+
+
+
+ +
Q: Do I need to sign up for an advanced package option?
+
+
+
+

A: No, Northpass product packages have a variety of services. Our Essentials package is great to get started, especially with internal training. Looking for something more, both our Premium and Enterprise packages allow for advanced options including custom design and data connections via webhooks and API. To learn more, please contact your rep or support@northpass.com.

+
+
+
+
+
+ +
Q: There are a lot of courses, which one should I start with as a new admin?
+
+
+
+

A: We recommend starting with the Getting Started with Northpass Learning Path. It has all the foundational information needed to become familiar with our platform. Even more, you can pick and choose which information you’d like to view in the Learning Path.

+
+
+
+
+
+
+
+ +
Q: I cannot find a course on a topic, how should I share this feedback?
+
+
+
+

A: Thank you for letting us know that you’d like to learn something more. Please reach out to our support team at support@northpass.com and our service team is happy to assist.

+
+
+
+
+
+ +
Q: I'm having a billing issue, who should I contact?
+
+
+
+

A: Great question and happy to help! For all billing inquiries, please reach out to billing@northpass.com, and our finance and operations team is happy to assist.

+
+
+
+
+
+ +
Q: I'm interested in setting up an integration that's not listed. What should I do?
+
+
+
+

A: Excellent, we always look forward to new integrations. Please reach out to support@northpass.com and your assigned rep when applicable. They will be happy to help further and loop in the respective folks to scope out the integration further.

+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_section_popular_topics.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_section_popular_topics.html.liquid new file mode 100644 index 00000000..fbc35ae2 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_section_popular_topics.html.liquid @@ -0,0 +1,27 @@ +
+
+
+ Popular Topics +
+
+
+
+ Course Publishing + Course Marketplace + Interactive Content + Learning Paths + Authentication + Edit Domain Name + Analytics + Instructor Led Training + Integrations + Advanced Options +
+
+
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_section_tips_tricks.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_section_tips_tricks.html.liquid new file mode 100644 index 00000000..766e4766 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_section_tips_tricks.html.liquid @@ -0,0 +1,76 @@ +{% capture quotes %} + + + + + + + + + +{% endcapture %} + +
+
+
+ Testimonials From Our Customers +
+
+ + +
+ + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_sub_navigation.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_sub_navigation.html.liquid new file mode 100644 index 00000000..bc2170bb --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_sub_navigation.html.liquid @@ -0,0 +1,26 @@ + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_training_session_cta.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_training_session_cta.html.liquid new file mode 100644 index 00000000..3404e88f --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_training_session_cta.html.liquid @@ -0,0 +1,60 @@ +{% if training_session.approved? %} +
+ + {% t .registered %} +
+{% elsif training_session.pending? %} +
+ {% t .pending %} +
+{% elsif training_session.denied? %} +
+ {% t .denied %} +
+{% elsif training_session.too_late? %} +
+ {% t .too_late %} +
+{% elsif training_session.no_seats? %} +
+ {% t .no_seats %} +
+{% endif %} +
+
+
+ {% form_authenticity_token %} + + {% if training_session.internal? and training_session.approved? %} + {% if features.training_events_google_calendar? %} + {% include "training_session_calendars" %} + + {% else %} + + {% endif %} + + + {% endif %} + + {% if training_session.not_registered? %} + + {% endif %} +
+
+
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_training_session_date.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_training_session_date.html.liquid new file mode 100644 index 00000000..7963ec43 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_training_session_date.html.liquid @@ -0,0 +1,14 @@ +
+
+
+ {{ training_session.day }} +
+
+
+ {{ training_session.month }} +
+
+ {{ training_session.year }} +
+
+
diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_training_session_details.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_training_session_details.html.liquid new file mode 100644 index 00000000..c53a7c5c --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_training_session_details.html.liquid @@ -0,0 +1,24 @@ +
+ {% include "training_session_date" %} + +
+ + {{ training_session.time_period }} {{ training_session.time_zone }} +
+ + {% if training_session.location %} +
+ + {{ training_session.location }} +
+ {% endif %} + + {% if training_session.session_url %} +
+ + + {{ training_session.session_url }} + +
+ {% endif %} +
diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_training_session_header.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_training_session_header.html.liquid new file mode 100644 index 00000000..c94dddd8 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_training_session_header.html.liquid @@ -0,0 +1,10 @@ +
+ {% t shared.event_types, key: training_event.event_type %} + +
+
+ + + + {{ training_event.title }} +
diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_widget_course_progress.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_widget_course_progress.html.liquid new file mode 100644 index 00000000..57517a2f --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/_widget_course_progress.html.liquid @@ -0,0 +1,88 @@ +
+
+
+ {% if courses.enrolled.any? %} + {% assign countComplete = 0 %} + {% assign countInProgress = 0 %} + {% assign countNotStarted = 0 %} + {% assign countTotal = 0 | times: 1.0 %} + {% for course in courses.enrolled %} + {% assign countTotal = countTotal | plus: 1 %} + {% if course.progress == 100 %} + {% assign countComplete = countComplete | plus: 1 %} + {% endif %} + {% if course.progress > 0 and course.progress < 100 %} + {% assign countInProgress = countInProgress | plus: 1 %} + {% endif %} + {% if course.progress == 0 %} + {% assign countNotStarted = countNotStarted | plus: 1 %} + {% endif %} + {% endfor %} +
    +
  • + {% + include "progress_circle", + name:'Completed' , + count: countComplete , + total: countTotal, + size: "120", + stroke_color: "rgba(43, 178, 76, 1)", + stroke_color_bg: "rgba(255, 255, 255, 0.15)" + %} +
    • +
  • + {% + include "progress_circle", + name:'In Progress' , + count: countInProgress , + total: countTotal, + size: "120", + stroke_color: "rgba(43, 178, 76, 1)", + stroke_color_bg: "rgba(255, 255, 255, 0.15)" + %} +
    • +
+ {% else %} + {% capture message %} + {% t shared.zero_state.courses.index, + key: current_school.course_vocabulary + %} + {% endcapture %} + {% include "courses_zero_state", message: message %} + {% endif %} +
+
+
+ + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/course.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/course.html.liquid new file mode 100644 index 00000000..aeda28de --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/course.html.liquid @@ -0,0 +1,53 @@ +{% include "header" %} +{% include "sub_navigation" %} +
+
+ {% include "course_desktop_view" %} +
+
+ {% include "course_mobile_view" %} +
+
+{% include "footer" %} + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/dashboard.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/dashboard.html.liquid new file mode 100644 index 00000000..aeb01a39 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/dashboard.html.liquid @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/homepage.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/homepage.html.liquid new file mode 100644 index 00000000..e486a6aa --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/homepage.html.liquid @@ -0,0 +1,74 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.featured %} +
+ {% include "homepage_hero_carousel" %} + {% include "sub_navigation" %} + +
+
+ {% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %} +
+
+
+
+
+ {{ homepage.featured_courses_headline }} +
+
+ {{ homepage.featured_courses_subheadline }} +
+
+ {% if courses.featured.any? %} +
+ {% for course in courses.featured %} +
+ {% include "cards_featured_course" with course %} +
+ {% endfor %} +
+ {% else %} +
+
+ {% t .empty, key: current_school.course_vocabulary %} +
+ {% t .empty, key: current_school.course_vocabulary %} +
+ {% endif %} +
+
+
+ + + {% include "section_faqs" %} + +
+{% include "footer" %} + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/learning_path.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/learning_path.html.liquid new file mode 100644 index 00000000..e3d4db1f --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/learning_path.html.liquid @@ -0,0 +1,54 @@ +{% include "header" %} +{% include "sub_navigation" %} +
+
+ {% include "learning_path_desktop_view" %} +
+
+ {% include "learning_path_mobile_view" %} +
+
+{% include "footer" %} + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/learning_paths.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/learning_paths.html.liquid new file mode 100644 index 00000000..980f664e --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/learning_paths.html.liquid @@ -0,0 +1,41 @@ +{% include "header" %} +{% include "sub_navigation" %} +
+
+
+ {% t shared.learning_paths %} +
+
+ {% t .subtitle %}. +
+ {% include "learning_paths_index", items: learning_paths.available %} +
+
+{% include "footer" %} + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/new-dashboard.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/new-dashboard.html.liquid new file mode 100644 index 00000000..35c0e97f --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/new-dashboard.html.liquid @@ -0,0 +1,230 @@ + +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.enrolled %} +{% include "sub_navigation" %} +
+
+
Hi {{current_person.first_name}}! 👋
+
This is what's relevant to you right now in Northpass Academy.
+
+
+
+ {% if features.learning_paths? %} +
+ {% t shared.learning_paths %} +
+ {% include "learning_paths_index", items: learning_paths.enrolled %} + {% endif %} +
+
+
Course Progress
+ {% include "widget_course_progress" %} +
+
+ +
+
+ {% if courses.enrolled.any? %} + {% if categories.enrolled.any? %} + {% assign all_categories = categories.enrolled | map: "name" %} + {% for enrolled_category in all_categories %} +
+
+
+ Topic +
+
+ {{ enrolled_category }} +
+
+ {% + include "filter_by_progress", + label: "Filter by Progress:", + default_option: "All Courses", + topic: enrolled_category, + %} +
+ {% + include "carousel_courses", + items: courses.enrolled, + topic: enrolled_category, + %} + {% endfor %} + {% else %} + {% assign enrolled_category = "Not Categorized" %} +
+
+
+ Topic +
+
+ {{ enrolled_category }} +
+
+ {% + include "filter_by_progress", + label: "Filter by Progress:", + default_option: "All Courses", + topic: enrolled_category, + %} +
+ {% + include "carousel_courses", + items: courses.enrolled, + topic: enrolled_category, + %} + {% endif %} + {% else %} +
+ Courses +
+ {% capture message %} + {% t shared.zero_state.courses.index, + key: current_school.course_vocabulary + %} + {% endcapture %} +
+ {% include "courses_zero_state", message: message %} +
+ {% endif %} +
+
+ +
+
+
+ Training Events +
+
+ Discover online events to maximize your learning +
+ {% if training_events.enrolled.any? %} + {% + include "carousel_events", + items: training_events.enrolled, + %} + {% else %} +
+ {% include "training_events_zero_state" %} +
+ + {% endif %} +
+
+ +
+
+
+ Meet the Team +
+ {% + include "carousel_instructors", + %} +
+
+
+{% include "footer" %} + + + diff --git a/NP_Custom_Templates/customer_templates/JnJVision/styles.css.liquid b/NP_Custom_Templates/customer_templates/JnJVision/styles.css.liquid new file mode 100644 index 00000000..db2a5061 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/styles.css.liquid @@ -0,0 +1,1753 @@ +/* + 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 }} +*/ + +/**** TABLE OF CONTENTS ======== + +1.0 - GLOBAL STYLING +2.0 - PAGE SPECIFIC STYLING + 2.1 - HOMEPAGE + 2.2 - DASHBOARD + 2.3 - CATALOG + 2.4 - COURSE COVER PAGE + 2.5 - TRAINING SESSION + 2.6 - LOGIN PAGE + 2.7 - LEARNING PATH COVER PAGE +3.0 - COMPONENT SPECIFIC STYLING + 3.1 - HEADER + 3.2 - SUB NAV + 3.3 - FOOTER + 3.4 - BUTTONS + 3.5 - HEADINGS, SUBHEADS & GENERAL TEXT + 3.6 - COURSE CARD + 3.7 - LEARNING PATH CARD + 3.8 - TRAINING EVENT CARD + 3.9 - COURSE BANNER + 3.10 - COURSE DETAILS + 3.11 - COURSE OUTLINE + 3.12 - FILTER DROPDOWN + 3.13 - CAROUSEL - GLOBAL STYLES + 3.14 - CAROUSEL - EVENTS + 3.15 - CAROUSEL - COURSES + 3.16 - CAROUSEL - INSTRUCTORS + 3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY + 3.18 - HOMEPAGE SECTION - TIPS & TRICKS + 3.19 - HOMEPAGE SECTION - FAQS + 3.20 - HOMEPAGE SECTION - FEATURED COURSES +*/ + +/* + 1.0 GLOBAL SYLING +*/ + +body { + background: white; + font-family: "Lexend", "Roboto", sans-serif; +} + +div { + color: #fff; +} +.np-color-white { + color: #fff; +} +.np-main { + background: white; +} + +.np-main .np-resource-title, +.np-main .np-resource-subtitle, +.np-top-title, +.np-training-session-sessions-title, +.np-content-instructors-content-name, +.np-content-instructors-content-info { + color: #fff; +} + +.np-main .np-resource-subtitle, +.np-training-session-sessions-title, +.np-content-instructors-content-info { + opacity: 0.5; +} + +.np-resource-title { + font-weight: bold; +} +.np-resource-header-card { + background: transparent; + box-shadow: none; + color: #fff; +} + +.np-dashboard-border { + background: transparent; + border: 1px solid rgba(255, 255, 255, 0.15); +} + +.np-dashboard-border .np-card-content, +.np-dashboard-border.np-card-container { + background: transparent; +} +.np-dashboard-resources .np-card:last-of-type { + padding-bottom: 1rem; +} + +.np-card-content-divider { + border-top: 1px solid rgba(255, 255, 255, 0.15); + margin-top: 3rem; + padding-top: 3rem; +} + +.np-top-cta { + background: #555269; + border-radius: 0; +} +.np-text-light { + color: rgba(255, 255, 255, 0.5); +} +.np-flex-wrapper { + display: flex; +} + +.choices__list--dropdown .choices__item { + color: #002532; +} +.dropdown [type="checkbox"]:checked + label:before { + background-color: #298e4e; +} + +.dropdown-button-apply { + background: linear-gradient(90deg, #298e4e 0%, #035161 100%) !important; + color: #fff; +} + +.np-zero-state-text { + color: #fff; + opacity: 0.5; +} +.np-dashboard-resources-container, +.np-learning-paths-resources-container { + border: 1px solid rgba(255, 255, 255, 0.5); + border-radius: 0; +} + +.np-course-version-outdated-popup-trigger, +.np-popup-header-icon { + color: #2bb24c; +} +.np-popup-tooltip { + background-color: #555269; + color: #fff; + border: 2px solid rgba(255, 255, 255, 0.5); + border-radius: 0; + bottom: 30px; + box-shadow: 0 2px 8px 0 rgb(53 64 78 / 25%); +} +.np-popup-header { + background-color: #555269; + border-radius: 0; + color: #fff; +} +.np-popup-body, +.np-popup-header-title { + color: #fff; +} +.np-popup-body-button { + background: linear-gradient(90deg, #298e4e 0%, #035161 100%); + border-radius: 0; + text-transform: uppercase; +} + +.np-alert.np-alert-info { + background: linear-gradient(90deg, #298e4e 0%, #035161 100%); +} + +@media (min-width: 768px) { + .np-md-flex-wrapper { + display: flex; + } +} + +/* + 2.0 - PAGE SPECIFIC STYLING +*/ + +/* + 2.1 - HOMEPAGE +*/ +.np-homepage-hero-image { + height: 300px; +} + +.np-homepage-hero-content { + padding: 2.25rem 2.5rem; + bottom: 0; +} +.np-homepage-featured-text { + padding: 0 2rem 2rem; +} +.np-homepage-featured { + margin-top: 4rem; +} +.np-homepage-featured .np-homepage-headline, +.np-homepage-featured .np-homepage-subheadline { + color: #fff; +} + +.np-homepage-hero .np-homepage-headline { + font-size: 32px; + line-height: 48px; +} +.np-homepage-featured .np-homepage-subheadline { + opacity: 0.5; +} + +.np-homepage-hero-cta, +.np-button.np-homepage-hero-cta { + margin-top: 1.5rem; + background: rgba(0, 37, 50, 0.5); + text-transform: uppercase; + height: 40px; +} + +.np-topics-list { + margin: 0 4%; +} +.np-topics-list .np-stretch-content { + flex-flow: row wrap; +} +.np-topics-list .np-button-secondary { + margin: 6px 0; + flex: 0 1 1; +} + +.np-topics-list .np-button.np-top-button { + text-transform: none; + padding: 0 1rem; + white-space: normal; + text-align: center; +} + +@media screen and (min-width: 768px) { + .np-homepage-featured-text { + padding: 0 4rem 2rem; + } + .np-homepage-hero-image { + height: auto; + max-height: 475px; + } + .np-homepage-hero-content { + padding: 5rem 4rem 2.25rem; + bottom: 0; + } + + .np-homepage-hero-cta, + .np-button.np-homepage-hero-cta { + margin-top: 2.25rem; + height: 50px; + } + + .np-homepage-hero .np-homepage-headline { + font-size: 36px; + line-height: 45px; + } + .np-homepage-hero .np-homepage-subheadline { + font-size: 18px; + line-height: 24px; + } + .np-button { + font-size: 0.875rem; + height: 40px; + } + + .np-topics-list { + margin: 0 4.5%; + } + .np-topics-list .np-button-secondary { + margin: 6px; + flex: 0 1 calc(33.33% - 12px); + height: 52px; + } +} + +@media screen and (min-width: 992px) { + .np-homepage-hero-image { + max-height: 475px; + } + .np-homepage-hero-content { + bottom: auto; + } + + .np-homepage-hero .np-homepage-headline { + font-size: 58px; + line-height: 72px; + } + .np-homepage-hero .np-homepage-subheadline { + font-size: 24px; + line-height: 32px; + } + .np-topics-list .np-button-secondary { + flex: 0 1 calc(25% - 12px); + } + .np-homepage-featured { + margin-top: 6.25rem; + } +} + +@media screen and (min-width: 1200px) { + .np-topics-list .np-button-secondary { + flex: 0 1 calc(20% - 12px); + } + .np-homepage-hero .np-homepage-headline { + font-size: 66px; + line-height: 82px; + } +} + +/* + 2.2 - DASHBOARD PAGE +*/ + +.np-dashboard { + background: #062531; +} + +.np-dashboard-resources-title { + color: #fff; + opacity: 0.5; + margin-bottom: 19px; +} + +.np-dashboard .np-dashboard-resources-title, +.np-dashboard .np-md-flex-wrapper { + margin-bottom: 19px; +} +.np-dashboard .dashboard-section-courses .np-dashboard-resources-title { + margin-bottom: 0; +} +.np-dashboard .np-learning-paths-resources .np-card { + padding-bottom: 2.187rem; +} + +.np-dashboard-resources-category { + font-size: 20px; + line-height: 25px; + display: block; + font-weight: 500; + margin-top: 4px; +} + +@media (min-width: 768px) { + .np-dashboard .np-md-flex-wrapper .np-dashboard-resources-title { + margin-bottom: 0; + } + .np-dashboard-resources-title { + font-size: 0.937rem; + } + .np-dashboard .np-md-flex-wrapper { + justify-content: space-between; + align-items: flex-end; + } +} + +/* + 2.3 - CATALOG +*/ + +.np-catalog .np-progress-filter-wrapper, +.np-catalog .np-filter { + margin-bottom: 24px; +} +.catalog-filters { + display: flex; + justify-content: flex-end; + align-items: center; +} + +@media (min-width: 768px) { + .np-catalog-header { + align-items: start; + } + .np-catalog .np-progress-filter-wrapper, + .np-catalog .np-filter { + margin: 0; + } +} + +/* + 2.4 - COURSE COVER PAGE +*/ +#course-desktop .np-course-content { + background: #062531; + padding: 0; +} +#course-mobile .np-card-container { + background: #062531; + margin-top: 0; +} +.np-content-instructors-content-name { + font-size: 1.062rem; + margin-bottom: 3px; +} +.np-content-instructors-content-info { + font-size: 0.937rem; +} + +.np-content-categories-content-item { + background: linear-gradient(90deg, #298e4e 0%, #035161 100%); + color: #fff; +} + +/* + 2.5 TRAINING SESSION +*/ + +.np-training-session-tile, +.np-training-session-tile:hover { + background-color: #555269; + border-radius: 0; + color: #fff; +} + +.np-training-session-tile-icon, +.np-training-session .np-top-vocabulary .np-training-session-icon, +.np-button-color.np-training-session-icon { + color: #2bb24c; +} +.np-training-session-tile-chevron { + color: #fff; +} + +.np-training-session .np-card-training-session-date-bar { + left: 0; + right: auto; + transform: rotate(180deg); +} + +.np-training-session-zero-state { + border: 1px solid rgba(255, 255, 255, 0.5); + border-radius: 0px; +} + +/* + 2.6 LOGIN PAGE +*/ + +.np-account .np-form-action { + background: linear-gradient(90deg, #298e4e 0%, #035161 100%); + text-transform: uppercase; +} +.np-input-label { + color: #fff; + font-size: 0.85rem; + margin-bottom: 0.35rem; + opacity: 0.75; +} + +.np-account-avatar p { + color: #fff; +} +.terms-of-service a { + color: #2bb24c; +} +.np-account-avatar-choice .np-button-secondary { + background: transparent !important; + border: 1px solid rgba(255, 255, 255, 0.5); + color: #fff; + height: 40px !important; +} + +.np-open-access .np-box, +.np-open-access .np-box .np-header-color { + border-radius: 0; + background: #555269; + box-shadow: none; +} +.np-open-access .np-alert.np-alert-error, +.np-open-access .np-box .np-box-content-container .np-form-action { + background: linear-gradient(90deg, #298e4e 0%, #035161 100%); +} + +.np-open-access .np-box .np-box-content-container .np-form-headline { + color: #fff; + margin-bottom: 1.5rem; +} + +.np-open-access .np-box .np-box-content-container .np-form-subheadline { + color: #fff; + opacity: 0.75; +} + +.np-open-access .np-box .np-box-content-container .np-form-action { + background: linear-gradient(90deg, #298e4e 0%, #035161 100%); + text-transform: uppercase; +} + +/* + 2.7 - LEARNING PATH COVER PAGE +*/ + +.np-learning-path-outline-inactive-item { + border: 1px solid rgba(255, 255, 255, 0.5); +} + +.np-learning-path-outline-bar { + background: rgba(255, 255, 255, 0.5); + border-radius: 0; + width: 3px; +} + +.np-top-image, +.np-learning-path-outline-course-image { + border-radius: 0; +} + +/* + 3.0 - COMPONENT SPECIFIC STYLING +*/ + +/* + 3.1 - HEADER +*/ +.np-header { + background: white; + border-bottom: 2px solid rgba(255, 255, 255, 0.05); +} + +.np-header.np-header-absolute { + background: transparent; + border-bottom: none; +} + +@media (min-width: 768px) { + .np-dashboard-header .np-resource-subtitle { + margin-bottom: 2.5rem; + } + .np-header-desktop-nav { + display: none; + } +} + +@media (min-width: 1024px) { + .np-header-desktop-nav { + display: flex; + } +} + +/* + 3.2 - SUB NAV +*/ + +.np-sub-navigation { + background: #062531; + margin-bottom: 1rem; + padding: 0 1rem 0; +} + +.np-sub-navigation-content-item-link { + justify-content: flex-end; + height: 30px; + color: #fff; + opacity: 0.5; +} + +.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link { + color: #fff; + opacity: 0.7; + font-weight: 500; + justify-content: flex-end; +} + +.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link, +.np-sub-navigation-content-item-active .np-sub-navigation-content-item-bar { + opacity: 1; +} + +.np-sub-navigation-content-item-bar { + background-color: #fff; + margin: 0 auto; + width: 100%; + opacity: 0; + display: block; + height: 0.2rem; +} + +/* + 3.3 - FOOTER +*/ +.np-footer { + background: #002532 !important; +} +.np-footer + .np-powered-by { + background: #002532 !important; +} +.np-footer-navigation-link, +.np-footer-social-links-icon.np-button-color, +.np-footer-support-link.np-button-color { + color: #2bb24c; +} +.np-footer-support-item { + color: rgba(255, 255, 255, 0.5); +} + +/* + 3.4 - BUTTONS +*/ + +.np-button { + border-radius: 0; +} + +.np-top-button.np-button.np-button-secondary, +.np-button.dropdown-button { + background-color: transparent !important; + background-image: none; + border: 1px solid rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); + font-weight: 600; +} + +.np-button.np-background-color, +.np-button.np-top-button, +.np-card-content-footer .np-button { + background: linear-gradient(90deg, #298e4e 0%, #035161 100%); + text-transform: uppercase; +} + +button.enwYlE, +button.enwYlE:hover { + background-color: transparent; + border: 1px solid rgba(255, 255, 255, 0.5); + border-radius: 0; + padding: 8px 12px; + color: #fff !important; +} + +button.jryxug { + color: #fff; +} +.bpSgf, +.fsgQJU { + color: rgba(255, 255, 255, 0.75) !important; +} + +.mjmTc { + border-radius: 0 !important; +} + +/* 3.5 - HEADINGS, SUBHEADS & GENERAL TEXT */ +.np-card-heading { + font-size: 1.25rem; +} +.np-text-title { + color: #fff; + font-size: 0.937rem; +} + +@media (min-width: 768px) { + .np-card-heading { + font-size: 1.5rem; + line-height: 1.875rem; + } + .np-card-text { + line-height: 1.75rem; + } +} + +/* + 3.6 - COURSE CARD +*/ +.np-card-container { + height: auto; + position: relative; + color: #fff; +} + +.np-card-container, +.np-card-container-training-session { + background: #555269; + border-radius: 0; + box-shadow: none; +} + +.np-card-padding, +.np-card-padding-dynamic { + padding: 1.5rem; +} + +.np-card-image-overlay { + position: absolute; + width: 100%; + height: 100%; + opacity: 0.9; +} + +.np-card-image-content-top, +.np-card-image-content-bottom { + position: absolute; + left: 1.5rem; + z-index: 1; +} + +.np-card-image-content-top { + top: 1.5rem; +} +.np-card-image-content-bottom { + bottom: 1.5rem; + display: flex; + justify-content: space-between; + align-items: center; +} +.np-card-image-content-bottom .np-card-content-progress { + color: #fff; + margin-top: 0; +} +.np-card-content { + background: #555269; +} +.np-card-content-footer { + margin-top: 1.2rem; +} +.np-card-content-footer .np-button { + width: 100%; +} + +@media screen and (min-width: 768px) { + .np-card-content-title { + font-size: 1.1rem; + flex: 1; + } + + .np-card-image-content-top, + .np-card-image-content-bottom { + left: 1.5rem; + right: 1.5rem; + } + + .np-card-image-content-top { + top: 1.5rem; + } + .np-card-image-content-bottom { + bottom: 1.5rem; + } + .np-card-padding, + .np-card-padding-dynamic { + padding: 1.5rem; + } +} + +@media screen and (min-width: 1024px) { + .np-card-content-title { + font-size: 1.5rem; + } + + .np-card-image-content-top, + .np-card-image-content-bottom { + left: 2rem; + right: 2rem; + } + + .np-card-image-content-top { + top: 2rem; + } + .np-card-image-content-bottom { + bottom: 2rem; + } + .np-card-padding, + .np-card-padding-dynamic { + padding: 2rem; + } +} + +/* + 3.7 - LEARNING PATH CARD +*/ + +.np-learning-path .np-card-text-wrapper { + position: relative; + z-index: 2; +} + +.np-learning-paths .np-card-content-description { + color: #fff; +} +.np-learning-path .np-card-content-title { + color: #fff; + flex: 2; +} +.np-learning-paths .np-learning-path .np-card-content-title { + flex: none; +} +.np-learning-path .np-card-content-progress { + color: #2bb24c; +} +.np-learning-path .np-card-content-footer .np-button { + width: auto; +} + +@media (min-width: 768px) { + .np-learning-path-image { + width: 37%; + } + .np-card-content-title { + flex: 0; + } + + .np-main:not(.np-training-events) .np-dashboard-resources .np-card { + padding-right: 0; + padding-left: 0; + } + + .np-learning-paths .np-card-content { + padding: 2rem; + height: 100%; + } + + .np-learning-path .np-card-content { + height: 100%; + display: flex; + } + + .np-learning-path { + display: flex; + } +} + +@media (min-width: 1024px) { + .np-learning-path { + display: flex; + min-height: 260px; + } +} + +/* + 3.8 - TRAINING EVENTS CARD +*/ + +.np-event-card .np-card-container { + border: 2px solid rgba(255, 255, 255, 0.15); +} + +.np-event-card .np-card-content { + padding: 1.062rem 1rem 1.062rem 1.25rem; + border-top: 2px solid rgba(255, 255, 255, 0.15); + flex: 0; +} + +.np-card-content-training-event { + padding: 1rem 1rem 0.5rem; +} +.np-button.dropdown-calendar-button { + background: linear-gradient(90deg, #298e4e 0%, #035161 100%); +} +.np-card-content-training-event .np-card-content-title, +.np-card-content-training-event .np-card-content-subtitle { + color: #fff; +} +.np-card-content-training-event .np-card-content-subtitle { + opacity: 0.5; + flex: 1; +} + +.np-card-training-session { + margin-top: 0.9rem; + border-radius: 0; + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + margin-right: -10px; +} + +.np-card-training-session .np-card-content-label { + background: rgba(255, 255, 255, 0.15); + border-radius: 0; + color: #fff; + padding: 3px 6px; + margin-bottom: 0; +} + +.np-card-training-session-date-year, +.np-card-training-session-date-month { + text-align: right; + color: #fff; +} + +.np-training-session .np-card-training-session-date-year, +.np-training-session .np-card-training-session-date-month { + text-align: left; +} + +.np-card-training-session-date-day { + margin-right: 0; + margin-left: 5px; + color: #fff; +} + +.np-card-training-session-date-year { + opacity: 0.5; +} + +.np-card-training-session-date-bar { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + right: 0; + left: auto; + width: 0; + height: 0; + border-top: 16px solid transparent; + border-bottom: 18px solid transparent; + border-right: 16px solid #006161; + background: none; +} + +.np-card-training-sessions-label { + color: #fff; +} +.np-event-card .np-card-container { + height: 100%; +} +.np-card-training-sessions { + background: transparent; + padding: 0; +} + +.np-card-training-sessions .np-button { + background: linear-gradient(90deg, #298e4e -10.98%, #035161 100%); + font-weight: 800; + text-transform: uppercase; + font-size: 0.875rem; + height: 40px; +} + +@media (min-width: 768px) { + .np-card-content-training-event { + flex: 1; + display: flex; + flex-direction: column; + } + + .np-card-content-training-event { + padding: 2rem 2rem 0.5rem; + } +} + +/* + 3.9 - COURSE BANNER +*/ +.np-course-banner { + position: relative; + margin-bottom: 2.5rem; + padding: 0; +} + +.np-course-banner-image { + display: block; + width: 100%; +} + +.np-course-info.np-course-banner-info { + position: absolute; + bottom: 1.5rem; + left: 1.5rem; + width: 80%; +} + +.np-course-banner .np-course-title { + font-size: 1.5rem; + margin-bottom: 2rem; + font-weight: bold; +} + +@media (min-width: 768px) { + .np-course-banner-image { + margin: 0 0 0 auto; + width: 50%; + } + + .np-course-banner-overlay { + background: linear-gradient( + 238.17deg, + rgba(3, 81, 97, 0) 55.34%, + #298e4e 111.28% + ), + linear-gradient( + 90deg, + #035262 0%, + #035161 49.48%, + rgba(3, 82, 98, 0) 73.44% + ); + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + } + + .np-course-info.np-course-banner-info { + bottom: 2rem; + left: 2rem; + width: 75%; + } + + .np-course-banner .np-course-title { + font-size: 3rem; + margin-bottom: 2.5rem; + } +} + +@media (min-width: 1170px) { + .np-course-info.np-course-banner-info { + bottom: 5.25rem; + left: 6.25rem; + width: 60%; + } + + .np-course-banner .np-course-title { + font-size: 4.125rem; + margin-bottom: 3.125rem; + } +} + +/* + 3.10 - COURSE DETAILS +*/ +.np-course-details { + display: flex; +} + +.np-course-detail { + font-size: 1.125rem; + color: #fff; + flex: 0 1 calc(33.33%); +} + +.np-details-label { + text-transform: uppercase; + opacity: 0.5; + font-size: 0.75rem; + display: block; + font-weight: bold; + margin-top: 2px; +} + +@media screen and (min-width: 768px) { + .np-course-detail { + font-size: 1.5rem; + } + .np-course-banner-info .np-course-details { + max-width: 430px; + } +} + +@media (min-width: 1170px) { + .np-course-banner-info .np-course-detail { + font-size: 2rem; + } + .np-course-banner-info .np-details-label { + font-size: 1.062rem; + margin-top: 3px; + } +} + +/* + 3.11 - COURSE PROGRESS & CTA +*/ +.np-card-progress-bar-container, +.np-progress-bar-container { + background: #263e47; + border-radius: 0; +} + +.np-card-progress-bar { + border-radius: 0; + background-color: #2bb24c; +} + +.np-top-cta-progress-title { + color: #fff; + text-transform: none; + margin-top: 0.7rem; + margin-bottom: 0.7rem; +} +.np-top-cta-progress-text { + color: #2bb24c; +} + +/* + 3.12 - COURSE OUTLINE +*/ + +.np-course-outline-content { + margin-top: 20px; +} +.np-course-outline-content-section-name { + border-bottom: 1px solid rgba(255, 255, 255, 0.15); +} + +.np-course-outline-content-activity-list { + border-bottom: 1px solid rgba(255, 255, 255, 0.15); + padding: 1rem 0; +} + +.np-course-outline-content-activity-link { + color: #809299; + font-size: 0.937rem; +} + +.np-course-outline-content-activity-link-completed { + color: #fff; + font-size: 0.937rem; + font-weight: 400; +} + +.np-course-outline-content-activity-icon, +.np-course-outline-content-activity-title { + color: rgba(255, 255, 255, 0.5); + font-size: 0.937rem; + padding: 0.15rem 1.25rem 0 0.75rem; +} + +.np-course-outline-content-activity-icon.fa-check { + color: #2bb24c; +} + +.np-course-outline-content-activity-icon.icon-course-not-started { + position: relative; + width: 20px; + height: 17px; + margin-left: 11px; + margin-right: 5px; +} + +.np-course-outline-content-activity-icon.icon-course-not-started::before, +.np-course-outline-content-activity-icon.icon-course-not-started::after { + content: ""; + position: absolute; + width: 16px; + height: 2px; + background-color: rgba(255, 255, 255, 0.25); + left: 0; + top: 5px; +} + +.np-course-outline-content-activity-icon.icon-course-not-started::before { + width: 9px; + top: 10px; +} + +/* + 3.12 - FILTER DROPDOWN +*/ + +.np-button.dropdown-button { + border: 2px solid rgba(255, 255, 255, 0.25); + padding: 9px 60px 9px 20px; + height: auto; + position: relative; + color: #fff; +} + +.np-button.dropdown-button:before { + content: ""; + position: absolute; + width: 20px; + height: 100%; + border-left: 2px solid rgba(255, 255, 255, 0.25); + right: 20px; + top: 0; +} + +.np-button.dropdown-button:after { + content: "\f078"; + font-family: "Font Awesome 5 Pro"; + position: absolute; + width: 20px; + height: 100%; + color: rgba(255, 255, 255, 0.5); + right: 10px; + top: 0; + display: flex; + justify-content: center; + align-items: center; + font-size: 1rem; +} + +.dropdown-menu { + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.25); + color: #fff; + background-color: #062531; + box-shadow: none; + top: 95%; +} + +/* + 3.13 - CAROUSEL - GLOBAL STYLES +*/ + +.np-carousel { + margin-bottom: 3rem; +} +.np-carousel-bg-blue { + background: #555269; +} +.np-carousel .slick-track { + display: flex; +} +.np-carousel .slick-slide { + height: auto; +} +.np-carousel .np-card { + height: 100%; +} + +.np-carousel .slick-arrow { + color: #006161; + font-size: 2.5rem; + opacity: 1; + transition: opacity 0.2s; + display: flex; + align-items: center; + top: 0; +} + +.np-carousel .slick-arrow:before { + position: absolute; + width: 80px; + z-index: 500; + display: flex; + height: 100%; + align-items: center; + top: 0; +} + +.np-carousel .slick-arrow.fa-chevron-left { + left: -8px; +} + +.np-carousel .slick-arrow.fa-chevron-right { + right: -8px; + justify-content: flex-end; +} + +.np-carousel .slick-arrow.fa-chevron-left:before { + background: linear-gradient(90deg, #00283d 36.11%, rgba(0, 37, 50, 0) 100%); + cursor: pointer; +} + +.np-carousel .slick-arrow.fa-chevron-right:before { + background: linear-gradient(270deg, #00283d 36.11%, rgba(0, 37, 50, 0) 100%); + justify-content: flex-end; + cursor: pointer; +} + +.np-carousel .slick-arrow.slick-disabled { + opacity: 0; + cursor: text; +} +.np-carousel-card .np-card { + padding-bottom: 0; +} + +.np-carousel .slick-dots { + display: flex; + justify-content: space-between; + padding: 0; + margin: 0 auto; + max-width: 200px; +} +.np-carousel .slick-dots li button { + display: none; +} + +.np-carousel .slick-dots li::marker { + color: #2bb24c; + font-size: 1.7rem; +} + +@media (min-width: 768px) { + .np-carousel .slick-track { + margin-left: 0; + } + + .np-carousel .slick-arrow.fa-chevron-right:before { + background: linear-gradient( + 270deg, + #00283d 36.11%, + rgba(0, 37, 50, 0) 100% + ); + } + + .np-carousel .slick-arrow.fa-chevron-left:before { + background: linear-gradient(90deg, #00283d 36.11%, rgba(0, 37, 50, 0) 100%); + } +} + +@media (min-width: 1024px) { + .np-carousel .slick-arrow:before { + width: 100px; + } +} + +/* + 3.14 - CAROUSEL - EVENTS +*/ +.events-carousel { + background: #555269; + padding: 1.5rem 0; + margin: 0 1.1rem 3rem; +} +.events-carousel .slick-track { + padding: 0 8px; +} +.events-carousel .np-card { + padding: 0 0.8rem; +} +.events-carousel .slick-arrow.fa-chevron-right { + right: -26px; +} +.events-carousel .slick-arrow.fa-chevron-left { + left: -26px; +} + +@media (min-width: 768px) { + .events-carousel .np-card { + padding: 0 1rem; + } + .events-carousel { + padding: 2rem 0; + margin: 0 0 3rem; + } + .events-carousel .slick-arrow.fa-chevron-right { + right: -8px; + } + .events-carousel .slick-arrow.fa-chevron-left { + left: -8px; + } +} + +@media (min-width: 1170px) { + .events-carousel .np-card { + padding: 0 1rem; + } +} + +/* + 3.15 - CAROUSEL - COURSES +*/ + +@media (min-width: 768px) { + .courses-carousel { + margin-left: -1rem; + margin-right: -1rem; + } + + .courses-carousel .np-carousel-card .np-card { + padding-right: 1rem; + padding-left: 1rem; + } +} + +@media (min-width: 1024px) { + .courses-carousel { + margin-left: -2rem; + margin-right: -2rem; + } + .courses-carousel .np-carousel-card .np-card { + padding-right: 2rem; + padding-left: 2rem; + } +} + +/* + 3.16 - CAROUSEL - INSTRUCTORS +*/ +.instructors-carousel .instructor-slide { + display: flex !important; + align-items: center; +} +.instructors-carousel .instructor-image { + border-radius: 50%; + width: 100px; + height: 100px; + min-width: 100px; + background: #555269; + display: flex; + justify-content: center; + align-items: center; + margin-right: 16px; +} + +.instructors-carousel .instructor-image img { + border-radius: 50%; + width: 80px; + height: 80px; +} + +.instructors-carousel .instructor-name { + font-size: 18px; + line-height: 22px; + font-weight: bold; +} + +.instructors-carousel .instructor-email { + font-size: 14px; + line-height: 18px; + font-weight: 500; + color: #2bb24c; + text-decoration: none; +} + +.instructors-carousel .instructor-joined { + font-size: 14px; + line-height: 20px; + font-weight: 500; + opacity: 0.5; + margin-top: 16px; +} + +@media (min-width: 1024px) { + .instructors-carousel { + margin-top: 32px; + } + + .instructors-carousel .instructor-image { + width: 160px; + height: 160px; + min-width: 160px; + margin-right: 22px; + } + + .instructors-carousel .instructor-image img { + width: 120px; + height: 120px; + } + .instructors-carousel .instructor-name { + font-size: 20px; + line-height: 25px; + } + .instructors-carousel .instructor-email { + font-size: 16px; + line-height: 20px; + } + .instructors-carousel .instructor-joined { + font-size: 16px; + margin-top: 20px; + } +} + +/* + 3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY +*/ + +.featured-photography-carousel { + margin: 0 22px 3rem; + padding: 2rem 0; +} +.featured-photography-carousel .slick-track { + padding: 0 2rem; +} +.featured-photography-carousel .slick-arrow { + margin: 0 -10px; +} + +.featured-photography-carousel .slide-label { + font-size: 0.9375rem; + margin-top: 8px; + font-weight: 600; +} + +@media (min-width: 768px) { + .featured-photography-carousel { + margin: 0 2rem 3rem; + } + .featured-photography-carousel .slick-arrow { + margin: 0; + } +} + +@media (min-width: 1024px) { + .featured-photography-carousel { + margin: 0 4.0625rem 3rem; + } +} + +/* + 3.18 - HOMEPAGE SECTION - TIPS & TRICKS +*/ + +.tips-tricks-carousel { + margin: 0 4% 3rem; +} + +.tips-tricks-carousel .quote-block { + padding: 1.5rem; + font-size: 16px; + line-height: 20px; + font-weight: 400; + position: relative; + max-width: 752px; + margin: 0 2.5rem; +} + +.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-left:before, +.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-right:before { + background: none; +} + +.tips-tricks-carousel .quotes-left { + font-size: 32px; + position: absolute; + top: 0px; + left: -30px; + background: linear-gradient(170.43deg, #298e4e 4.83%, #035161 92.25%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.tips-tricks-carousel .quote-author-info { + font-size: 17px; + padding-right: 1.5rem; + text-align: right; + margin: 1rem 2.5rem 0; +} + +.tips-tricks-carousel .quote-author-info span { + font-size: 15px; + font-weight: 500; + opacity: 0.5; +} + +@media (min-width: 1024px) { + .tips-tricks-carousel { + margin: 0 4.0625rem 3rem; + } + + .tips-tricks-carousel .np-carousel-card { + display: flex !important; + align-items: center; + margin: 0 120px 0 180px; + } + + .tips-tricks-carousel .quote-block { + padding: 3.75rem; + font-size: 24px; + line-height: 30px; + margin: 0; + } + + .tips-tricks-carousel .quotes-left { + font-size: 50px; + top: 15px; + left: -30px; + } + + .tips-tricks-carousel .quote-author-info { + font-size: 20px; + margin: 0; + margin-left: 48px; + padding: 0; + text-align: left; + } + + .tips-tricks-carousel .quote-author-info span { + font-size: 16px; + } +} + +@media (min-width: 1024px) and (max-width: 1440px) { + .tips-tricks-carousel { + margin: 0 4.514vw 3rem; + } + + .tips-tricks-carousel .np-carousel-card { + margin: 0 8.333vw 0 12.5vw; + } + + .tips-tricks-carousel .quote-block { + padding: 3.472vw; + font-size: 1.667vw; + line-height: 2.083vw; + max-width: 52.222vw; + } + + .tips-tricks-carousel .quotes-left { + font-size: 3.472vw; + top: 1.042vw; + left: -2.083vw; + } + + .tips-tricks-carousel .quote-author-info { + font-size: 1.389vw; + margin-left: 3.333vw; + } + .tips-tricks-carousel .quote-author-info span { + font-size: 1.111vw; + } +} + +/* + 3.19 - HOMEPAGE SECTION - FAQ +*/ + +.np-faq { + margin-bottom: 3rem; +} +.np-accordion { + margin: 0 22px 32px; +} + +.accordion-btn { + background-color: #555269; + color: #fff; + cursor: pointer; + width: 100%; + min-height: 76px; + padding: 0 18px 0 92px; + text-align: left; + border: none; + outline: none; + transition: 0.4s; + position: relative; + display: flex; + align-items: center; + border-radius: 8px; +} + +.fa-plus, +.fa-minus { + background: linear-gradient(90deg, #006161 0%, #006161 100%); + font-size: 2.5rem; + color: #fff; + position: absolute; + left: 0; + top: 0; + width: 76px; + height: 76px; + display: flex; + align-items: center; + justify-content: center; + transition: 0.4s; + border-radius: 8px 0 0 8px; +} + +.accordion-title, +.accordion-panel-content { + line-height: 1.375rem; + position: relative; +} +.accordion-panel-content { + padding: 18px; +} +.accordion-panel-content p { + margin-top: 0; +} + +.accordion-panel-content:before { + content: ""; + width: 75px; + height: 1px; + background: #2bb24c; + position: absolute; + top: 0; + left: 18px; +} + +.accordion-panel { + background-color: #555269; + max-height: 0; + overflow: hidden; + transition: max-height 0.4s ease-out; + margin-left: 76px; +} + +@media (min-width: 768px) { + .np-faqs { + margin: 0 4.0625rem; + } + .np-accordion { + margin: 0 8px 32px; + } +} + +/* + 3.20 - HOMEPAGE SECTION - FEATURED COURSES +*/ + +.np-homepage-featured-courses .np-card-container { + margin-bottom: 32px; + border-radius: 8px; +} +.np-homepage-featured-courses .col-xs-12:last-child .np-card-container { + margin-bottom: 0; +} +.np-featured-course { + display: block; +} +.np-featured-course.np-learning-path .np-card-content-progress { + color: #fff; +} +.np-featured-course .np-card-content-title { + flex: 0; + margin: 0 0 2px; +} +.np-featured-course .np-card-content-subtitle { + opacity: 0.5; +} +.np-featured-course .np-card-content-description { + color: #fff; + display: block; + line-height: 20px; + font-size: 1rem; +} +.np-featured-course .np-card-image-content-top { + width: 90%; +} +.np-featured-course-img-container { + position: relative; +} +.np-featured-course .np-card-text-wrapper { + flex: 2; +} + +@media (min-width: 992px) { + .np-featured-course { + display: flex; + } + .np-featured-course-img-container img { + position: absolute; + width: auto; + height: 100%; + } + .np-featured-course-img-container { + width: 40%; + } +} + +@media (min-width: 1200px) { + .np-featured-course-img-container { + width: 33.33%; + } +} + +/* northpass academy */ +.full-star { + color: #006161; +} +.empty-star { + color: #006161; + opacity: 0.25; +} + +.np-card-content-title { + shadow: 0!important; +} diff --git a/NP_Custom_Templates/customer_templates/JnJVision/training_events.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/training_events.html.liquid new file mode 100644 index 00000000..3d49fd7d --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/training_events.html.liquid @@ -0,0 +1,46 @@ +{% include "header" %} +{% include "sub_navigation" %} +
+
+
+
+ {% t .title %} +
+
+ {% t .subtitle %}. +
+
+
+ {% include "training_events_filter" %} +
+
+ {% include "training_events_index" %} +
+{% include "footer" %} + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/JnJVision/training_session.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/training_session.html.liquid new file mode 100644 index 00000000..813a5a19 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/JnJVision/training_session.html.liquid @@ -0,0 +1,34 @@ +{% include "header" %} +
+
+ {% include "training_session_desktop_view" %} +
+
+ {% include "training_session_mobile_view" %} +
+
+{% include "footer" %} + + \ No newline at end of file