From 70eb9825864ecb03d502f91a1235c0854ce56ce5 Mon Sep 17 00:00:00 2001 From: Norm Rasmussen Date: Mon, 2 May 2022 16:43:55 -0400 Subject: [PATCH] pixel dark & stripe --- .../customer_templates/.DS_Store | Bin 12292 -> 12292 bytes .../_cards_course.html.liquid | 52 + .../_cards_featured_course.html.liquid | 52 + .../_cards_learning_path.html.liquid | 65 + .../_cards_programs.html.liquid | 45 + .../_cards_training_event.html.liquid | 44 + .../_carousel_courses.html.liquid | 62 + .../_carousel_events.html.liquid | 37 + .../_carousel_instructors.html.liquid | 57 + .../_course_activity_locked.html.liquid | 4 + .../_course_activity_unlocked.html.liquid | 9 + .../_course_banner.html.liquid | 12 + .../_course_desktop_view.html.liquid | 32 + .../_course_details.html.liquid | 34 + .../_course_details_review.html.liquid | 44 + .../_course_instructors.html.liquid | 22 + .../_course_mobile_view.html.liquid | 40 + .../_course_outline.html.liquid | 38 + .../_course_progress_and_cta.html.liquid | 45 + .../_course_rating.html.liquid | 78 + .../_courses_catalog.html.liquid | 28 + .../_courses_index.html.liquid | 28 + .../_filter_by_progress.html.liquid | 112 ++ .../Custom Pixel Dark/_footer.html.liquid | 81 + .../Custom Pixel Dark/_head.html.liquid | 11 + .../Custom Pixel Dark/_header.html.liquid | 198 ++ .../_learning_path_desktop_view.html.liquid | 31 + .../_learning_path_mobile_view.html.liquid | 33 + .../_modal_popup.html.liquid | 108 + .../_progress_circle.html.liquid | 80 + .../_section_faqs.html.liquid | 99 + .../_section_featured_photography.html.liquid | 77 + .../_section_popular_topics.html.liquid | 15 + .../_section_tips_tricks.html.liquid | 61 + .../_sub_navigation.html.liquid | 13 + .../_training_session_date.html.liquid | 14 + .../_widget_achievements.html.liquid | 134 ++ .../_widget_course_progress.html.liquid | 68 + .../Custom Pixel Dark/catalog.html.liquid | 165 ++ .../Custom Pixel Dark/course.html.liquid | 11 + .../Custom Pixel Dark/dashboard.html.liquid | 226 +++ .../Custom Pixel Dark/homepage.html.liquid | 61 + .../learning_path.html.liquid | 10 + .../learning_paths.html.liquid | 14 + .../Custom Pixel Dark/styles.css.liquid | 1729 +++++++++++++++++ .../training_events.html.liquid | 19 + .../customer_templates/Stripe/.DS_Store | Bin 0 -> 6148 bytes ..._courses_partnertraining_index.html.liquid | 86 - .../Stripe/_cards_course.html.liquid | 10 + .../Stripe/_courses_sec3_index.html.liquid | 20 - .../Stripe/_header.html.liquid | 6 +- .../_header_desktop_menu_item.html.liquid | 8 + .../Stripe/_sub_navigation.html.liquid | 4 +- .../Stripe/_sub_navigation_item.html.liquid | 10 +- .../Stripe/homepage.html.liquid | 96 +- .../Stripe/partner-training.html.liquid | 4 +- .../Stripe/partner_certs.html.liquid | 17 + .../Stripe/partner_training.html.liquid | 15 + ...s.html.liquid => sec1-courses.html.liquid} | 6 +- .../Stripe/styles.css.liquid | 7 +- 60 files changed, 4328 insertions(+), 159 deletions(-) create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_course.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_featured_course.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_learning_path.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_programs.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_training_event.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_carousel_courses.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_carousel_events.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_carousel_instructors.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_activity_locked.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_activity_unlocked.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_banner.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_desktop_view.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_details.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_details_review.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_instructors.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_mobile_view.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_outline.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_progress_and_cta.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_rating.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_courses_catalog.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_courses_index.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_filter_by_progress.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_footer.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_head.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_header.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_learning_path_desktop_view.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_learning_path_mobile_view.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_modal_popup.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_progress_circle.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_faqs.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_featured_photography.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_popular_topics.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_tips_tricks.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_sub_navigation.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_training_session_date.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_widget_achievements.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/_widget_course_progress.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/catalog.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/course.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/dashboard.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/homepage.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_path.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_paths.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/styles.css.liquid create mode 100644 NP_Custom_Templates/customer_templates/Custom Pixel Dark/training_events.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Stripe/.DS_Store delete mode 100644 NP_Custom_Templates/customer_templates/Stripe/_backup_courses_partnertraining_index.html.liquid delete mode 100644 NP_Custom_Templates/customer_templates/Stripe/_courses_sec3_index.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Stripe/partner_certs.html.liquid create mode 100644 NP_Custom_Templates/customer_templates/Stripe/partner_training.html.liquid rename NP_Custom_Templates/customer_templates/Stripe/{sec3-courses.html.liquid => sec1-courses.html.liquid} (73%) diff --git a/NP_Custom_Templates/customer_templates/.DS_Store b/NP_Custom_Templates/customer_templates/.DS_Store index fde6e3cf608ad08d79c120c5690289ebd3064e6e..1a865f9a2e2961fbed9bbd60f9220d2343878e5e 100644 GIT binary patch delta 595 zcmZokXi1nL&Db_k##pqNfq{XUfkA+Qp@1QWA)ld=A(tU_vLK`KWCI-*Rz{#K%Va-w zrO9^cf{eMF1sT7wO;%v^-OSFx!olbRl$k$qqQ%6C>YGgj82LAIEA+6{3osU`Pd;uE5~JkjPNPke!om7@VA+TL3g228hs=oA2V1l#`zX)WY%A zn&Y{Rz!66v8%<{bHVbp}Q;5)tO=m&I +
+
+ {% if course.ribbon %} +
+ {{ course.ribbon }} +
+ {% endif %} +

+ {{ course.name }} +

+
+ {{ course.instructor_names }} +
+
+ {{ course.name }} +
+
+ {% t shared.progress, count: course.progress %} +
+
+
+ +
+ {% include "course_details" %} +
+ {% 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 %} + + +
+
+ diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_featured_course.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_featured_course.html.liquid new file mode 100644 index 00000000..524944fe --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_featured_course.html.liquid @@ -0,0 +1,52 @@ +
+
+
+
+
+ {% include "course_details" %} +
+ {{ course.name }} +
+
+ {% t shared.progress, count: course.progress %} +
+
+
+
+ +
+

+ {{ course.name }} +

+
+ {{ course.instructor_names }} +
+ +
+ {{ 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 %} + +
+
+
+
+
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_learning_path.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_learning_path.html.liquid new file mode 100644 index 00000000..35081909 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_learning_path.html.liquid @@ -0,0 +1,65 @@ +
+
+
+ {{ 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 %} + + +
+
+
+
+
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_programs.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_programs.html.liquid new file mode 100644 index 00000000..4f63cd2f --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_programs.html.liquid @@ -0,0 +1,45 @@ +
+
+
+ +

+ Photography +

+
+ {{ course.name }} +
+
+ {% t shared.progress, count: course.progress %} +
+
+
+ +
+ {% include "course_details" %} +
+ {% 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 %} + + +
+
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_training_event.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_training_event.html.liquid new file mode 100644 index 00000000..16fddc4c --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_cards_training_event.html.liquid @@ -0,0 +1,44 @@ +
+
+
+

+ {{ 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/Custom Pixel Dark/_carousel_courses.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_carousel_courses.html.liquid new file mode 100644 index 00000000..31cde206 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_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/Custom Pixel Dark/_carousel_events.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_carousel_events.html.liquid new file mode 100644 index 00000000..ab5b3388 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_carousel_events.html.liquid @@ -0,0 +1,37 @@ + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_carousel_instructors.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_carousel_instructors.html.liquid new file mode 100644 index 00000000..65379fe6 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_carousel_instructors.html.liquid @@ -0,0 +1,57 @@ +{% assign used_instructor_names = "" %} + + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_activity_locked.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_activity_locked.html.liquid new file mode 100644 index 00000000..0e21bb94 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_activity_locked.html.liquid @@ -0,0 +1,4 @@ +{% comment %} {% endcomment %} + + {{ activity.title }} + diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_activity_unlocked.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_activity_unlocked.html.liquid new file mode 100644 index 00000000..c7c8270f --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_activity_unlocked.html.liquid @@ -0,0 +1,9 @@ + + {{ activity.title }} + diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_banner.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_banner.html.liquid new file mode 100644 index 00000000..b0ff52a5 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_banner.html.liquid @@ -0,0 +1,12 @@ +
+
+ {{ course.name }} +
+
{{ course.name }}
+ {% include "course_details" %} +
+
\ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_desktop_view.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_desktop_view.html.liquid new file mode 100644 index 00000000..817b54f2 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_desktop_view.html.liquid @@ -0,0 +1,32 @@ +
+
+ {% 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" %} +
+
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_details.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_details.html.liquid new file mode 100644 index 00000000..50093c68 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_details.html.liquid @@ -0,0 +1,34 @@ +{% assign activities_count = 0 %} +{% assign quizzes_count = 0 %} + +{% for course_section in course.sections %} + {% for course_activity in course_section.activities %} + {% assign activities_count = activities_count | plus: 1 %} + + {% if course_activity.type == "quiz" %} + {% assign quizzes_count = quizzes_count | plus: 1 %} + {% endif %} + {% endfor %} +{% endfor %} + +
+
+ {{ activities_count }} + + {% if activities_count == 1 %}Activity{% else %}Activities{% endif %} + +
+
+ {{ quizzes_count }} + + {% if quizzes_count == 1 %}Quiz{% else %}Quizzes{% endif %} + +
+
+ {% if course.properties.course_length > 0 %} + {{course.properties.course_length}}minsTo Complete + {% else %} +
   
+ {% endif %} +
+
\ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_details_review.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_details_review.html.liquid new file mode 100644 index 00000000..eb722834 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_details_review.html.liquid @@ -0,0 +1,44 @@ +{% 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/Custom Pixel Dark/_course_instructors.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_instructors.html.liquid new file mode 100644 index 00000000..a2105665 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_instructors.html.liquid @@ -0,0 +1,22 @@ +

+ Meet the Instructor +

+
+ {% for instructor in course.instructors %} +
+ {{ instructor.name }} +
+
+ {{ instructor.name }} +
+
+ {{ instructor.title }} +
+
+
+ {% endfor %} +
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_mobile_view.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_mobile_view.html.liquid new file mode 100644 index 00000000..53c8b432 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_mobile_view.html.liquid @@ -0,0 +1,40 @@ +
+ {% 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 %} diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_outline.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_outline.html.liquid new file mode 100644 index 00000000..98d70aff --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_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/Custom Pixel Dark/_course_progress_and_cta.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_progress_and_cta.html.liquid new file mode 100644 index 00000000..f59d12bf --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_progress_and_cta.html.liquid @@ -0,0 +1,45 @@ +
+
+ {% 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/Custom Pixel Dark/_course_rating.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_course_rating.html.liquid new file mode 100644 index 00000000..4aada999 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_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/Custom Pixel Dark/_courses_catalog.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_courses_catalog.html.liquid new file mode 100644 index 00000000..5226e32e --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_courses_catalog.html.liquid @@ -0,0 +1,28 @@ +{% if courses.in_catalog.any? %} +
+ {% for course in courses.in_catalog %} + + {% comment %} USED FOR PROGRESS FILTER {% endcomment %} + {% assign catalog_course_status = "" %} + + {% if course.started? == false %} + {% assign catalog_course_status = "not-started" %} + {% elsif course.completed? %} + {% assign catalog_course_status = "completed" %} + {% elsif course.started? %} + {% assign catalog_course_status = "in-progress" %} + {% endif %} + +
+ {% include "cards_course" with course %} +
+ {% endfor %} +
+{% else %} + {% capture message %} + {% t shared.zero_state.courses.catalog, + key: current_school.course_vocabulary + %} + {% endcapture %} + {% include "courses_zero_state", message: message %} +{% endif %} diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_courses_index.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_courses_index.html.liquid new file mode 100644 index 00000000..d98207d8 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_courses_index.html.liquid @@ -0,0 +1,28 @@ +{% if courses.enrolled.any? %} +
+ {% for course in courses.enrolled %} + + {% 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 %} + +
+ {% include "cards_course" with course %} +
+ {% endfor %} +
+{% else %} + {% capture message %} + {% t shared.zero_state.courses.index, + key: current_school.course_vocabulary + %} + {% endcapture %} + {% include "courses_zero_state", message: message %} +{% endif %} diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_filter_by_progress.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_filter_by_progress.html.liquid new file mode 100644 index 00000000..9879187d --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_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/Custom Pixel Dark/_footer.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_footer.html.liquid new file mode 100644 index 00000000..bcde2e5a --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_footer.html.liquid @@ -0,0 +1,81 @@ +
+
+ {% if website_footer.show_navigation_links? %} +
+
    + {% for website_navigation in navigations.footer_navigations %} + {% if website_navigation.external? %} +
  • + + {{ website_navigation.name }} + +
    • + {% endif %} + {% endfor %} +
+
+ {% endif %} + {% if current_school.logo_url %} + + {% else %} +
+ {{ current_school.name }} +
+ {% endif %} +
+ +
+ + + {% if website_footer.show_customer_service_email? and + website_footer.school_customer_service_email + %} +
+
+ {% t .need_help %} +
+
+ {% t .email %} +
+ + {% comment %} {{ website_footer.school_customer_service_email }} {% endcomment %} + hey@pixel.io + +
+ {% endif %} +
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_head.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_head.html.liquid new file mode 100644 index 00000000..f8b42c49 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_head.html.liquid @@ -0,0 +1,11 @@ +{% styles default %} +{% styles colors %} +{% styles custom %} + + + + + + + + diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_header.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_header.html.liquid new file mode 100644 index 00000000..272c9569 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_header.html.liquid @@ -0,0 +1,198 @@ +
+
+
+ {% 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/Custom Pixel Dark/_learning_path_desktop_view.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_learning_path_desktop_view.html.liquid new file mode 100644 index 00000000..b76273d5 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_learning_path_desktop_view.html.liquid @@ -0,0 +1,31 @@ +
+
+
+ + + + {{ learning_path.name }} +
+
+ +
+
+
+ {{ learning_path.name }} +
+ {% include "learning_path_description" %} + {% include "learning_path_instructors" %} +
+
+
+
+
+ {% include "learning_path_progress_and_cta" %} +
+ {% include "learning_path_outline" %} +
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_learning_path_mobile_view.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_learning_path_mobile_view.html.liquid new file mode 100644 index 00000000..8b50e82a --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_learning_path_mobile_view.html.liquid @@ -0,0 +1,33 @@ +
+
+ {{ learning_path.name }} +
+ {{ learning_path.name }} +
+ {% include "learning_path_progress_and_cta" %} +
+
+ +{% if learning_path.in_progress? %} + {% include "learning_path_outline" %} +
+ {% include "learning_path_description" %} +
+{% else %} +
+ {% include "learning_path_description" %} +
+
+ {% include "learning_path_outline" %} +
+{% endif %} + +{% if learning_path.instructors.any? %} +
+ {% include "learning_path_instructors" %} +
+{% endif %} diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_modal_popup.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_modal_popup.html.liquid new file mode 100644 index 00000000..22c8f181 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_modal_popup.html.liquid @@ -0,0 +1,108 @@ + + + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_progress_circle.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_progress_circle.html.liquid new file mode 100644 index 00000000..3c6f3dad --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_progress_circle.html.liquid @@ -0,0 +1,80 @@ +
+ + + + {{count}} + +

+ {{name}} +

+
+ + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_faqs.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_faqs.html.liquid new file mode 100644 index 00000000..c205a3af --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_faqs.html.liquid @@ -0,0 +1,99 @@ +
+
+
+ Frequently Asked Questions +
+
+
+
+
+
+ +
Q: Do I need photography experience before signing up for a course on Pixel Academy?
+
+
+
+

A: Absolutely not! We have courses available for every level and welcome any photographers - from beginners to advanced to take courses on Pixel Academy.

+
+
+
+
+
+ +
Q: Do I need advanced computer skills to use the Pixel app?
+
+
+
+

A: No, the Pixel app was built with modern design principles to ensure a sleek and frictionless photo editing experience. The app is very intuitive and does not require any technical computer skills to use.

+
+
+
+
+
+ +
Q: What certificates are available for me when I complete a course on Pixel Academy?
+
+
+
+

A: Pixel Academy has a number of certificates available to our photographers and is constantly creating new courses and certificate programs to elevate photography editing skills. Check out the Certification section in the Pixel app for more information.

+
+
+
+
+
+
+
+ +
Q: Can I take courses on an iPad, iPhone or other mobile devices/tablets, etc?
+
+
+
+

A: Yes! Our Pixel Academy is Designed with a mobile-first approach to ensure that the use experience is seamless on any device.

+
+
+
+
+
+ +
Q: Do I need to buy any books or other reference material to augment the course work?
+
+
+
+

A: Nope! Just come with your eagerness to learn! No additional books or reference material is needed to augment any of our courses.

+
+
+
+
+
+ +
Q: How will my instructors communicate with me while I’m taking a course? Can I contact them?
+
+
+
+

A: Instructors will send email notifications for any updates they want to provide to the learners of their lessons. Should you need to contact them, you can do so through email. Emails will be provided within the instructor section of the Pixel Academy.

+
+
+
+
+
+ +
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_featured_photography.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_featured_photography.html.liquid new file mode 100644 index 00000000..d79769d2 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_featured_photography.html.liquid @@ -0,0 +1,77 @@ +
+
+
+ Featured Photography From Our Users +
+
+ + +
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_popular_topics.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_popular_topics.html.liquid new file mode 100644 index 00000000..faf6a7ef --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_popular_topics.html.liquid @@ -0,0 +1,15 @@ +
+
+
+ Popular Topics +
+
+
+
+ {% assign categories_by_name = current_school.filterable_categories | sort: "name" %} + {% for category in categories_by_name %} + {{ category.name }} + {% endfor %} +
+
+
\ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_tips_tricks.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_tips_tricks.html.liquid new file mode 100644 index 00000000..ec569398 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_section_tips_tricks.html.liquid @@ -0,0 +1,61 @@ +
+
+
+ Tips & Tricks From Our Users +
+
+ + +
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_sub_navigation.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_sub_navigation.html.liquid new file mode 100644 index 00000000..39af9e45 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_sub_navigation.html.liquid @@ -0,0 +1,13 @@ + diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_training_session_date.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_training_session_date.html.liquid new file mode 100644 index 00000000..83d1668d --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_training_session_date.html.liquid @@ -0,0 +1,14 @@ +
+
+
+ {% if training_session.day < 10 %}0{% endif %}{{ training_session.day }} +
+
+
+ {{ training_session.month }} +
+
+ {{ training_session.year }} +
+
+
diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_widget_achievements.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_widget_achievements.html.liquid new file mode 100644 index 00000000..67bd1e59 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_widget_achievements.html.liquid @@ -0,0 +1,134 @@ +{% comment %} + For this widget to work you must import Slick CSS and JS +{% endcomment %} + +
+
+
+ {% if courses.enrolled.any? %} +
+
+ {% for course in courses.enrolled %} + {% if course.progress == 100 %} +
+
+ {{ course.name }} +
+
+ +
+
+ {% endif %} + {% endfor %} +
+ View All + {% else %} + {% capture message %} + {% t shared.zero_state.courses.index, + key: current_school.course_vocabulary + %} + {% endcapture %} + {% include "courses_zero_state", message: message %} + {% endif %} +
+
+
+
+ + + + diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_widget_course_progress.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_widget_course_progress.html.liquid new file mode 100644 index 00000000..3cf28749 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/_widget_course_progress.html.liquid @@ -0,0 +1,68 @@ +
+
+
+ {% 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/Custom Pixel Dark/catalog.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/catalog.html.liquid new file mode 100644 index 00000000..560ce293 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/catalog.html.liquid @@ -0,0 +1,165 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.in_catalog %} +{% include "sub_navigation" %} +
+
+
+
{{ catalog.headline }}
+
{{ catalog.subheadline }}
+
+ {% comment %} {% capture label %}{% t shared.filters.by_progress %}{% endcapture %} {% endcomment %} + +
+ {% if courses.in_catalog.any? %} + {% + include "filter_dropdown", + filters: courses.filters, + key: "category_uuid", + label: "By Topic" + %} + {% + include "filter_by_progress", + label: "", + default_option: "Progress", + topic: "", + filter_type: "filter-cards" + %} + {% endif %} +
+
+ {% include "courses_catalog" %} +
+{% include "footer" %} + + diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/course.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/course.html.liquid new file mode 100644 index 00000000..397469f9 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/course.html.liquid @@ -0,0 +1,11 @@ +{% include "header" %} +{% include "sub_navigation" %} +
+
+ {% include "course_desktop_view" %} +
+
+ {% include "course_mobile_view" %} +
+
+{% include "footer" %} diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/dashboard.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/dashboard.html.liquid new file mode 100644 index 00000000..34e3591d --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/dashboard.html.liquid @@ -0,0 +1,226 @@ + +{% 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 Pixel Academy.
+
+
+
+ {% if features.learning_paths? %} +
+ {% t shared.learning_paths %} +
+ {% include "learning_paths_index", items: learning_paths.enrolled %} + {% endif %} +
+
+
Course Progress
+ {% include "widget_course_progress" %} + +
Recent Achievements
+ {% include "widget_achievements" %} +
+
+ +
+
+ {% 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 %} +
+
+ + +
+
+
+ {% t .upcoming_events %} +
+ {% if training_events.enrolled.any? %} + {% + include "carousel_events", + items: training_events.enrolled, + %} + {% else %} +
+ {% include "training_events_zero_state" %} +
+ + {% endif %} +
+
+ + +
+
+ {% if courses.enrolled.any? %} +
+ Meet the Instructors +
+ {% + include "carousel_instructors", + items: courses.enrolled, + %} + {% endif %} +
+
+
+{% include "footer" %} + diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/homepage.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/homepage.html.liquid new file mode 100644 index 00000000..6628f2c3 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/homepage.html.liquid @@ -0,0 +1,61 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.featured %} +
+
+ {{ homepage.headline }} +
+
+ {{ homepage.headline }} +
+
+ {{ homepage.subheadline }} +
+ + Explore Courses + +
+
+ {% include "sub_navigation" %} +
+
+
+ {{ 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_popular_topics" %} + + {% include "section_featured_photography" %} + + {% include "section_tips_tricks" %} + + {% include "section_faqs" %} + +
+{% include "footer" %} \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_path.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_path.html.liquid new file mode 100644 index 00000000..5cbb5a93 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_path.html.liquid @@ -0,0 +1,10 @@ +{% include "header" %} +
+
+ {% include "learning_path_desktop_view" %} +
+
+ {% include "learning_path_mobile_view" %} +
+
+{% include "footer" %} diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_paths.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_paths.html.liquid new file mode 100644 index 00000000..e6e10cba --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/learning_paths.html.liquid @@ -0,0 +1,14 @@ +{% include "header" %} +{% include "sub_navigation" %} +
+
+
+ {% t shared.learning_paths %} +
+
+ {% t .subtitle %} +
+ {% include "learning_paths_index", items: learning_paths.available %} +
+
+{% include "footer" %} diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/styles.css.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/styles.css.liquid new file mode 100644 index 00000000..19401bc0 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/styles.css.liquid @@ -0,0 +1,1729 @@ +/* + 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: #062531; + font-family: "Lexend", "Roboto", sans-serif; +} + +div { + color: #fff; +} +.np-color-white { + color: #fff; +} +.np-main { + background: #062531; +} + +.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-card-image { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.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: #001c26; + 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: #001c26; + 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: #001c26; + 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; + min-height: 350px; + } + .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 { + min-height: 450px; + } + .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: #001c26; + 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: #001c26; + 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: #062531; + border-bottom: 1px solid rgba(255, 255, 255, 0.15); +} + +.np-header.np-header-absolute { + position: 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: #001c26; + 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: #001c26; +} +.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 #2bb24c; + 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: #001c26; +} +.np-carousel .slick-track { + display: flex; +} +.np-carousel .slick-slide { + height: auto; +} +.np-carousel .np-card { + height: 100%; +} + +.np-carousel .slick-arrow { + color: #2bb24c; + 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, #002532 10%, rgba(0, 37, 50, 0) 100%); + cursor: pointer; +} + +.np-carousel .slick-arrow.fa-chevron-right:before { + background: linear-gradient(270deg, #002532 10%, 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, #002532 36.11%, rgba(0, 37, 50, 0) 100%); + } + + .np-carousel .slick-arrow.fa-chevron-left:before { + background: linear-gradient(90deg, #002532 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: #001c26; + 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: #001c26; + 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: 500; + 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 .fa-quote-left { + font-size: 32px; + position: absolute; + top: 0px; + left: -20px; + 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 .fa-quote-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 .fa-quote-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: #001c26; + 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; +} + +.fa-plus, +.fa-minus { + background: linear-gradient(135deg, #298e4e 0%, #035161 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; +} + +.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: #001c26; + 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; +} +.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%; + } +} diff --git a/NP_Custom_Templates/customer_templates/Custom Pixel Dark/training_events.html.liquid b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/training_events.html.liquid new file mode 100644 index 00000000..139717ee --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Custom Pixel Dark/training_events.html.liquid @@ -0,0 +1,19 @@ +{% include "header" %} +{% include "sub_navigation" %} +
+
+
+
+ {% t .title %} +
+
+ {% t .subtitle %} +
+
+
+ {% include "training_events_filter" %} +
+
+ {% include "training_events_index" %} +
+{% include "footer" %} diff --git a/NP_Custom_Templates/customer_templates/Stripe/.DS_Store b/NP_Custom_Templates/customer_templates/Stripe/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 - -
-

Partner Training Dashboard

-
- -
- -
- - {% comment %} Show the first featured course as a banner {% endcomment %} - {% if courses.featured and courses.featured.any? %} -
- {% include "banner_course", course: courses.featured.first, button_text: "Get Started" %} -
- {% endif %} - - {% comment %} Show this section if either the event section or learning path section has content {% endcomment %} - {% if show_learning_paths_section or show_events_section %} - -
- - {% if show_learning_paths_section %} -
-

- Learning Paths -

- {% include "learning_paths_index", items: learning_paths.enrolled, card_classes: learning_path_card_classes %} -
- {% endif %} - - {% if show_events_section %} -
-

- Upcoming Events -

- {% include "training_events_dashboard", card_classes: event_card_classes %} -
- {% endif %} - -
- - {% endif %} - - {% if courses.enrolled and courses.enrolled.any? %} -
- {% for course in courses.enrolled %} - {% for category in course.categories %} - {% if category.name == 'Partner Training' %} - {% include "cards_course", course: course, card_classes: card_classes %} - {% endif %} - {% endfor %} - - {% endfor %} -
- {% else %} - {% capture message %} - {% t shared.zero_state.courses.index, - key: current_school.course_vocabulary - %} - {% endcapture %} - {% assign message = message | replace: "Courses", "tutorials" %} - {% include "courses_zero_state", message: message, filters_applied: false %} - {% endif %} -
-
- - -{% include "footer" %} \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Stripe/_cards_course.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/_cards_course.html.liquid index f8f699d0..c244cb85 100644 --- a/NP_Custom_Templates/customer_templates/Stripe/_cards_course.html.liquid +++ b/NP_Custom_Templates/customer_templates/Stripe/_cards_course.html.liquid @@ -23,9 +23,19 @@ {% endif %}
{% capture course_path %}{% route course, id: course.id %}{% endcapture %} + {% if course.name == "Developer Coding Challenge Mission" %} + + {% t shared.view %} + + {% elsif course.name == "MCQ Exam Sign up" %} + + {% t shared.view %} + + {% else %} {% t shared.view %} + {% endif %} {% if course.enrolled? %} {% if course.has_to_restart? %} {% include "course_version_outdated_popup", path: course_path %} diff --git a/NP_Custom_Templates/customer_templates/Stripe/_courses_sec3_index.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/_courses_sec3_index.html.liquid deleted file mode 100644 index 0029d8ca..00000000 --- a/NP_Custom_Templates/customer_templates/Stripe/_courses_sec3_index.html.liquid +++ /dev/null @@ -1,20 +0,0 @@ -{% if courses.enrolled and courses.enrolled.any? %} -
- {% for course in courses.enrolled %} - {% for category in course.categories %} - {% if category.name == 'Section 3' %} - {% include "cards_course", course: course, card_classes: card_classes %} - {% endif %} - {% endfor %} - - {% endfor %} -
-{% else %} - {% capture message %} - {% t shared.zero_state.courses.index, - key: current_school.course_vocabulary - %} - {% endcapture %} - {% assign message = message | replace: "Courses", "tutorials" %} - {% include "courses_zero_state", message: message, filters_applied: false %} -{% endif %} diff --git a/NP_Custom_Templates/customer_templates/Stripe/_header.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/_header.html.liquid index 7285b768..888339d1 100644 --- a/NP_Custom_Templates/customer_templates/Stripe/_header.html.liquid +++ b/NP_Custom_Templates/customer_templates/Stripe/_header.html.liquid @@ -41,9 +41,9 @@
    - {% comment %} Dashboard {% endcomment %} - {% assign navigation_my_training = navigations.sub_navigation | where: "label", "Dashboard" | first %} - {% include "header_desktop_menu_item", label: "Dashboard", url: navigation_my_training.url, external: false %} + {% comment %} Partner Training {% endcomment %} + {% assign navigation_my_training = navigations.sub_navigation | where: "label", "partner-training" | first %} + {% include "header_desktop_menu_item", label: "Partner Training", url: '/app/partner-training', external: false %} {% comment %} All Courses {% endcomment %} {% include "header_desktop_menu_item", label: 'Courses', url: '/app/courses', external: false %} diff --git a/NP_Custom_Templates/customer_templates/Stripe/_header_desktop_menu_item.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/_header_desktop_menu_item.html.liquid index 5d39f3fb..78e6e0ab 100644 --- a/NP_Custom_Templates/customer_templates/Stripe/_header_desktop_menu_item.html.liquid +++ b/NP_Custom_Templates/customer_templates/Stripe/_header_desktop_menu_item.html.liquid @@ -21,4 +21,12 @@ .black-text{ color: black } + + .black-text:hover{ + color: white; + } + + .white-text:hover{ + color: black; + } \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Stripe/_sub_navigation.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/_sub_navigation.html.liquid index 07c9ab5c..f7edba79 100644 --- a/NP_Custom_Templates/customer_templates/Stripe/_sub_navigation.html.liquid +++ b/NP_Custom_Templates/customer_templates/Stripe/_sub_navigation.html.liquid @@ -3,9 +3,9 @@ {% include "sub_navigation_item", label: "All Courses", icon: "fa fa-book-open", url: '/app/courses' %} {% include "sub_navigation_item", label: "Partner Training", icon: "fa fa-tasks", url: "/app/partner-training" %} {% if current_person.properties.partner_training_cert == true %} - {% include "sub_navigation_item", label: "Partner Certifications", icon: "fa fa-desktop", url: "/app/partner-certs" %} + {% include "sub_navigation_item", label: "Partner Certifications", icon: "fa fa-desktop", url: "/app/partner-certs" %} {% else %} - {% include "sub_navigation_item", label: "Partner Certifications", icon: "fa fa-exclamation-circle", url: "" %} + {% include "sub_navigation_item", label: "Partner Certifications", icon: "fa-solid fas fa-exclamation", url: "" %} {% endif %}
\ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Stripe/_sub_navigation_item.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/_sub_navigation_item.html.liquid index 942f2624..49e92673 100644 --- a/NP_Custom_Templates/customer_templates/Stripe/_sub_navigation_item.html.liquid +++ b/NP_Custom_Templates/customer_templates/Stripe/_sub_navigation_item.html.liquid @@ -5,11 +5,17 @@ np-sub-navigation-content-item-inactive {% endif %} "> - +
{{ label }}
-
\ No newline at end of file + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Stripe/homepage.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/homepage.html.liquid index f7d973db..7ff1097e 100644 --- a/NP_Custom_Templates/customer_templates/Stripe/homepage.html.liquid +++ b/NP_Custom_Templates/customer_templates/Stripe/homepage.html.liquid @@ -1,47 +1,45 @@ {% include "header", current_page_orgin: "false" %}
-
+
-
+
{{ homepage.headline }}
- Hi {{ current_person.name }}, how is the weather in {{ current_person.properties.location }}? + Hi {{ current_person.display_name }}, how is the weather in {{ current_person.properties.location }}? Here is the training you are eligible for in your role as {{ current_person.properties.role }}.
- + {% comment %} - -
- -
+ {% endcomment %} +
+ +
+
{% if courses.featured and courses.featured.any? %}
@@ -87,11 +85,39 @@
{% endif %} + {% comment %} - + {% endcomment %}
-{% include "footer" %} \ No newline at end of file +{% include "footer" %} + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Stripe/partner-training.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/partner-training.html.liquid index c25dbd79..5a59c4b4 100644 --- a/NP_Custom_Templates/customer_templates/Stripe/partner-training.html.liquid +++ b/NP_Custom_Templates/customer_templates/Stripe/partner-training.html.liquid @@ -1,6 +1,6 @@ -{% include "header", current_page_orgin: "courses" %} +{% include "header", current_page_orgin: "partner-training" %} {% include "sub_navigation", current_page: "/app/partner-training" %} -
+

Partner Training Courses

diff --git a/NP_Custom_Templates/customer_templates/Stripe/partner_certs.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/partner_certs.html.liquid new file mode 100644 index 00000000..6b3a3fc5 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Stripe/partner_certs.html.liquid @@ -0,0 +1,17 @@ +{% include "header", current_page_orgin: "courses" %} +{% include "sub_navigation", current_page: "/app/partnercerts" %} +
+

+ Partner Certification Courses +

+
+ {% capture subtitle_text %} + {%comment%}{% t .headline, key: current_school.course_vocabulary %}{%endcomment%} + Hey there, {{ current_person.name }}! Are you ready to move onto your Partner Challenge Missions? Let's go! + {% endcapture %} + {{ subtitle_text | replace: "Courses", "tutorials" }} +
+
+ {% include "courses_partnercerts_index", card_classes: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %} +
+{% include "footer" %} \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Stripe/partner_training.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/partner_training.html.liquid new file mode 100644 index 00000000..b3594c33 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Stripe/partner_training.html.liquid @@ -0,0 +1,15 @@ +{% include "header", current_page_orgin: "courses" %} +{% include "sub_navigation", current_page: "/app/partnertraining" %} +
+

+ Partner Training Courses +

+
+ {%comment%}{% t .headline, key: current_school.course_vocabulary %}{%endcomment%} + Hey there {{ current_person.name }}! Welcome to your partner training center! Complete at least one of the courses to complete your certification. + {{ subtitle_text | replace: "Courses", "tutorials" }} +
+
+ +
+{% include "footer" %} \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Stripe/sec3-courses.html.liquid b/NP_Custom_Templates/customer_templates/Stripe/sec1-courses.html.liquid similarity index 73% rename from NP_Custom_Templates/customer_templates/Stripe/sec3-courses.html.liquid rename to NP_Custom_Templates/customer_templates/Stripe/sec1-courses.html.liquid index 1175d616..c288ee29 100644 --- a/NP_Custom_Templates/customer_templates/Stripe/sec3-courses.html.liquid +++ b/NP_Custom_Templates/customer_templates/Stripe/sec1-courses.html.liquid @@ -1,8 +1,8 @@ {% include "header", current_page_orgin: "courses" %} -{% include "sub_navigation", current_page: "/app/sec3-courses" %} +{% include "sub_navigation", current_page: "/app/sec1-courses" %}

- Section 3 Courses + Section 1 Courses

{% capture subtitle_text %} @@ -12,6 +12,6 @@ {{ subtitle_text | replace: "Courses", "tutorials" }}

- {% include "courses_sec3_index", card_classes: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %} + {% include "courses_sec1_index", card_classes: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
{% include "footer" %} \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Stripe/styles.css.liquid b/NP_Custom_Templates/customer_templates/Stripe/styles.css.liquid index 21e93fa4..534d30a6 100644 --- a/NP_Custom_Templates/customer_templates/Stripe/styles.css.liquid +++ b/NP_Custom_Templates/customer_templates/Stripe/styles.css.liquid @@ -1399,14 +1399,9 @@ button, } .np-homepage-hero .np-homepage-headline { font-size: 1.75rem; - color: #2574e1; + color: #fff; -webkit-background-clip: text; -moz-background-clip: text; - -webkit-text-fill-color: transparent; - -moz-text-fill-color: transparent; - background-image: linear-gradient(45deg, #2574e1, #795ae8, #ba37d6, #795ae8, #2574e1, #795ae8); - background-size: 500%; - animation-name: homepage-gradient; } .np-homepage-hero .np-homepage-subheadline { font-size: 1.25rem;