From 654a924ce93a1995caa068cc3435f2d413bbef48 Mon Sep 17 00:00:00 2001 From: Norm Rasmussen Date: Tue, 16 May 2023 16:27:25 -0400 Subject: [PATCH] Updated Harri Script from Charlie, a bunch of notes and todos for clients. --- Custom_Templates/customer_templates/.DS_Store | Bin 14340 -> 14340 bytes .../_additional_resources.html.liquid | 59 + .../_cards_featured_course.html.liquid | 52 + .../_cards_school.html.liquid | 19 + .../Terminus-Employees/_header.html.liquid | 166 ++ .../_popular_topics.html.liquid | 40 + .../_public_homepage.html.liquid | 96 + .../Terminus-Employees/catalog.html.liquid | 34 + .../Terminus-Employees/dashboard.html.liquid | 40 + .../Terminus-Employees/homepage.html.liquid | 143 ++ .../Zenjob Sandbox/_cards_course.html.liquid | 81 + .../_cards_learning_path.html.liquid | 89 + .../_cards_training_event.html.liquid | 61 + .../_course_activity_locked.html.liquid | 4 + .../_course_activity_unlocked.html.liquid | 9 + .../_course_cta_button.html.liquid | 50 + .../_course_description.html.liquid | 7 + .../Zenjob Sandbox/_course_events.html.liquid | 26 + .../Zenjob Sandbox/_course_header.html.liquid | 6 + .../_course_instructors.html.liquid | 26 + .../_course_outline.html.liquid | 34 + .../_course_progress_and_cta.html.liquid | 25 + ..._course_version_outdated_popup.html.liquid | 49 + .../_courses_catalog.html.liquid | 183 ++ .../Zenjob Sandbox/_courses_index.html.liquid | 200 ++ .../_courses_zero_state.html.liquid | 9 + .../_english_banner.html.liquid | 11 + .../_filter_by_progress.html.liquid | 147 ++ .../Zenjob Sandbox/_footer.html.liquid | 81 + .../Zenjob Sandbox/_head.html.liquid | 8 + .../Zenjob Sandbox/_header.html.liquid | 602 +++++ .../_learning_path_course.html.liquid | 243 ++ .../_learning_path_cta_button.html.liquid | 22 + .../_learning_path_description.html.liquid | 3 + .../_learning_path_instructors.html.liquid | 27 + .../_learning_path_outline.html.liquid | 160 ++ ...learning_path_progress_and_cta.html.liquid | 32 + ...learning_path_training_session.html.liquid | 104 + .../_search_zero_state.html.liquid | 13 + .../_sub_navigation.html.liquid | 37 + .../_training_events_index.html.liquid | 11 + .../_training_session_calendars.html.liquid | 45 + .../_training_session_cta.html.liquid | 34 + .../_training_session_date.html.liquid | 12 + ..._training_session_desktop_view.html.liquid | 77 + .../_training_session_details.html.liquid | 83 + .../Zenjob Sandbox/catalog.html.liquid | 26 + .../Zenjob Sandbox/course.html.liquid | 75 + .../Zenjob Sandbox/courses.html.liquid | 20 + .../Zenjob Sandbox/dashboard.html.liquid | 3 + .../Zenjob Sandbox/homepage.html.liquid | 393 ++++ .../Zenjob Sandbox/learning_path.html.liquid | 157 ++ .../Zenjob Sandbox/learning_paths.html.liquid | 74 + .../Zenjob Sandbox/on-the-job.html.liquid | 57 + .../Zenjob Sandbox/search.html.liquid | 58 + .../Zenjob Sandbox/styles.css.liquid | 1969 +++++++++++++++++ .../training_events.html.liquid | 15 + .../training_session.html.liquid | 1 + .../Zenjob Sandbox/zertifikate.html.liquid | 89 + CustomerNotes/Anthology.md | 2 +- CustomerNotes/DoubleVerify.md | 6 +- CustomerNotes/G2.md | 2 +- CustomerNotes/Mizuno.md | 16 + CustomerNotes/Pipedrive.md | 8 + CustomerNotes/Terminus.md | 14 + Scripts/csvTest.js | 2 +- 66 files changed, 6241 insertions(+), 6 deletions(-) create mode 100644 Custom_Templates/customer_templates/Terminus-Employees/_additional_resources.html.liquid create mode 100644 Custom_Templates/customer_templates/Terminus-Employees/_cards_featured_course.html.liquid create mode 100644 Custom_Templates/customer_templates/Terminus-Employees/_cards_school.html.liquid create mode 100644 Custom_Templates/customer_templates/Terminus-Employees/_header.html.liquid create mode 100644 Custom_Templates/customer_templates/Terminus-Employees/_popular_topics.html.liquid create mode 100644 Custom_Templates/customer_templates/Terminus-Employees/_public_homepage.html.liquid create mode 100644 Custom_Templates/customer_templates/Terminus-Employees/catalog.html.liquid create mode 100644 Custom_Templates/customer_templates/Terminus-Employees/dashboard.html.liquid create mode 100644 Custom_Templates/customer_templates/Terminus-Employees/homepage.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_cards_course.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_cards_learning_path.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_cards_training_event.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_course_activity_locked.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_course_activity_unlocked.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_course_cta_button.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_course_description.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_course_events.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_course_header.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_course_instructors.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_course_outline.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_course_progress_and_cta.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_course_version_outdated_popup.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_courses_catalog.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_courses_index.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_courses_zero_state.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_english_banner.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_filter_by_progress.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_footer.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_head.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_header.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_course.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_cta_button.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_description.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_instructors.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_outline.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_progress_and_cta.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_training_session.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_search_zero_state.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_sub_navigation.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_training_events_index.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_calendars.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_cta.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_date.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_desktop_view.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_details.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/catalog.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/course.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/courses.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/dashboard.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/homepage.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/learning_path.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/learning_paths.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/on-the-job.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/search.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/styles.css.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/training_events.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/training_session.html.liquid create mode 100644 Custom_Templates/customer_templates/Zenjob Sandbox/zertifikate.html.liquid diff --git a/Custom_Templates/customer_templates/.DS_Store b/Custom_Templates/customer_templates/.DS_Store index 0696ac956fe7a9204a78f90ac1632610bd5dfb50..53400eb1b4d4ed5415ef6b0d4b909561f0cce652 100644 GIT binary patch delta 415 zcmZoEXepTBFS>$(fq|KUL4bjwh#{9Do}ri_ks)v5Mdir`CM>LsKuMO#1p@Muy9I?d z9`xhiJYVnvSG^EJ2tz7ZeI`R5Ln%;?E`uvjcL75VLq0<#P%f3BI49jOI5|JJ0B8gZ z5T!3S-^C>PZgj50009301yBGbO3h%Zvb)tYXBgT(Ib;EGz0|!00004lP)eP zlQ|#^vBgRck&_&=b1p;yk&`ZyLl7mC?i&-cMG%?_v&S2F0 + +
+ +
Visit the Terminus Blog
+
Hear the latest news and insights from the go-to-market experts
+
+
+ +
+ +
Visit the Terminus Rockstars
+
Lorem ipsum
+
+
+ +
+ +
Visit the Knowledge Base
+
Hear the latest news and insights from the go-to-market experts
+
+
+ + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Terminus-Employees/_cards_featured_course.html.liquid b/Custom_Templates/customer_templates/Terminus-Employees/_cards_featured_course.html.liquid new file mode 100644 index 00000000..3c363162 --- /dev/null +++ b/Custom_Templates/customer_templates/Terminus-Employees/_cards_featured_course.html.liquid @@ -0,0 +1,52 @@ +{% 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 %} + +
+
+ {% if course.ribbon %} +
+ {{ course.ribbon }} +
+ {% endif %} + {{ course.name }} +
+

+ {{ course.name }} +

+
+ {{ course.instructor_names }} +
+ +
+
+
diff --git a/Custom_Templates/customer_templates/Terminus-Employees/_cards_school.html.liquid b/Custom_Templates/customer_templates/Terminus-Employees/_cards_school.html.liquid new file mode 100644 index 00000000..bb709c00 --- /dev/null +++ b/Custom_Templates/customer_templates/Terminus-Employees/_cards_school.html.liquid @@ -0,0 +1,19 @@ +
+
+ +
+

+ {{ school_name }} +

+ +
+
+
diff --git a/Custom_Templates/customer_templates/Terminus-Employees/_header.html.liquid b/Custom_Templates/customer_templates/Terminus-Employees/_header.html.liquid new file mode 100644 index 00000000..bfdacc4e --- /dev/null +++ b/Custom_Templates/customer_templates/Terminus-Employees/_header.html.liquid @@ -0,0 +1,166 @@ +
+
+
+ {% comment %} {% if current_person.signed_in? %} + + + {% endif %} {% endcomment %} +
+ {% if current_school.logo_url %} +

+ + {{ current_school.name }} + +

+ {% else %} + + {{ current_school.name }} + + {% endif %} + + {% comment %} + {% if current_person.signed_in? %} + +
+ + +
+ {% else %} +
{% endcomment %} + +{% include "messages" %} diff --git a/Custom_Templates/customer_templates/Terminus-Employees/_popular_topics.html.liquid b/Custom_Templates/customer_templates/Terminus-Employees/_popular_topics.html.liquid new file mode 100644 index 00000000..180ca5a7 --- /dev/null +++ b/Custom_Templates/customer_templates/Terminus-Employees/_popular_topics.html.liquid @@ -0,0 +1,40 @@ + + + diff --git a/Custom_Templates/customer_templates/Terminus-Employees/_public_homepage.html.liquid b/Custom_Templates/customer_templates/Terminus-Employees/_public_homepage.html.liquid new file mode 100644 index 00000000..4b65ccda --- /dev/null +++ b/Custom_Templates/customer_templates/Terminus-Employees/_public_homepage.html.liquid @@ -0,0 +1,96 @@ +
+
+ {{ homepage.headline }} +
+
+ {{ homepage.headline }} +
+
+ {{ homepage.subheadline }} +
+ {% comment %} + DISCOVER CATALOG + {% endcomment %} +
+
+ +
+ + diff --git a/Custom_Templates/customer_templates/Terminus-Employees/catalog.html.liquid b/Custom_Templates/customer_templates/Terminus-Employees/catalog.html.liquid new file mode 100644 index 00000000..2cd057f6 --- /dev/null +++ b/Custom_Templates/customer_templates/Terminus-Employees/catalog.html.liquid @@ -0,0 +1,34 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.in_catalog %} +
+ +
+{% include "sub_navigation" %} +
+
+
+
{{ catalog.headline }}
+
{{ catalog.subheadline }}
+
+ {% capture label %}{% t shared.filters.by_category %}{% endcapture %} + + {% if courses.in_catalog.any? %} + {% + include "filter_dropdown", + filters: courses.filters, + key: "category_uuid", + label: label + %} + {% endif %} +
+ {% include "courses_catalog" %} +
+{% include "footer" %} + + diff --git a/Custom_Templates/customer_templates/Terminus-Employees/dashboard.html.liquid b/Custom_Templates/customer_templates/Terminus-Employees/dashboard.html.liquid new file mode 100644 index 00000000..11524553 --- /dev/null +++ b/Custom_Templates/customer_templates/Terminus-Employees/dashboard.html.liquid @@ -0,0 +1,40 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.featured %} + +
+ +
+{% include "sub_navigation" %} +
+
+
+ {% if features.learning_paths? %} +
+ {% t shared.learning_paths %} +
+ {% include "learning_paths_index", items: learning_paths.enrolled %} + {% endif %} +
+ {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %} +
+ {% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %} +
+ {% if features.training_events? %} +
+
+ UPCOMING EVENTS +
+ {% include "training_events_dashboard" %} +
+ {% endif %} +
+
+{% include "footer" %} + + diff --git a/Custom_Templates/customer_templates/Terminus-Employees/homepage.html.liquid b/Custom_Templates/customer_templates/Terminus-Employees/homepage.html.liquid new file mode 100644 index 00000000..969ba74a --- /dev/null +++ b/Custom_Templates/customer_templates/Terminus-Employees/homepage.html.liquid @@ -0,0 +1,143 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.enrolled %} +{% if current_person.signed_in? %} +
+ +
+ {% include "sub_navigation" %} +
+
+
+
+ FEATURED COURSES +
+ {% if courses.featured.any? %} + + {% else %} + + {% endif %} +
+ {% if features.training_events? %} +
+
+ UPCOMING EVENTS +
+ {% include "training_events_dashboard" %} +
+ {% endif %} +
+
+ POPULAR TOPICS +
+ {% include 'popular_topics' %} +
+
+
+ ADDITIONAL RESOURCES +
+ {% include 'additional_resources' %} +
+
+
+{% else %} + {% include 'public_homepage' %} +{% endif %} +{% include "footer" %} + +{% if current_person.signed_in? %} + +{% endif %} diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_cards_course.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_cards_course.html.liquid new file mode 100644 index 00000000..8813314b --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_cards_course.html.liquid @@ -0,0 +1,81 @@ +{% assign course_ribbon = course.ribbon | downcase %} +
+
+
+ {% unless course.properties.course_image == "NULL" or course.properties.course_image == "" %} + + {% endunless %} + {% if course.ribbon and course.ribbon.size > 0 %} +
+ {{ course.ribbon }} +
+ {% endif %} +
+
+

+ {{ course.name }} +

+ {% if course.instructor_names and course.instructor_names.size > 0 %} +
+ {{ course.instructor_names }} +
+ {% endif %} + {% if course.short_description and course.short_description.size > 0 %} +
+ {{ course.short_description | split: " --- " | last }} +
+ {% endif %} + +
+
+
+ + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_cards_learning_path.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_cards_learning_path.html.liquid new file mode 100644 index 00000000..e60317ab --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_cards_learning_path.html.liquid @@ -0,0 +1,89 @@ +{% assign learning_path_lang = "DE" %} + +{% for cat in learning_path.categories %} + {% if cat.name == "English" %} + {% assign learning_path_lang = "EN" %} + {% endif %} +{% endfor %} + +
+
+
+
+ {{ learning_path.name }} +
+ + {{ learning_path.items.count }} Inhalte + {{ learning_path.items.count }} Items +
+
+ +
+ +
+

+ {{ learning_path.name }} +

+ + {% include "learning_path_description" %} + + {% if learning_path.has_instructors? %} +
+ {{ learning_path.instructor_names }} +
+ {% endif %} + +
+ + {{ learning_path.items.count }} Inhalte + {{ learning_path.items.count }} Items +
+ + +
+
+
+
+
+
+
+
+
diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_cards_training_event.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_cards_training_event.html.liquid new file mode 100644 index 00000000..c2311fcb --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_cards_training_event.html.liquid @@ -0,0 +1,61 @@ +
+
+
+

+ {{ training_event.title }} +

+
+ {% case training_event.event_type %} + {% when "online" %} + {% t shared.event_types, key: training_event.event_type %} + Online Event + {% when "in_person" %} + {% t shared.event_types, key: training_event.event_type %} + In-Person Event + {% endcase %} +
+ {% if training_event.description and training_event.description.size > 0 %} +
+ + {{ training_event.description | strip }} + +
+ {% endif %} +
+ + {% comment %} Fallback to the first session {% endcomment %} + {% assign session_to_display = training_event.sessions | first %} + {% comment %} Check for an enrolled session and preferrably display that {% endcomment %} + {% assign enrolled_sessions = training_event.sessions | where: "registered?", true %} + {% if enrolled_sessions and enrolled_sessions.size > 0 %} + {% assign session_to_display = enrolled_sessions | first %} + {% endif %} + + {% include "training_session_date", training_session: session_to_display %} + {% if training_event.sessions and training_event.sessions.size > 1 %} +
+
+ + + {{ training_event.sessions.size | minus: 1 }} + {% if training_event.sessions.size == 2 %} + Other Session + {% else %} + Other Sessions + {% endif %} + +
+
+ {% endif %} +
+ +
+
+
diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_course_activity_locked.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_activity_locked.html.liquid new file mode 100644 index 00000000..cfda6676 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_activity_locked.html.liquid @@ -0,0 +1,4 @@ + + {{ activity.title }} + + diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_course_activity_unlocked.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_activity_unlocked.html.liquid new file mode 100644 index 00000000..1145ddff --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_activity_unlocked.html.liquid @@ -0,0 +1,9 @@ + + {{ activity.title }} + diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_course_cta_button.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_cta_button.html.liquid new file mode 100644 index 00000000..ab0ce3dd --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_cta_button.html.liquid @@ -0,0 +1,50 @@ +{% if course.learner_can_retake? %} +
+ {% form_authenticity_token %} + +
+{% else %} + + {% assign course_ribbon = course.ribbon | downcase %} + {% if course_ribbon == "hochladen" or course_ribbon == "upload" %} + Hochladen + Upload + {% 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 %} + + + {% if course.enrolled? == false %} + Enroll + {% elsif course.started? == false %} + Start + {% elsif course.completed? %} + Review + {% else %} + Continue + {% endif %} + + + {% endif %} + +{% endif %} \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_course_description.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_description.html.liquid new file mode 100644 index 00000000..1a19ecc4 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_description.html.liquid @@ -0,0 +1,7 @@ +

+ Über diesen Kurs + About this Course +

+
+ {{ course.full_description }} +
diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_course_events.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_events.html.liquid new file mode 100644 index 00000000..eabe3960 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_events.html.liquid @@ -0,0 +1,26 @@ +

+ {% t .header %} +

+{% for event in course.events %} +
+ +
+
+ {{ event.title }} +
+
+ {% t shared.event_types, key: event.event_type %} +
+
+ {{ event.sessions.first.time_period | replace: "AM", "am" | replace: "PM", "pm" | replace: "-", "–" }} {{ event.sessions.first.time_zone }} +
+
+
+{% endfor %} \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_course_header.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_header.html.liquid new file mode 100644 index 00000000..c7886ec3 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_header.html.liquid @@ -0,0 +1,6 @@ +
+ {{ course.name }} +
+
+ {% comment %} {% include "course_cta_button" %} {% endcomment %} +
diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_course_instructors.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_instructors.html.liquid new file mode 100644 index 00000000..851e2719 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_instructors.html.liquid @@ -0,0 +1,26 @@ +

+ Instructors +

+
+ {% for instructor in course.instructors %} +
+ {{ instructor.name }} +
+
+ {{ instructor.name }} +
+ + {% if instructor.title and instructor.title.size > 0 %} + + {% endif %} + +
+
+ {% endfor %} +
diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_course_outline.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_outline.html.liquid new file mode 100644 index 00000000..5811076b --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_outline.html.liquid @@ -0,0 +1,34 @@ +
+

+ Inhalt + Content +

+
+
    + {% for section in course.sections %} +
  1. +
    + {{ section.name }} + {% assign section_completed = true %} + {% for activity in section.activities %} + {% unless activity.completed? %} + {% assign section_completed = false %} + {% endunless %} + {% endfor %} + + {% if section_completed %} + + {% endif %} +
    +
  2. + {% endfor %} +
+
+
+ + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_course_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_progress_and_cta.html.liquid new file mode 100644 index 00000000..b06dc5b5 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_progress_and_cta.html.liquid @@ -0,0 +1,25 @@ +
+
+ {% include "course_cta_button" %} +
+
+
+ Lernfortschritt + Progress +
+
+
+
+
+ +
+ {% t shared.progress, count: course.progress %} + {{course.progress}}% complete +
+
+
+
+ {% include "course_cta_button" %} +
\ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_course_version_outdated_popup.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_version_outdated_popup.html.liquid new file mode 100644 index 00000000..a200489b --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_course_version_outdated_popup.html.liquid @@ -0,0 +1,49 @@ +
+
+ + +
+
diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_courses_catalog.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_courses_catalog.html.liquid new file mode 100644 index 00000000..0152bc15 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_courses_catalog.html.liquid @@ -0,0 +1,183 @@ +{% if courses.in_catalog.any? %} +
+ {% include "filter_by_progress" %} +
+
+ {% for course in courses.in_catalog %} + {% assign is_on_the_job_video = false %} + {% for category in course.categories %} + {% if category.id == "40b1f3d7-6faf-4d54-a74f-92d330831728" or category.name contains "On-The-Job" %} + {% assign is_on_the_job_video = true %} + {% endif %} + {% endfor %} + + {% unless is_on_the_job_video %} + {% assign progress_status_en = "jetzt-starten" %} + {% assign progress_status_de = "not-started" %} + + {% if course.progress > 0 and course.progress < 100 %} + {% assign progress_status_de = "angefangen" %} + {% assign progress_status_en = "in-progress" %} + {% elsif course.progress == 100 %} + {% assign progress_status_de = "abgeschlossen" %} + {% assign progress_status_en = "completed" %} + {% endif %} + +
+ {% include "cards_course" with course %} +
+ {% endunless %} + {% endfor %} +
+{% else %} + {% capture message %} + {% t shared.zero_state.courses.index, + key: current_school.course_vocabulary + %} + {% endcapture %} + {% assign message = message | replace: "Courses", "Courses" %} + {% include "courses_zero_state", message: message, filters_applied: false %} +{% endif %} + + + + diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_courses_index.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_courses_index.html.liquid new file mode 100644 index 00000000..63cbdb7f --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_courses_index.html.liquid @@ -0,0 +1,200 @@ +{% if courses.enrolled and courses.enrolled.any? %} + {%- assign all_categories = "" -%} + + {%- for category in categories.enrolled -%} + {% comment %}
Rolle
{% endcomment %} + {% unless category.id == "087ea56d-888b-4e0f-af1f-68627318c841" or category.id == "9be55234-19c5-4df4-bd1d-03e93f0faf83" or category.id == "6580e10e-eacf-402d-a330-51d202721cce" or category.id == "a63019c7-0a46-40bd-bc1b-935c887a4380" or category.id == "40b1f3d7-6faf-4d54-a74f-92d330831728" %} +
+
+ {{category.name}} +
+ {% assign topic = category.id %} + {% + include "filter_by_progress", + label: "Nach Fortschritt filtern:", + default_option: "Alle Kurse", + topic: topic, + %} +
+
+ {%- for course in courses.enrolled -%} + {% assign all_categories = course.categories | map: "id" %} + + {%- if all_categories contains category.id -%} + {% assign course_status = "" %} + + {% if course.started? == false %} + {% assign course_status = "jetzt-starten" %} + {% elsif course.completed? %} + {% assign course_status = "abgeschlossen" %} + {% elsif course.started? %} + {% assign course_status = "angefangen" %} + {% endif %} +
+ {% include 'cards_course' %} +
+ {%- endif -%} + {%- endfor -%} +
+ {% endunless %} + {%- endfor -%} + + {%- comment -%}
+ {% for course in courses.enrolled %} + {% include "cards_course", course: course, card_classes: card_classes %} + {% endfor %} +
{%- endcomment -%} +{% else %} + {% capture message %} + {% t shared.zero_state.courses.index, + key: current_school.course_vocabulary + %} + {% endcapture %} + {% assign message = message | replace: "Courses", "Courses" %} + {% include "courses_zero_state", message: message, filters_applied: false %} +{% endif %} + + + + diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_courses_zero_state.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_courses_zero_state.html.liquid new file mode 100644 index 00000000..327b6de6 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_courses_zero_state.html.liquid @@ -0,0 +1,9 @@ +
+
+

{{ message }}

+ {% if filters_applied %} + + {% endif %} +
+ {{ message }} +
diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_english_banner.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_english_banner.html.liquid new file mode 100644 index 00000000..34aa5d12 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_english_banner.html.liquid @@ -0,0 +1,11 @@ +
+

+ Switch your app to German to find all training and materials (some jobs require a certain level of German). +

+
+ diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_filter_by_progress.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_filter_by_progress.html.liquid new file mode 100644 index 00000000..958f015f --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_filter_by_progress.html.liquid @@ -0,0 +1,147 @@ +
+
+ Nach Fortschritt filtern: + Filter by progress: +
+
+ +
+ +
+ +
+
+ + + diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_footer.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_footer.html.liquid new file mode 100644 index 00000000..b849e1d1 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_footer.html.liquid @@ -0,0 +1,81 @@ +{% comment %} +
+ + + +
+{% endcomment %} diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_head.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_head.html.liquid new file mode 100644 index 00000000..a85d109e --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_head.html.liquid @@ -0,0 +1,8 @@ +{% styles default %} +{% styles colors %} +{% styles custom %} + + + + + diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_header.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_header.html.liquid new file mode 100644 index 00000000..1b42f39f --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_header.html.liquid @@ -0,0 +1,602 @@ +{% assign is_in_authenticated_group = false %} + +{% for group in current_person.groups %} + {% if group.name == "All Users" or group.id == "6331d115-ea74-418a-99b2-af5c81208fe1" %} + {% assign is_in_authenticated_group = true %} + {% endif %} +{% endfor %} + +{% if current_person.email contains "+preview" %} + {% assign is_in_authenticated_group = true %} +{% endif %} + +{% unless is_in_authenticated_group %} + +{% endunless %} + +
+
+ +
+ {% if current_person.signed_in? %} + + + {% endif %} +
+
+
+ {{current_person.properties.user_language}} +
+
    +
  • Deutsch
  • +
  • English
  • +
+
+ {% if current_school.logo_url %} +

+ + {{ current_school.name }} + +

+ {% else %} + + {{ current_school.name }} + + {% endif %} + +
+ +
+
+
+ {{current_person.properties.user_language}} +
+
    +
  • Deutsch
  • +
  • English
  • +
+
+ {% if current_person.signed_in? %} + +
+ + +
+ {% else %} +
+ +{% include "messages" %} + + + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_course.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_course.html.liquid new file mode 100644 index 00000000..f88e671e --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_course.html.liquid @@ -0,0 +1,243 @@ +{% comment %} Determine if the item should be a link or not {% endcomment %} +{% if learning_path.enrolled? and course.unlocked? %} + {% assign element_type = "a" %} +{% else %} + {% assign element_type = "div" %} +{% endif %} + +{% assign lp_course_required = 1 %} +{% if course.optional? %} + {% assign lp_course_required = 0 %} +{% endif %} + +
+ <{{ element_type }} + class="np-learning-path-outline-item np-card card--horizontal" + {% if element_type == "a" %} + href="{% route learning_path_course, learning_path_id: learning_path.id, id: course.id %}" + {% endif %} + > +
+
+ {% assign lp_image_not_cropped = item.image | replace: ',fit:crop/', '/' %} + + {% unless course.optional? %} +
+ Erforderlich + Required +
+ {% else %} +
+ Optional +
+ {% endunless %} +
+
+
+

+ {{ course.name }} +

+ +
+ {% if course.completed? %} +
+ +
+ {% elsif element_type == "div" %} +
+ +
+ {% else %} + + {% endif %} +
+ {% if course.instructors and course.instructors.size > 0 %} +
+ {{ course.instructors }} +
+ {% endif %} + +
+ + {% comment %} Use a different icon based on the state of the learning path and course {% endcomment %} + {% if course.completed? %} +
+ +
+ {% elsif element_type == "div" %} +
+ +
+ {% else %} + + {% endif %} +
+
+ +
\ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_cta_button.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_cta_button.html.liquid new file mode 100644 index 00000000..95128488 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_cta_button.html.liquid @@ -0,0 +1,22 @@ + + {% if learning_path.enrolled? == false %} + {% t shared.enroll %} + {% elsif learning_path.started? == false %} + Weiter + {% elsif learning_path.completed? %} + {% t shared.learning_path.view %} + {% else %} + Weiter + {% endif %} + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_description.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_description.html.liquid new file mode 100644 index 00000000..cd3e9d47 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_description.html.liquid @@ -0,0 +1,3 @@ +
+ {{ learning_path.description }} +
diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_instructors.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_instructors.html.liquid new file mode 100644 index 00000000..3a6303d0 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_instructors.html.liquid @@ -0,0 +1,27 @@ +

+ Instructors +

+
+ {% for instructor in learning_path.instructors %} +
+ {{ instructor.name }} +
+
+ {{ instructor.name }} +
+ + {% assign instructor_title_size = instructor.title | size %} + {% if instructor.title and instructor.title.size > 0 %} + + {% endif %} + +
+
+ {% endfor %} +
diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_outline.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_outline.html.liquid new file mode 100644 index 00000000..c880964f --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_outline.html.liquid @@ -0,0 +1,160 @@ +{% assign lp_contains_ilt = false %} + +
+ {% for item in learning_path.items %} + {% if item.course? %} + {% include "learning_path_course", course: item %} + {% elsif item.training_event? %} + {% assign lp_contains_ilt = true %} + {% include "learning_path_training_session", training_session: item %} + {% endif %} + {% endfor %} +
+ + + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_progress_and_cta.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_progress_and_cta.html.liquid new file mode 100644 index 00000000..28f38a97 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_progress_and_cta.html.liquid @@ -0,0 +1,32 @@ +
+
+
+ Lernfortschritt + Study progress +
+
+
+
+
+ +
+ + {% if learning_path.progress > 0 %} + {% t shared.progress, count: learning_path.progress %} + {% else %} + nicht angefangen + {% endif %} + + + {% if learning_path.progress > 0 %} + {{learning_path.progress}}% complete + {% else %} + not started + {% endif %} + + +
+
+
\ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_training_session.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_training_session.html.liquid new file mode 100644 index 00000000..18c0ef4e --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_learning_path_training_session.html.liquid @@ -0,0 +1,104 @@ +{% assign session_element_type = "a" %} +{% if learning_path.enrolled? and training_session.unlocked? %} + {% assign session_element_type = "a" %} +{% else %} + {% assign session_element_type = "div" %} +{% endif %} + +{% assign lp_session_required = 1 %} +{% if training_session.optional? %} + {% assign lp_session_required = 0 %} +{% endif %} + +{% assign training_session_time = training_session.time | split: " - " %} + +{% assign start_time = training_session_time | slice: 0 | join: "" %} +{% if start_time contains "PM" %} + {% assign start_time = start_time | remove: " PM" %} + {% assign split_start_time = start_time | split: ":" %} + {% assign start_time_hour = split_start_time | slice: 0 | join: "" | abs | plus: 12 %} + {% assign start_time_mins = split_start_time | slice: 1 | join: "" %} +{% elsif start_time contains "AM" %} + {% assign start_time = start_time | remove: " AM" %} +{% endif %} + +{% assign end_time = training_session_time | slice: 1 | join: "" %} +{% if end_time contains "PM" %} + {% assign end_time = end_time | remove: " PM" %} + {% assign split_end_time = end_time | split: ":" %} + {% assign end_time_hour = split_end_time | slice: 0 | join: "" | abs | plus: 12 %} + {% assign end_time_mins = split_end_time | slice: 1 | join: "" %} +{% elsif end_time contains "AM" %} + {% assign end_time = end_time | remove: " AM" %} +{% endif %} + + +{% if learning_path.enrolled? and training_session.unlocked? %} + + +{% else %} +
+
+
+ +
+
{{ training_session.name }}
+
{{ training_session.caption }}
+
+
+
+
+{% endif %} + diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_search_zero_state.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_search_zero_state.html.liquid new file mode 100644 index 00000000..e004b1ad --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_search_zero_state.html.liquid @@ -0,0 +1,13 @@ +
+
+
+

+ Nichts gefunden +

+
+ Entschuldigung, wir konnten keine Übereinstimmungen finden. Bitte versuchen Sie es mit einem anderen Begriff. +
+
+
+
+
diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_sub_navigation.html.liquid new file mode 100644 index 00000000..57c8fa36 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_sub_navigation.html.liquid @@ -0,0 +1,37 @@ + + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_training_events_index.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_training_events_index.html.liquid new file mode 100644 index 00000000..91d9502d --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_training_events_index.html.liquid @@ -0,0 +1,11 @@ +
+ {% if training_events.available and training_events.available.any? %} +
+ {% for training_event in training_events.available %} + {% include "cards_training_event", training_event: training_event, card_classes: "col-x-sm-6 col-sm-6 col-md-4" %} + {% endfor %} +
+ {% else %} + {% include "training_events_zero_state" %} + {% endif %} +
diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_calendars.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_calendars.html.liquid new file mode 100644 index 00000000..391abb62 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_calendars.html.liquid @@ -0,0 +1,45 @@ + diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_cta.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_cta.html.liquid new file mode 100644 index 00000000..69eeaa9e --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_cta.html.liquid @@ -0,0 +1,34 @@ +
+
+
+ {% 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/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_date.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_date.html.liquid new file mode 100644 index 00000000..c19c6053 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_date.html.liquid @@ -0,0 +1,12 @@ +
+
+ {{ training_session.day }} +
+
+
+ {{ training_session.month }} +
+
+ {{ training_session.year }} +
+
\ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_desktop_view.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_desktop_view.html.liquid new file mode 100644 index 00000000..f75ada75 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_desktop_view.html.liquid @@ -0,0 +1,77 @@ +{% include "header", current_page_orgin: "training_events" %} +
+
+ +
+
+
+
+
+ {{ training_event.title }} +
+
+ + {% case training_event.event_type %} + {% when "online" %} + + {% t shared.event_types, key: training_event.event_type %} + Online Event + {% when "in_person" %} + + {% t shared.event_types, key: training_event.event_type %} + In-Person Event + {% endcase %} + +
+
+
+
+ + {% if training_event.description and training_event.description.size > 0 %} + {% include "training_session_description" %} + {% endif %} + +
+
+
+
+ +
+ +
+
+
+
+ {% include "training_session_details" %} + {% include "training_session_cta" %} +
+
+
+ +
+
+ {% t shared.more_sessions %} + More sessions +
+ {% if training_event.sessions and training_event.sessions.size > 1 %} + {% include "training_session_more_sessions" %} + {% else %} +
+ {% t .empty %} +
+ {% t .empty %} + There are currently no other sessions for this event. +
+
+ {% endif %} +
+
+ +
+ +
+
+{% include "footer" %} \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_details.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_details.html.liquid new file mode 100644 index 00000000..ef554d64 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/_training_session_details.html.liquid @@ -0,0 +1,83 @@ +{% assign training_session_time = training_session.time_period | split: " - " %} + +{% assign start_time = training_session_time | slice: 0 | join: "" %} +{% if start_time contains "PM" %} + {% assign start_time = start_time | remove: " PM" %} + {% assign split_start_time = start_time | split: ":" %} + {% assign start_time_hour = split_start_time | slice: 0 | join: "" | abs | plus: 12 %} + {% assign start_time_mins = split_start_time | slice: 1 | join: "" %} +{% elsif start_time contains "AM" %} + {% assign start_time = start_time | remove: " AM" %} +{% endif %} + +{% assign end_time = training_session_time | slice: 1 | join: "" %} +{% if end_time contains "PM" %} + {% assign end_time = end_time | remove: " PM" %} + {% assign split_end_time = end_time | split: ":" %} + {% assign end_time_hour = split_end_time | slice: 0 | join: "" | abs | plus: 12 %} + {% assign end_time_mins = split_end_time | slice: 1 | join: "" %} +{% elsif end_time contains "AM" %} + {% assign end_time = end_time | remove: " AM" %} +{% endif %} + +
+ {% include "training_session_date", training_session: training_session %} + + {% if training_session.approved? %} +
+
+ + You're registered! +
+
+ {% elsif training_session.pending? %} +
+
+ Pending – waiting approval +
+
+ {% elsif training_session.denied? %} +
+
+ Denied – contact your academy admin +
+
+ {% elsif training_session.too_late? %} +
+
+ Too late – meeting started +
+
+ {% elsif training_session.no_seats? %} +
+
+ No seats available +
+
+ {% endif %} +
+ +
+
+ + {{start_time_hour}}:{{start_time_mins}} - {{end_time_hour}}:{{end_time_mins}} Uhr +
+
+ {% if training_session.location %} + + {{ training_session.location }} + {% elsif training_session.session_url %} + + + {{ training_session.session_url }} + + {% endif %} +
+ {% if training_session.instructor and training_session.instructor.size > 0 %} +
+ + {% assign instructor_name = training_session.instructor | split: " " %} + {{ instructor_name | slice: 0 }} +
+ {% endif %} +
\ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/catalog.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/catalog.html.liquid new file mode 100644 index 00000000..69a75e2c --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/catalog.html.liquid @@ -0,0 +1,26 @@ +{% include "header" %} +{% include "english_banner" %} +
+

+ Deine Trainings für mehr Jobauswahl + Your training for more job choices +

+ {% comment %}
+ {% capture label %}{% t shared.filters.by_category %}{% endcapture %} + {% if courses.in_catalog.any? %} + {% + include "filter_dropdown", + filters: courses.filters, + key: "category_uuid", + label: label + %} + {% endif %} {% endcomment %} + {% include "courses_catalog" %} +
+{% include "footer" %} + + diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/course.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/course.html.liquid new file mode 100644 index 00000000..2060ac08 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/course.html.liquid @@ -0,0 +1,75 @@ +{% comment %} Skip cover page is course contains on the job category {% endcomment %} +{% for cat in course.categories %} + {% assign cat_name = cat.name | downcase %} + {% if cat_name == "on-the-job" or cat.id == "40b1f3d7-6faf-4d54-a74f-92d330831728" %} + + {% if course.enrolled? %} + + {% else %} + + {% endif %} + {% endif %} +{% endfor %} + +{% if course.properties.skip_course_cover_page == true %} + {% if course.enrolled? %} + + {% else %} + + {% endif %} +{% endif %} + +{% include "header", current_page_orgin: "catalog" %} +
+ + {% comment %} Get the full size background image by removing the modifier from the URL {% endcomment %} + {% assign course_image_full_size = course.image_url | replace: '/resize=width:820,height:500,fit:crop/', '/' %} + +
+
+
+ {% include "course_header" %} +
+
+
+ + {% if course.full_description and course.full_description.size > 0 %} + {% include "course_description" %} + {% endif %} + + {% if course.instructors and course.instructors.any? %} +
+ {% include "course_instructors" %} +
+ {% endif %} + + {% include "course_outline" %} + + {% if course.events and course.events.any? %} +
+ {% include "course_events" %} +
+ {% endif %} + + {% if course.enrolled? and course.started? %} + {% include "course_progress_and_cta" %} + {% else %} + {% include "course_cta_button" %} + {% endif %} + +
+
+
+
+{% include "footer" %} + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/courses.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/courses.html.liquid new file mode 100644 index 00000000..57fcceab --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/courses.html.liquid @@ -0,0 +1,20 @@ +{% include "header" %} +{% comment %} {% include "sub_navigation", current_page: "/app/courses" %} {% endcomment %} +
+

+ Deine Trainings für mehr Jobauswahl +

+
+ {% include "courses_index", card_classes: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %} +
+{% include "footer" %} + + + +{% comment %} {% endcomment %} \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/dashboard.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/dashboard.html.liquid new file mode 100644 index 00000000..4e83237d --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/dashboard.html.liquid @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/homepage.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/homepage.html.liquid new file mode 100644 index 00000000..5f33200b --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/homepage.html.liquid @@ -0,0 +1,393 @@ +{% assign isAuthenticatedUser = false %} + +{% for group in current_person.groups %} + {% if group.name == "All Users" or group.id == "6331d115-ea74-418a-99b2-af5c81208fe1" or group.name == "Internal + Zenjob Testing" or group.id == "940a5d24-32af-45f1-8ed4-8a6b4689d9c9" %} + {% assign isAuthenticatedUser = true %} + {% endif %} +{% endfor %} + +{% if current_person.email contains "+preview" %} + {% assign isAuthenticatedUser = true %} +{% endif %} + +{% unless isAuthenticatedUser %} +
+
+
+
+ {{ homepage.headline }} +
+
+ Entschuldigung! Es scheint, dass deine E-Mail-Adresse {{current_person.email}} nicht den richtigen Zugang erhalten hat. Es kann nach der Registrierung bis zu 24h dauern, bis du freigeschalten wirst. Sollte das Problem danach weiterhin bestehen, wende dich an talents@zenjob.com, um den Zugang zu den vollständigen Lerninhalten anzufragen. +
+
+
+
+{% endunless %} + +{% if isAuthenticatedUser %} + {% assign catalog_courses = courses.in_catalog %} + {% include "header", current_page_orgin: "false" %} + +
+
+
+
+ {{ homepage.headline }} + Welcome to our Zenjob Online Campus! +
+
+ Hallo {{ current_person.first_name }}, hier bereiten wir dich auf alles vor, was du für deine erste Schicht als + + wissen musst. + + Hello {{ current_person.first_name }}, here we prepare you for everything you need to know for your first shift as a + + +
+
+ +
+ {% for course in catalog_courses %} + {% if course.properties.homepage_course %} + {% for cat in course.categories %} + {% if cat.id == "087ea56d-888b-4e0f-af1f-68627318c841" or cat.id == "9be55234-19c5-4df4-bd1d-03e93f0faf83" or cat.id == "6580e10e-eacf-402d-a330-51d202721cce" or cat.id == "a63019c7-0a46-40bd-bc1b-935c887a4380" or cat.name == "Warenverräumer/in" or cat.name == "Kellner/in" or cat.name == "Kassierer/in" %} + + {% endif %} + {% endfor %} + {% endif %} + {% endfor %} + + {% for learning_path in learning_paths.available %} + {% assign learning_path_lang = "DE" %} + {% for learning_path_cat in learning_path.categories %} + {% if learning_path_cat.name == "English" %} + {% assign learning_path_lang = "EN" %} + {% endif %} + {% endfor %} + {% for learning_path_cat in learning_path.categories %} + {% if learning_path_cat.id == "087ea56d-888b-4e0f-af1f-68627318c841" or learning_path_cat.id == "9be55234-19c5-4df4-bd1d-03e93f0faf83" or learning_path_cat.id == "6580e10e-eacf-402d-a330-51d202721cce" or learning_path_cat.id == "a63019c7-0a46-40bd-bc1b-935c887a4380" or learning_path_cat.name == "Warenverräumer/in" or learning_path_cat.name == "Kellner/in" or learning_path_cat.name == "Kassierer/in" %} + + {% endif %} + {% endfor %} + {% endfor %} +
+
+ +
+ {% include "footer" %} + {% endif %} + + + + diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/learning_path.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/learning_path.html.liquid new file mode 100644 index 00000000..f4bae39c --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/learning_path.html.liquid @@ -0,0 +1,157 @@ +{% include "header", current_page_orgin: "learning_paths" %} + +{% assign lp_items_all_optional = true %} +{% for item in learning_path.items %} + {% unless item.optional? %} + {% assign lp_items_all_optional = false %} + {% endunless %} +{% endfor %} + +
+ +{% assign learning_path_image_full_size = learning_path.image_url | replace: '/resize=width:820,height:500,fit:crop/', '/' %} + +
+ +
+
+
+
+
+ {{ learning_path.name }} +
+
+
+
+ {% if learning_path.description and learning_path.description.size > 0 %} + {% include "learning_path_description" %} + {% endif %} + + {% if learning_path.instructors and learning_path.instructors.any? %} +
+ {% include "learning_path_instructors" %} +
+ + {% endif %} + +
+
+
+
+
+
+ {% include "learning_path_progress_and_cta" %} +
+ {% include "learning_path_outline" %} +
+ +
+
+{% include "footer" %} + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/learning_paths.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/learning_paths.html.liquid new file mode 100644 index 00000000..cb633ef9 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/learning_paths.html.liquid @@ -0,0 +1,74 @@ +{% include "header" %} +
+ {% include "learning_paths_index", items: learning_paths.available %} +
+{% include "footer" %} + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/on-the-job.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/on-the-job.html.liquid new file mode 100644 index 00000000..4e3710fa --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/on-the-job.html.liquid @@ -0,0 +1,57 @@ +{% include "header" %} +
+

+ On-The-Job Videos +

+
+ + {% assign num_of_video_courses = 0 %} + {% if courses.in_catalog.any? %} +
+ {% for course in courses.in_catalog %} + {% for cat in course.categories %} + {% if cat.id == "40b1f3d7-6faf-4d54-a74f-92d330831728" or cat.name == "On-The-Job" %} +
+ {% include "cards_course" with course %} +
+ {% assign num_of_video_courses = num_of_video_courses | plus: 1 %} + {% endif %} + {% endfor %} + + {% endfor %} +
+ {% else %} + {% comment %} {% capture message %} + {% t shared.zero_state.courses.catalog, + key: current_school.course_vocabulary + %} + {% endcapture %} {% endcomment %} +
+
+

{% t shared.zero_state.courses.catalog, + key: current_school.course_vocabulary + %}

+
+ +
+ {% endif %} + + {% if num_of_video_courses == 0 %} +
+
+

{% t shared.zero_state.courses.catalog, + key: current_school.course_vocabulary + %}

+
+ +
+ {% endif %} + +
+{% include "footer" %} + + diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/search.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/search.html.liquid new file mode 100644 index 00000000..d2ec1d3f --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/search.html.liquid @@ -0,0 +1,58 @@ +{% include "header" %} +
+
+ {% t .title %} +
+
+
+ {% t .showing %} + {{ results.count }} + {% t .results_for %} + "{{ results.term }}" +
+ {% capture label %}{% t shared.filters.by_type %}{% endcapture %} + {% + include "filter_dropdown", + filters: results.filters, + key: "type", + label: label + %} +
+ {% if results.items.any? %} + {% render "search_result" for results.items as result %} + {% else %} + {% include "search_zero_state" %} + {% endif %} +
+{% include "footer" %} + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/styles.css.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/styles.css.liquid new file mode 100644 index 00000000..97782a4a --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/styles.css.liquid @@ -0,0 +1,1969 @@ + /* + 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 }} +*/ + +/* FONT IMPORTS */ +@font-face { + font-family: "EuclidFlex"; + src: url("https://s3.amazonaws.com/static.northpass.com/fonts/euclid-flexb/EuclidFlexB-Light-WebM.ttf") + format("truetype"); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: "EuclidFlex"; + src: url("https://s3.amazonaws.com/static.northpass.com/fonts/euclid-flexb/EuclidFlexB-Regular-WebM.ttf") + format("truetype"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "EuclidFlex"; + src: url("https://s3.amazonaws.com/static.northpass.com/fonts/euclid-flexb/EuclidFlexB-RegularItalic-WebM.ttf") + format("truetype"); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: "EuclidFlex"; + src: url("https://s3.amazonaws.com/static.northpass.com/fonts/euclid-flexb/EuclidFlexB-Medium-WebM.ttf") + format("truetype"); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: "EuclidFlex"; + src: url("https://s3.amazonaws.com/static.northpass.com/fonts/euclid-flexb/EuclidFlexB-Semibold-WebM.ttf") + format("truetype"); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: "EuclidFlex"; + src: url("https://s3.amazonaws.com/static.northpass.com/fonts/euclid-flexb/EuclidFlexB-Bold-WebM.ttf") + format("truetype"); + font-weight: 700; + font-style: normal; +} + +body[data-lang='EN'] span[data-lang='DE'], +body[data-lang='DE'] span[data-lang='EN'], +body[data-lang='EN'] .course-column[data-lang='DE'], +body[data-lang='DE'] .course-column[data-lang='EN'], +body[data-lang='EN'] .video-column[data-lang='DE'], +body[data-lang='DE'] .video-column[data-lang='EN'] { + display: none !important; +} + +body[data-lang='EN'] span[data-lang='EN'], +body[data-lang='DE'] span[data-lang='DE'], +body[data-lang='EN'] .course-column[data-lang='EN']:not(.np-hidden), +body[data-lang='DE'] .course-column[data-lang='DE']:not(.np-hidden), +body[data-lang='EN'] .video-column[data-lang='EN'], +body[data-lang='DE'] .video-column[data-lang='DE'] { + display: inline-block !important; +} + + +span[data-lang='DE'], +.course-column[data-lang='DE'], +.video-column[data-lang='DE'] {display:inline-block;} + +span[data-lang='EN'], +.course-column[data-lang='EN'], +.video-column[data-lang='EN'] {display:none;} + +/* ------------ Northpass Style Overrides ------------ */ + +/* ------ Learner/Admin Mode Button ------ */ +@media screen and ( max-width: 35.5rem ) { + body .Container-sc-1cu1r9y-3 { + position: unset; + } +} + +/* ------ Text ------ */ +body { + font-family: 'EuclidFlex', "Roboto", sans-serif; + line-height: 1.5; + display: flex; + flex-direction: column; + min-height: 100vh; + color: #5a616b; +} + +main { + flex-grow: 1; +} + +h1, h2, h3, h4, h5, h6, p { + margin: 0; +} + +p + p { + margin-top: 0.5rem; +} + +a { + color: #2574e1; +} +a:hover, +a:focus { + color: #ba37d6; +} +a:active { + color: #9630ab; +} +.np-text-light { + color: #6e7580; +} + +.np-text-title { + color: #5a616b; +} +.np-resource-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0; + text-align: left; + color:#333333; +} +.np-resource-subtitle, +.np-training-events .np-resource-subtitle { + text-align: left; + padding: 0; + margin-top: 0.5rem; + margin-bottom: 0; +} + +@media screen and ( min-width: 48rem ) { + .np-resource-title { + font-size: 2rem; + } +} + +/* ------ Common Layout ------ */ + +/* --- Page Content --- */ +.page__primary-content { + margin-top: 2rem; +} +@media screen and ( min-width: 48rem ) { + .page__primary-content { + margin-top: 2.5rem; + } +} + +/* --- Box Container (for signup/password reset etc) --- */ +.np-box-container { + height: auto; + padding: 1rem; + display: flex; + flex-direction: column; + align-items: center; +} + +.np-box { + border-radius: 1rem; + box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px; + margin: 0; + width: 100%; + max-width: 550px +} +.np-box-header { + border-top-right-radius: 1rem; + border-top-left-radius: 1rem; + height: auto; + padding: 1.5rem 2rem 1rem; +} +.np-box-header-logo { + height: 50px; +} + +.np-box-content-container { + padding: 2rem 2rem 3rem; +} +.np-box-content-container, +.np-alert + .np-box-content-container { + margin: 0; +} + +@media screen and ( min-width: 48rem ) { + .np-box-container::before, + .np-box-container::after { + content: ""; + display: block; + } + .np-box-container::before { + flex-grow: 1; + } + .np-box-container::after { + flex-grow: 2; + } + .np-box-container { + padding: 2rem; + } + .np-box-header { + padding: 2.5rem 2rem 2rem; + } + .np-box-header-logo { + height: 70px; + } + .np-box-content-container { + padding: 3rem 4rem 4rem; + } + .np-alert + .np-box-content-container { + padding-top: 2rem; + } +} + +/* --- Section Horizontal Padding --- */ +.np-header, +.np-sub-navigation, +.np-page-container, +.np-subpage-container, +.np-homepage-hero-content, +.page-section { + width: 100%; + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +@media screen and ( min-width: 48rem ) { + .np-header, + .np-sub-navigation, + .np-page-container, + .np-subpage-container, + .np-homepage-hero-content, + .page-section { + padding-left: 5rem; + padding-right: 5rem; + } +} + +/* --- Page Header Area --- */ +.page__header-wrapper, +.np-catalog-header-wrapper { + margin-bottom: 2rem; +} + +@media screen and ( min-width: 48rem ) { + .page__header-wrapper, + .np-catalog-header-wrapper { + margin-bottom: 2.5rem; + } +} + +/* --- Blocks Layout --- */ +.blocks-layout { + display: flex; + flex-direction: column; +} +.blocks-layout, +.blocks-layout > .blocks-layout { + width: calc( 100% + 1.5rem); + margin: -0.75rem; +} +.blocks-layout { + flex-wrap: wrap; +} +.blocks-layout > *, +.blocks-layout > .np-card { + padding: 0.75rem; + width: 100%; +} +@media screen and ( min-width: 35.5rem ) { + .blocks-layout, + .blocks-layout > .blocks-layout { + flex-direction: row; + } +} +@media screen and ( min-width: 48rem ) { + .blocks-layout { + flex-direction: row; + } + .blocks-layout, + .blocks-layout > .blocks-layout { + + width: calc( 100% + 2rem ); + margin: -1rem; + } + .blocks-layout > *, + .blocks-layout > .np-card { + padding: 1rem; + } +} + +/* --- Columns --- */ +/* Adding some column options for between the width of small and xs, in order to avoid overriding the other column sizing these only apply to the narrow range */ + +@media only screen and ( min-width: 35.5rem ) and ( max-width: calc(48rem - 1px) ) { + .col-x-sm-6 { + flex-basis: 50%; + max-width: 50% + } +} + +/* ------ Page/Subpage Container ------ */ +body, +.np-page-container, +.np-subpage-container { + background-color: #f5f7fa; + width: 100%; +} + +.np-page-container, +.np-subpage-container { + padding-top: 2rem; + padding-bottom: 2rem; +} + +.np-page-container { + position: relative; + margin:0; +} + +@media screen and ( min-width: 48rem ) { + .np-page-container { + padding-top: 5rem; + padding-bottom: 5rem; + margin-top: 0; + + } + .np-subpage-container { + padding-top: 3rem; + padding-bottom: 3rem; + } +} + +/* ------ Footer ------ */ +/* --- Logo --- */ +.np-footer-logo-image { + filter: none; + height: 30px; + opacity: initial; +} + +/* ------ Northpass Powered By Signet ------ */ +div.np-powered-by { + display: none; +} + +/* ------ Sub Navigation ------ */ +/* --- Container --- */ +.np-sub-navigation { + padding-top: 1.25rem; + margin-bottom: 0; +} +.np-sub-navigation-content { + margin-left: -0.75rem; + margin-right: -0.75rem; +} + +/* --- Item --- */ +.np-sub-navigation-content-item { + display: flex; + flex-direction: column; + height: auto; + margin: 0 0.75rem; +} +.np-sub-navigation-content-item-link { + height: auto; + flex-grow: 1; + line-height: 1.15; +} +.np-sub-navigation-content-item-inactive .np-sub-navigation-content-item-link { + margin-bottom: 1rem; +} +.np-sub-navigation-content-item-icon, +.oa-sub-navigation-content-item-label { + flex-grow: 1; +} + +.oa-sub-navigation-content-item-label { + color:#333333; +} +/* Inactive Item */ +.np-sub-navigation-content-item-inactive .np-sub-navigation-content-item-icon { + color: #c5cbd1; +} + +/* --- Seperator --- */ +.oa-sub-navigation-seperator { + flex-grow: 1; +} + +/* ------------ Animations ------------ */ +/* --- Transitions --- */ +a, +button, +.np-button, +.np-course-outline-content-activity-link-completed::after, +.outline-card__icon-link, +.filter-list__item { + transition: all 0.3s ease; +} +/* --- Animation Defaults --- */ +.is-animation { + animation-timing-function: cubic-bezier( 0.36, 0.45, 0.63, 0.53); + animation-duration: 20s; + animation-iteration-count: infinite; +} +/* --- Slide --- */ +@keyframes slide-2 { + 0% { + transform: translateX( 0% ); + } + 100% { + transform: translateX( -200% ); + } +} +@keyframes slide-3 { + 0% { + transform: translateX( 0% ); + } + 100% { + transform: translateX( -300% ); + } +} +@keyframes slide-4 { + 0% { + transform: translateX( 0% ); + } + 100% { + transform: translateX( -400% ); + } +} +@keyframes slide-5 { + 0% { + transform: translateX( 0% ); + } + 100% { + transform: translateX( -500% ); + } +} +/* --- Rotate --- */ +@keyframes rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +/* --- Pinwheel --- */ +@keyframes pinwheel { + 0% { + transform: rotate(45deg) translateX(0px); + } + 100% { + transform: rotate(-25deg) translateX(20px); + } +} +/* --- Text Gradient --- */ +@keyframes homepage-gradient { + 0% { + background-position-x: 0; + } + 100% { + background-position-x: 100%; + } +} + +/* ------------ Components ------------ */ + +/* ------ Card ------ */ +.np-card-container { + box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px; + border-radius: 1rem; + justify-content: start; + align-items: stretch; + width: 100%; + height: 100%; + display: flex; + flex-direction: row; +} + + .np-card:not(.card--horizontal) .np-card-container { + flex-direction: column; + } + +.np-card .np-card-text-wrapper { + flex-grow: 1; + width: auto; +} + +@media screen and ( min-width: 48rem ) { + .np-card-padding-dynamic { + padding: 3rem; + } +} +/* Vertical Cards */ +@media screen and ( min-width: 35.5rem ) { + .np-card:not(.np-no-horizontal-padding) .np-card-container { + flex-direction: column; + } + .np-card:not(.np-no-horizontal-padding) .np-card-text-wrapper { + width: 100%; + } + + .np-card.np-learning-path-outline-item .np-card-container { + flex-direction: row; + } +} +/* --- Ribbon --- */ +.np-card-ribbon { + position: relative; + right: unset; + top: unset; + margin-left: 0.75rem; + background-color: #B6B9C2; + padding: 0.25rem 1rem; + border-radius: 1.5rem; + line-height: 1.1; + text-transform: none; + font-size: 0.75rem; + text-align: center; + align-self: start; +} + +.np-card-ribbon i { + margin-right: 3px; +} +.card__image .np-card-ribbon { + position: absolute; + right: 0.75rem; + top: 0.75rem; +} + +/* --- Image --- */ +.card__image { + position: relative; + background-size: cover; + background-position: center; + width: 50%; + border-color: #e0f3ff; + border-style: solid; + border-radius: 1rem 0 0 1rem; + border-width: 0 1px 0 0; + flex-shrink: 1; +} + +.np-card:not(.card--horizontal) .card__image { + width: 100%; + padding-top: calc(500 / 820 * 100% /2); + padding-bottom: calc(500 / 820 * 100% /2); + border-radius: 1rem 1rem 0 0; + border-width: 0 0 1px 0; + } + + /* .np-learning-path-outline-item .card__image { + text-align:center; + } */ + +/* Vertical Card */ +@media screen and ( min-width: 35.5rem ) { + .card__image { + width: calc(100% / 3); + flex-shrink: 0; + } + .np-card:not(.card--horizontal) .card__image { + width: 100%; + padding-top: calc(500 / 820 * 100% /2); + padding-bottom: calc(500 / 820 * 100% /2); + border-radius: 1rem 1rem 0 0; + border-width: 0 0 1px 0; + } +} + +/* --- Heading --- */ +.np-card-heading { + font-weight: 900; + font-size: 1.25rem; + line-height: 1.3; + color: #24272e; + margin-top: 0; + margin-bottom: 1rem; +} +@media screen and ( min-width: 48rem ) { + .np-card-heading { + margin-bottom: 1.25rem; + } +} +/* --- Text --- */ +.np-card-text { + margin-bottom: 1.5rem; + font-size: 1rem; + line-height: 1.5; +} +.np-card-text:last-child { + margin-bottom: 0; +} +@media screen and ( min-width: 48rem ) { + .np-card-text { + font-size: 1.125rem; + margin-bottom: 2rem; + } +} +/* --- Content Area --- */ +.np-card-content, +.np-learning-paths .np-card-content { + padding: 1.25rem; + height: 100%; +} +.np-card-content > * { + margin: 0; +} +.np-card-content > *:not(:last-child) { + margin-bottom: 0.5rem; +} +.np-card-content-title { + line-height: 1.3; + color:#333333; +} +.np-card-content .np-card-content-title { + margin-top: 0; +} +.np-card-content-subtitle { + font-size: 0.875rem; + font-weight: 700; + color: #795ae8; +} +/* Description */ +.np-card-content-description { + flex-grow: 1; + display: block; +} +.np-card-content-description p { + margin: 0; +} +@media screen and ( min-width: 48rem ) { + .np-card-content-description { + font-size: 1rem; + } +} +/* Footer */ +.np-card-content-footer { + padding-top: 0.5rem; + align-items: baseline; +} +.np-card-content-footer > *:first-child { + margin-left: 0; +} + +.np-card-content-progress { + margin-top: 0; + margin-left: 0.5rem; + font-size: 1rem; + text-transform: none; + color: #795ae8; +} + +/* Content Divider */ +.np-card-content-divider { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + border-color: #94dbff; +} +.np-card-content-divider:last-child { + margin-bottom: 0; +} +@media screen and ( min-width: 48rem ) { + .np-card-content-divider { + margin-top: 2rem; + margin-bottom: 2rem; + padding-top: 2rem; + } +} +@media screen and ( min-width: 48rem ) { + .np-card-content-description { + font-size: 1rem; + } +} +/* --- Card Stack --- */ +.np-card-stack-level-1, +.np-card-stack-level-2 { + box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px; + border-radius: 1rem; + height: 2rem; + margin-top: -1.4rem; +} + +/* --- Course / Learning Path / Event Details Card --- */ +/* Header Area */ +.details-card__header { + padding-bottom: 1rem; + margin-bottom: 0; +} +.np-top-title { + font-weight: 700; + font-size: 1.5rem; + line-height: 1.3; + color: #24272e; + margin-bottom: 0.75rem; +} +@media screen and ( min-width: 48rem ) { + .details-card__header { + padding-bottom: 1.5rem; + } + .np-resource-header { + flex-direction: row; + align-items: center; + padding-top: 2rem; + } + .np-top-title { + font-size: 2rem; + margin-bottom: 0; + } +} +/* Content Area */ +.details-card__card-container { + justify-content: top; + flex-direction: column; +} +.details-card__card-content { + padding-top: 1.5rem; + padding-bottom: 2rem; +} +@media screen and ( min-width: 48rem ) { + .details-card__card-content { + padding-top: 2rem; + padding-bottom: 3rem; + } +} +/* Heading Styles for User Generated Content */ +.details-card__card-content h4 { + margin-top: 1.5rem; + margin-bottom: 1rem; + color: #24272e; + font-weight: 700; +} +@media screen and ( min-width: 48rem ) { + .details-card__card-content h4 { + margin-top: 2rem; + } +} + +/* --- Training Session Card --- */ + +/* Date Bar */ +.np-card-training-session-date { + position: relative; +} +.np-card-training-session-date:not(:first-child) { + margin-top: 0.5rem; +} +.np-card-training-session-date-bar { + background-color: #795ae8; + left: -1.25rem; + height: 100%; + width: 0.5rem; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + +} +.np-card-training-session-date-day { + color: #24272e; + font-weight: 900; +} +.card__month-year-container { + flex-grow: 1; +} +.np-card-training-session-date-month, +.np-card-training-session-date-year { + line-height: 1.1; +} +.np-card-training-session-date-month { + color: #795ae8; + text-transform: none; +} +.np-card-training-session-date-year { + color: #6e7580; +} +.session-date__other-info-container, +.session-date__other-info-container.np-training-session-cta-note { + height: 100%; + display: flex; + align-items: center; + justify-content: center; + margin-left: 1rem; + margin-right: -1.25rem; + min-height: 60px; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} +.session-date__other-info-container { + padding: 0.25rem 0.5rem 0.25rem 0.5rem; + background-color: #795ae8; + color: white; +} +.np-training-session-cta-note { + padding: 0.5rem 1.25rem 0.5rem 0.75rem; + margin-bottom: 0; + position: unset; +} +.session-date__other-info-wrapper { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + align-content: center; +} +.session-date__other-info-wrapper > * { + margin: 0 auto; + padding: 0.25rem; +} +.session-date__other-info-container::before, +.session-date__other-info-container::after { + display: block; + content: ""; +} +.session-date__other-info-container::before { + flex-basis: .5rem; + flex-shrink: 1; + padding: 0; +} +.session-date__other-info-container::after { + flex-basis: .75rem; + flex-shrink: 3; + padding: 0; +} +.np-card-training-sessions-icon { + color: #ffffff; + text-align: center; +} +.np-training-session-cta-note, +.np-card-training-sessions-label { + line-height: 1.1; + font-weight: 700; + text-align: center; +} +.np-card-training-sessions-label { + font-size: 0.875rem; + overflow: unset; +} +.np-card-training-sessions-label, +.session-date__other-info-wrapper > span { + white-space: unset; +} + +/* ------ Divider ------ */ + +/* --- Padding--- */ +.np-divider { + margin: 0 1.25rem; + border-color: #94dbff; +} +@media screen and ( min-width: 48rem ) { + .np-divider { + margin: 0 3rem; + } +} + +/* ------ Course Banner ------ */ +.banner-course { + box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px; + background-color: #ffffff; + border-radius: 1rem; + display: flex; + flex-direction: row; + align-items: stretch; + width: 100%; + overflow: hidden; +} +/* Course Content */ +.banner-course__content { + padding: 1rem 0.75rem; + flex-grow: 1; + display: flex; + flex-direction: column; + align-items: start; +} +.banner-course__content > * { + margin: 0.25rem 0.5rem; +} +.banner-course__title { + color: #1b3e4f; + font-size: 1rem; + font-weight: 700; + line-height: 1.3; +} +.banner-course__description { + flex-grow: 1; +} +@media screen and ( min-width: 48rem ) { + .banner-course__title { + font-size: 1.25rem; + } +} +@media screen and ( min-width: 64rem ) { + .banner-course { + border-radius: 2.5rem; + } + .banner-course__content { + flex-direction: row; + align-items: center; + } + .banner-course__description { + font-size: 1.25rem; + } +} +/* Course Image */ +.banner-course__image { + position: relative; + background-size: cover; + background-position: center; + width: 25%; + max-width: 14rem; + border-color: #e0f3ff; + border-style: solid; + border-radius: 1rem 0 0 1rem; + border-width: 0 1px 0 0; + flex-shrink: 0; +} + +/* ------ Call to Action ------ */ +.cta__container { + margin: 1.5rem 0; +} +.cta__container:first-child { + margin-top: 0; +} +.cta__container:last-child { + margin-bottom: 0; +} +.np-top-cta { + border-radius: 3rem; + background-color: #e0f3ff; + padding: 0.5rem 1.5rem; + margin-bottom: 1.5rem; + position: relative; +} + +.np-top-cta .np-progress-bar-container { + background-color: #8B78FA; +} + +@media screen and ( min-width: 48rem ) { + .cta__container { + margin: 2rem 0; + } + .np-top-cta { + padding: 1rem; + margin-bottom: 0; + } + .np-top-cta .np-top-cta-progress-content { + margin-left: 1.25rem; + } +} + +/* ------ Progress Bar ------ */ +.np-progress-bar-container { + background-color: #dce1e5; + +} + +.np-top-cta-progress-content { + display: flex; + align-items: center; + min-height: 1.5rem; +} +@media screen and ( min-width: 48rem ) { + .np-top-cta-progress-content { + min-height: 1.5rem; + margin-right: 0.5rem; + } +} +/* Progress Bar Text and Bar */ +.np-top-cta-progress-content > * { + margin: 0; +} +.np-top-cta-progress-content > * + * { + margin-left: 1rem; +} +/* Progress Bar Text */ +.np-top-cta-progress-text, +.np-top-cta-progress-title { + font-size: 0.875rem; + text-transform: none; + line-height: 1.1; +} +.np-top-cta-progress-text { + flex-shrink: 0; + font-weight: 700; + line-height: 1.1; +} + +/* Card Progress bar */ +.np-card .np-progress-bar-container { + margin-left: 0.5rem; + margin-top: 0; +} +.np-card-progress-bar { + background-color: {{ color_palette.learning_progress_bar_color }}; +} + +/* ------ Buttons ------ */ +.np-button { + height: unset; + min-height: unset; + padding: 0.5rem 1.25rem; + border-radius: 1.5rem; + font-size: 1rem; + line-height: 1.5; +} +.np-button:hover, +.np-button:focus, +.np-button:active { + color: #fff; +} + +.np-button:focus { + background-color: {{ color_palette.button_hover_color }}; + outline: 2px solid #e79ff7; +} +.np-button:active { + background-color: #50185b; +} + +/* --- Wide Buttons --- */ +.np-button-wide { + padding-left: 1.75rem; + padding-right: 1.75rem; +} + +/* --- Secondary Buttons --- */ +.np-button-secondary { + color: #fff; + background-color: #6e7580 !important; +} +.np-button-secondary:hover, +.np-button-secondary:focus { + background-color: {{ color_palette.button_hover_color }} !important; +} +.np-button-secondary:active { + background-color: #50185b !important; +} + +/* ------ Dropdowns ------ */ +.dropdown-calendar-menu { + padding: 0.5rem 0; + border-radius: 1rem; + box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px; +} +.dropdown-calendar-menu.is-open { + overflow: hidden; +} +.dropdown-calendar-item-element { + padding: .5rem 1.25rem; + color: #5a616b; +} +.dropdown-calendar-item-element:hover, +.dropdown-calendar-item-element:focus, +.dropdown-calendar-item-element:active { + color: #50185b; +} +.dropdown-calendar-item-element:hover, +.dropdown-calendar-item-element:focus { + background-color: #fae3ff; +} +.dropdown-calendar-item-element:active { + background-color: #fdf3ff; +} +/* ------ Form & Inputs ------ */ +.np-form-field { + margin-bottom: 1rem; +} +.np-input-label { + font-size: 1rem; + margin-bottom: 0.5rem; + color: #5a616b; +} +.np-input { + border-radius: 1.25rem; + height: 2.5rem; + padding: 0.5rem 1.25rem; + line-height: 1.5; + background-color: #f0feff; + border-color: #bfe4ff; + border-width: 2px; +} +.np-input:focus { + border-color: #4cc3ff; +} +.np-form-action { + margin-top: 0.5rem; +} +.np-form-link { + font-size: 0.875rem; + margin-top: 1.25rem; +} + +/* ------ Alerts ------ */ +.np-alert-wrapper { + padding: 1rem 2rem; + width: 100% +} +.np-alert { + min-height: unset; + font-size: 0.875rem; +} +.np-alert-error { + background-color: #ffe1e8; + color: #b11932; +} +.np-alert-success { + background-color: #e8ffe1; + color: #1d6e2c; +} + +@media screen and ( min-width: 48rem ) { + .np-alert-wrapper { + padding: 1rem 4rem; + } +} + +/* ------ Filter List ------ */ +.filter-list__container { + background-color: white; + border-radius: 1rem; + box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px; +} +/* --- Header --- */ +.filter-list__header-container { + padding: 0.75rem 1.5rem 0.5rem; +} +.filter-list__header { + font-size: 1.125rem; + font-weight: 300; +} +@media screen and ( min-width: 48rem ) { + .filter-list__header { + font-size: 1.25rem; + } +} +/* --- Sections --- */ +.filter-list__section { + border-top: 1px solid #e0f3ff; +} +/* Header */ +.filter-list__section-header-container { + padding: 0.5rem 1.5rem; + display: flex; + align-items: center; + justify-content: space-between; + cursor: pointer; +} +.filter-list__section-header-container:focus { + outline: 2px solid #e79ff7; + outline-offset: -2px; +} +.filter-list__section-header { + font-size: 1rem; + color: #1b3e4f; +} +@media screen and ( min-width: 48rem ) { + .filter-list__section-header { + font-size: 1.125rem; + } +} +/* Icons */ +.filter-list__section-header-icon { + font-size: 1.5rem; + color: {{ color_palette.button_color }}; +} +.filter-list__section-header-container:hover .filter-list__section-header-icon, +.filter-list__section-header-container:hover .filter-list__section-header-icon { + color: #ba37d6; +} +/* Body */ +.filter-list__section-body { + padding: 0.75rem 0.75rem 0.75rem 1.5rem; + border-top: 1px solid #e0f3ff; +} +/* --- Interactivity --- */ +/* Icons */ +.filter-list__section.is-open .filter-list__open-icon, +.filter-list__section.is-collapsed .filter-list__collapse-icon { + display: none; +} +/* Body */ +.filter-list__section-body-container { + transition: max-height 0.3s ease, visibility 0.3s ease; + max-height: 45rem; + overflow: hidden; +} +.filter-list__section.is-collapsed .filter-list__section-body-container { + max-height: 0; + visibility: hidden; /* Prevents tabbing through hidden items */ +} +/* --- Subsections --- */ +.filter-list__subsection-header { + margin-bottom: 0.5rem; +} +.filter-list__subsection-header:not(:first-child) { + margin-top: 0.75rem; +} +/* --- List --- */ +.filter-list { + margin: 0; + padding: 0; +} +/* --- Item --- */ +.filter-list__item { + list-style-type: none; + display: flex; + align-items: center; + justify-content: space-between; + line-height: 1.1; + margin-bottom: 3px; + margin-left: -0.75rem; + padding: 0.2rem 0.75rem; + border-radius: 0.75rem; + color: {{ color_palette.button_color }}; +} + +.filter-list__item:hover, +.filter-list__item:focus { + background-color: #fdf3ff; + color: #9630ab; + cursor: pointer; +} +.filter-list__item:focus { + outline: 2px solid #e79ff7; +} +.filter-list__item.is-active { + background-color: {{ color_palette.button_color }}; + color: #ffffff; +} + +.filter-list__item.is-active:hover, +.filter-list__item.is-active:focus { + background-color: #ba37d6; +} +.filter-list__item-remove { + margin-left: 0.4rem; +} +.filter-list__item:not(.is-active) .filter-list__item-remove { + display: none; +} + +/* ------ Clear Filters ------ */ +.clear-filters__container { + display: flex; + flex-wrap: wrap; + margin: -0.25rem -0.25rem 0.75rem; +} +.clear-filters__container > * { + margin: 0.25rem; +} +.clear-filters__button { + display: flex; + align-items: center; + justify-content: space-between; + box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px; + line-height: 1.1; + padding: 0.3rem 0.85rem; + border-radius: 0.85rem; + background-color: {{ color_palette.button_color }}; + color: #ffffff; +} +.clear-filters__button-clear-all { + background-color: #ffffff; + color: {{ color_palette.button_color }}; +} +.clear-filters__button:hover, +.clear-filters__button:focus { + background-color: #ba37d6; + color: #ffffff; + cursor: pointer; +} +.clear-filters__button:focus { + outline: 2px solid #e79ff7; +} +.clear-filters__button.is-active { + background-color: {{ color_palette.button_color }}; + color: #ffffff; +} +.clear-filters__icon { + margin-left: 0.4rem; +} + +/* ------ Outdated Popup ------ */ +.np-course-version-outdated-popup { + align-self: center; + margin-left: auto; + margin-right: 0.5rem +} + +/* --- Trigger --- */ +.np-course-version-outdated-popup-trigger { + color: #f8654c; + border-radius: 50%; +} +.np-course-version-outdated-popup-trigger:hover, +.np-course-version-outdated-popup-trigger:focus { + color: #d54224; +} +.np-course-version-outdated-popup-trigger:focus { + outline: 2px solid #ffa593; +} + +.np-course-version-outdated-popup { + margin-left: 0.5rem; + margin-right: auto; +} + +/* --- Popup --- */ +.np-popup-tooltip--visible { + border: 2px solid #ffe5e1; +} +.np-popup-tail { + border-top: 4px solid #ffc9c0; +} +.np-popup-header { + background-color: #ffe5e1; + padding-left: 1.25rem; + padding-right: 1.25rem; +} +.np-popup-header-icon { + color: #f8654c; +} +.np-popup-body { + padding-left: 1.25rem; +} +.np-popup-body-button { + border-radius: 1.5rem; + background-color: {{ color_palette.button_color }}; +} +.np-popup-body-button:hover, +.np-popup-body-button:focus { + background-color: {{ color_palette.button_hover_color }}; + color: #fff; +} +.np-popup-body-button:focus { + outline: 2px solid #e79ff7;; +} + + +/* ------------ Pages ------------ */ + + +/* ------ Catalog Page ------ */ +/* --- Header --- */ +.np-catalog-header-wrapper { + display: block; +} +.np-catalog-header { + align-items: start; + margin: 0; +} + +/* --- Content Layout --- */ +.catalog-layout__wrapper { + flex-direction: column-reverse; + flex-wrap: nowrap; +} +.catalog-layout__filters { + width: 100%; +} +.catalog-layout__results { + align-content: start; + flex-grow: 1; +} +@media screen and ( min-width: 48rem ) { + .catalog-layout__results { + width: 75%; + } +} +@media screen and ( min-width: 35.5rem ) { + .catalog-layout__wrapper { + flex-direction: row; + } +} + +/* ------ Course Overview Page ------ */ +.page--course-overview .np-card-container { + max-width: 800px; + margin: auto; + flex-direction: column; +} +/* Course Image */ +.np-top-image-spacing { + margin-top: 2.5rem; + margin-bottom: 0; +} + +/* --- Course Outline --- */ +.np-course-outline { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} +@media screen and ( min-width: 48rem ) { + .np-course-outline { + margin-top: 2rem; + margin-bottom: 2rem; + } +} +/* --- Course Instructors --- */ +/* Container */ +.instructors-list__container { + display: flex; + flex-direction: column; + margin: -0.5rem; +} +.instructors-list__container > * { + padding: 0.5rem; + margin: 0; +} +@media screen and ( min-width: 48rem ) { + .instructors-list__container { + flex-direction: row; + align-items: start; + flex-wrap: wrap; + } + .instructors-list__container > * { + width: 50%; + } +} +/* Item */ +.np-content-instructors-content-item { + align-items: center; +} +.np-content-instructors-content-image { + width: 2rem; + height: 2rem; + border-radius: 50%; + border: 1px solid #aeb5bd; +} +.np-content-instructors-content-description { + margin-left: 0.75rem; +} +.np-content-instructors-content-name { + color: #6e7580; + font-weight: 700; + line-height: 1.3; +} +.np-content-instructors-content-info { + font-size: 1rem; + line-height: 1.3; + color: #24272e; +} +@media screen and ( min-width: 48rem ) { + .np-content-instructors-content-name { + font-size: 1.125rem; + } + .np-content-instructors-content-info { + font-size: 0.875rem; + } +} +/* --- Table of Contents --- */ +.np-course-outline-content-section-list { + margin-bottom: 14px; +} + +/* Section Title */ +.np-course-outline-content-section-name { + color: #353a42; + font-size: 1rem; + line-height: 1.3; + border-bottom-width: 0; + padding-bottom:0; +} +@media screen and ( min-width: 48rem ) { + .np-course-outline-content-section-name { + font-size: 1.125rem; + } +} +/* List Item */ +.np-course-outline-content-activity-list { + display: flex; + align-items: center; + border-bottom-width: 0; + padding: 0.3rem 0; +} +/* Icon */ +.np-course-outline-content-activity-icon { + padding: 0 0.75rem 0 0; + color: #e9ecf0; +} +/* Connecting Bar */ +.np-course-outline-content-activity-list-bar { + background-color: #e9ecf0; + height: calc(50% - 9px); + top: calc(50% + 9px); + bottom: 0; + left: 9px; +} +.np-course-outline-content-activity-list-bar:before { + background-color: #e9ecf0; + content: ""; + display: block; + position: absolute; + height: 100%; + top: calc(-100% - 18px); + width: 2px; + z-index: 1; +} +.np-course-outline-content-activity-list:first-child .np-course-outline-content-activity-list-bar:before { + display: none; +} +.np-course-outline-content-activity-list-bar.np-progress-background-color:before { + background-color: {{ color_palette.learning_progress_bar_color }}; +} +/* Hide the last end bar without hiding the connecting element */ +.np-course-outline-content-activity-list:last-child .np-course-outline-content-activity-list-bar { + display: block; + background-color: transparent; +} +/* Chapter Headings */ +.np-course-outline-content-activity-icon-locked, +.np-course-outline-content-activity-link-completed { + color: #6e7580; +} +.np-course-outline-content-activity-link-completed:hover, +.np-course-outline-content-activity-link-completed:focus { + color: #131519; +} +/* Link Hover Effect */ +.np-course-outline-content-activity-link-completed { + position: relative; +} +.np-course-outline-content-activity-link-completed::after { + content: ""; + display: block; + position: absolute; + width: 0%; + background-color: #4cc3ff; + height: 0; + border-radius: 1px; +} +.np-course-outline-content-activity-link-completed:hover::after, +.np-course-outline-content-activity-link-completed:focus::after { + width: 100%; + height: 2px; +} +.np-course-outline-content-activity-link-completed:active::after { + background-color: #ba37d6; +} +/* Locked Icon */ +.np-course-outline-content-activity-icon-locked { + color: #aeb5bd; + font-weight: 700; +} +/* --- Course Events --- */ +.np-course-events-content-item { + margin-top: 1rem; +} +.np-course-events-content-date { + flex-shrink: 0; + border-radius: 50%; + text-transform: none; + background-color: #795ae8; + +} +.np-course-events-content-month, +.np-course-events-content-day { + line-height: 1; +} +.np-course-events-content-name, +.np-course-events-content-type, +.np-course-events-content-time { + line-height: 1.3; +} +.np-course-events-content-name { + color: #353a42; + font-size: 1rem; + font-weight: 700; +} +.np-course-events-content-type, +.np-course-events-content-time { + font-size: 0.875rem; +} +.np-course-events-content-type { + margin-bottom: 0; +} +.np-course-events-content-time { + color: #6b3fd1; +} + +/* --- Outline Bar Divider --- */ +.np-learning-path-outline-bar { + position: relative; +} + +/* ------ Learning Path Overview ------ */ + + +/* --- Top Vocabulary (Online or In Person Event) --- */ +.np-training-session .np-top-vocabulary { + font-weight: 700; + line-height: 1.3; + white-space: nowrap; + margin-bottom: 0; +} +@media screen and ( min-width: 48rem ) { + .np-training-session .np-top-vocabulary { + margin-left: 1rem; + } +} +.np-training-session .np-top-vocabulary .np-training-session-icon { + margin-left: 0; + margin-right: .5rem; + color: #795ae8; +} + +/* +/* --- CTA for Outline --- */ +.cta--outline { + position: relative; + text-align: center; + +} +.cta--outline .np-button { + width: 100%; +} +.cta--outline .np-top-cta { + box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px; +} + +/* --- Outline Divider --- */ +.np-learning-path-outline-bar { + position: relative; +} + +.np-learning-path-outline > div { + position:relative; + margin-bottom:16px; +} + +.np-learning-path-outline > div:before { + content:""; + position: absolute; + height: calc(100% + 16px); + width: 1px; + border-right: 7px dashed #fff; + left: 50%; + top: 16px; +} + +.np-learning-path-outline > div:last-child:before { + height: 0; +} + +/* --- Outline Cards --- */ +.np-learning-path-outline-item { + margin: 0; + border-radius: 1rem; +} +@media screen and ( min-width: 48rem ) { + .np-learning-path-outline-item .np-card-container { + min-height: 135px; + } +} +.np-learning-path-outline-item:focus { + outline: 2px solid #e79ff7; +} +.outline-card__icon-container { + padding: 0.5rem; + border-radius: 50%; + height: 2.25rem; + width: 2.25rem; + align-self: center; + display: flex; + align-items: center; + justify-content: center; + margin-right: 1rem; + flex-shrink: 0; +} +.np-learning-path-outline-icon { + margin-left: unset; + font-size: 1rem; +} +/* Locked */ +.outline-card__icon-locked { + background-color: #e9ecf0; +} +.outline-card__icon-locked .np-learning-path-outline-icon { + color: #5a616b; +} +/* Complete */ +.outline-card__icon-complete { + background-color: #d7f7f1; +} +.outline-card__icon-complete .np-learning-path-outline-icon { + color: #008382; +} +/* Use an arrow icon on hvoer */ +a:hover .outline-card__icon-complete .np-learning-path-outline-icon::before, +a:focus .outline-card__icon-complete .np-learning-path-outline-icon::before, +a:active .outline-card__icon-complete .np-learning-path-outline-icon::before { + content: "\f054"; +} +/* Link */ +.outline-card__icon-link { + background-color: #3E1191; +} +.outline-card__icon-link .np-learning-path-outline-icon { + color: #fff; +} +a:hover .outline-card__icon-container, +a:focus .outline-card__icon-container { + background-color: #7625F7; +} +a:focus .outline-card__icon-container { + outline: 2px solid #7625F7; +} +a:hover .np-learning-path-outline-icon, +a:focus .np-learning-path-outline-icon { + color: #fff; +} +a:active .np-learning-path-outline-icon { + color: #fff; +}*/ + +/* ------ Events Overview ------ */ + +/* --- Date Bar --- */ +.np-training-session .np-card-training-session-date { + margin-top: 0; +} +.np-training-session .np-card-training-session-date-bar { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + width: 0.5rem; +} +/* --- Session Details --- */ +.training-session__details { + margin-top: 0.5rem; + margin-bottom: 1rem !important; +} +.training-session__details .np-training-session-icon { + color: #795ae8; + width: 1.5rem; + text-align: center; + margin-right: 0.25rem; +} +.np-training-session .np-training-session-time, +.np-training-session-location { + margin-top: 0; +} +/* --- CTA --- */ +.np-training-session-cta { + padding-right: 0; + display: block; + width: 100%; +} +.np-training-session-cta-buttons form { + display: flex; + flex-wrap: wrap; + width: calc(100% + .5rem); + margin: -0.25rem; +} +.np-training-session-cta-buttons form > * { + margin: 0.25rem !important; +} +/* --- Additional Training Sessions --- */ +.np-training-session-tile { + background-color: #ffffff; + border-radius: 1rem; + box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px; + color: #5a616b; +} +.np-training-session-tile:hover { + background-color: #ffffff; +} +.np-training-session-tile:focus { + outline: 2px solid #e79ff7; +} +/* Icon */ +.np-training-session-tile-icon { + color: #795ae8; +} +/* Details */ +.training-session-tile__details { + flex-grow: 1; +} +.np-training-session-tile-date { + color: #24272e; +} +.np-training-session-tile-time { + color: #5a616b; + font-size: 0.875rem; +} +/* Arrow */ +.training-session-tile__icon-container { + padding: 0.5rem; + border-radius: 50%; + height: 2.25rem; + width: 2.25rem; + align-self: center; + display: flex; + align-items: center; + justify-content: center; + margin-right: 1rem; + flex-shrink: 0; + background-color: #e0f3ff; + margin-left: 1rem; + margin-right: 0; +} +.training-session-tile__icon { + margin-left: unset; + font-size: 1rem; + color: #2574e1; +} +a:hover .training-session-tile__icon-container, +a:focus .training-session-tile__icon-container { + background-color: #f9e1ff; +} +a:focus .training-session-tile__icon-container { + outline: 2px solid #e79ff7; +} +a:hover .training-session-tile__icon, +a:focus .training-session-tile__icon { + color: #ba37d6; +} +a:active .training-session-tile__icon { + color: #712b80; +} + +/* ------ Empty States ------ */ + +.np-dashboard-resources-container, +.np-learning-paths-resources-container, +.np-training-session-zero-state { + width: 100%; + border-radius: 1rem; + border: 3px solid #dce1e5; +} +.np-training-session-zero-state { + display: flex; + padding: 2.5rem 2rem; + align-items: center; +} +.np-training-session-zero-state img { + height: 68px; + margin-right: 1rem; +} +.np-zero-state-text { + color: #6e7580; + font-size: 1.125rem; + font-weight: 700; +} +.np-zero-state-text button { + margin-top: 1rem; +} +.np-training-session-zero-state-text { + font-size: 1; + line-height: 1.3; +} + +/* ------ Search Results ------ */ + +/* --- Header / Summary --- */ +.search-summary__emphasis { + color: #6b3fd1; + font-weight: 700; +} + + + +/* ------ Custom Pages ------ */ +.custom-page__content { + margin-top: 0.75rem; +} +@media screen and ( min-width: 48rem ) { + .custom-page__content { + margin-top: 1rem; + } +} + +/* ------ Account Page ------ */ +.np-account-form .np-card-container { + flex-direction: column; +} +@media screen and ( max-width: 48rem ) { + .np-account-avatar .np-card-container { + flex-direction: row !important; + } +} + +/* ------------ Custom Freeform Content ------------ */ +/* This content is shared between the main academy and the LX experience */ + +/* --- Button --- */ +a.tutorial-button { + display: inline-block; + padding: 0.5rem 1.25rem; + border-radius: 1.5rem; + background-color: #2574e1; + color: #fff !important; +} +.tutorial-button:focus, +.tutorial-button:hover { + background-color: #712b80; +} +.tutorial-button:focus { + outline: 2px solid #e79ff7; +} +.tutorial-button:active { + background-color: #50185b; +} + + +/* --- Time Estimate --- */ +/* Includes a clock icon and light purple background with dark purple text */ +.tutorial-time-estimate { + position: relative; + border-radius: 1.25rem; + background-color: #e9e9ff; + padding: 0.5rem 1rem 0.5rem calc(3rem + 16px); + display: block; + overflow: hidden; + font-size: 1rem; + color: #6b3fd1; + margin: 1.5rem 0 !important; +} +.tutorial-time-estimate::before { + position: absolute; + display: flex; + align-items: center; + left: 0; + top: 0; + bottom: 0; + background-color: #6b3fd1; + color: #fff; + padding: 0.5rem 0.9rem 0.5rem 1rem; + content: "\f017"; + font-family: 'Font Awesome 5 Pro'; + font-size: 18px; + line-height: 1.5rem; +} + +/* ------------ Colors ------------ */ +.np-color-danger { + color: #E52242; +} +.np-color-success { + color: #368645; +} +.np-progress-color { + color: #4cc3ff; + +} +.np-progress-background-color { + background-color: #7625F7; +} diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/training_events.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/training_events.html.liquid new file mode 100644 index 00000000..d2c0ffb3 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/training_events.html.liquid @@ -0,0 +1,15 @@ +{% include "header", current_page_orgin: "training_events" %} +
+ + {% include "training_events_index" %} +
+{% include "footer" %} diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/training_session.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/training_session.html.liquid new file mode 100644 index 00000000..2d9ef1d6 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/training_session.html.liquid @@ -0,0 +1 @@ +{% include "training_session_desktop_view" %} \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Zenjob Sandbox/zertifikate.html.liquid b/Custom_Templates/customer_templates/Zenjob Sandbox/zertifikate.html.liquid new file mode 100644 index 00000000..34829942 --- /dev/null +++ b/Custom_Templates/customer_templates/Zenjob Sandbox/zertifikate.html.liquid @@ -0,0 +1,89 @@ +{% include "header" %} +
+

+ {{custom_page.headline}} + Awards + +

+
+ +
+
+ {% assign number_of_badges = 0 %} + {% for course in courses.in_catalog %} + {% unless course.properties.course_badge == "none" or course.properties.course_badge == "" %} + + {% assign number_of_badges = number_of_badges | plus: 1 %} + {% endunless %} + {% endfor %} + + {% if number_of_badges == 0 %} +
+ +
+ {% endif %} +
+
+
+{% include "footer" %} + + \ No newline at end of file diff --git a/CustomerNotes/Anthology.md b/CustomerNotes/Anthology.md index 543cd39a..b2ba46cf 100644 --- a/CustomerNotes/Anthology.md +++ b/CustomerNotes/Anthology.md @@ -112,7 +112,7 @@ page, etc. ## 04/06/2023 -TODO: Ask if we can invite KC to their Wistia Project +DONE: Ask if we can invite KC to their Wistia Project TODO: Create ExcelSheet for what Northpass needs to accurately update the SRT file. WARN: Wants to start uploading within the week diff --git a/CustomerNotes/DoubleVerify.md b/CustomerNotes/DoubleVerify.md index c00fd768..eec005ac 100644 --- a/CustomerNotes/DoubleVerify.md +++ b/CustomerNotes/DoubleVerify.md @@ -125,7 +125,7 @@ Feedback: - They need rich search (find across multiple platforms) and community functionality with experts and asking people for information. - Taylor: challenges with reporting -TODO: Send extension contract for one-two months. +DONE: Send extension contract for one-two months. Time line Needs (3 primary things): @@ -134,9 +134,9 @@ Time line Needs (3 primary things): - Can Fuse transfer over progress data? - Export CSVs per course? or Group? DONE: Ask what the data set should be. -TODO: Ask Charlie for Course CSV (Just like Walmart) - Do it for BOTH academies, internal & external +DONE: Ask Charlie for Course CSV (Just like Walmart) - Do it for BOTH academies, internal & external ## 03/02/2023 ### Data Extract Inquiry -TODO: Can we export all quiz data - questions and answers? +DONE: Can we export all quiz data - questions and answers? diff --git a/CustomerNotes/G2.md b/CustomerNotes/G2.md index 5feac68b..2ee770c1 100644 --- a/CustomerNotes/G2.md +++ b/CustomerNotes/G2.md @@ -315,4 +315,4 @@ DONE: Send Katlin and Erin examples of customized login pages, forms, learning p ## 04/04/2023 -TODO: Reach out to Katlin regarding admin/embedded. +DONE: Reach out to Katlin regarding admin/embedded. diff --git a/CustomerNotes/Mizuno.md b/CustomerNotes/Mizuno.md index 728f31a7..1b10e60e 100644 --- a/CustomerNotes/Mizuno.md +++ b/CustomerNotes/Mizuno.md @@ -22,3 +22,19 @@ Actually start on 27th. 23rd is 100% ready and QA done. 27th are real people. TODO: Confirm dates with Matt for Sales conference. Matt to collect the rest of the videos etc for the course. + +## 05/16/2023 + +### Running Launch + +Greg - West Region Sales Manager +Matt - East ? Region Sales Manager +Diamond - Project Manager that will be building content. Originally from Japan. + +Launch Date: June 5th. +Action items: + +* NP Register & Homepage - Patrycja +* Courses from Norm and Matt +* Style Guide from Greg +* Certificate Creation - Greg/Matt diff --git a/CustomerNotes/Pipedrive.md b/CustomerNotes/Pipedrive.md index 0f199644..0307e5bb 100644 --- a/CustomerNotes/Pipedrive.md +++ b/CustomerNotes/Pipedrive.md @@ -221,3 +221,11 @@ The only way to fix it it’s a requesting the user to clean cache in his browse to app/courses, we will redirect him to sign_in page with 301. The browser will cache sign_in page, and the user will be automatically redirected to sign_in page when the user tries visit app/courses. This will cause a loop. 301 makes sense if the website they are accessing was permanently moved to other location. In this case they are trying to access courses list but are redirected to sign in page because they have to be authenticated before they can access it. If we redirected them from courses to sign in page with 301 the user’s browser would save the redirect location (sign in page) and whenever the user tried to access courses web page their browser would move them automatically to sign in page making courses page inaccessible for the user. The only way out of it is cleaning browsers cache. However once they cleared the cache they would remove the cookies as well. The cookies keep the information about users identity. This is helpful because with that they don’t have to log in each time they visit our platform. But once the cookies are removed they would be again redirected to sign in page keeping them in this vicious circle. The reason to use 301 is to tell the browser “forget about this old location of the page you are accessing, this page is now here, also store this location and use it whenever you try to access this old location”. + + +## 05/16/2023 + +Search results - can't click enough Northpass +Only the title can be clicked when search results are returned. We need to be able to click the icon or description as well Not a problem - will get this started ASAP + +DONE: Directly ask Chloe about the technical complications. diff --git a/CustomerNotes/Terminus.md b/CustomerNotes/Terminus.md index 73521fd0..35cbe697 100644 --- a/CustomerNotes/Terminus.md +++ b/CustomerNotes/Terminus.md @@ -29,3 +29,17 @@ Campaign process, controlled by pre-sales marketing. Gainsight could be a great option, but people have to meet "criteria" to send emails. They use LeanData for checking for duplicates in their various systems. That's where Webhooks would be created. + +## 05/16/2023 + +DONE: Remove Discover Catalog +TODO: Add new header image that Cherrill will send. +TODO: Make Footer similar to Terminus.com - at least the background as blue and text as white. +DONE: Remove sign in in header. +DONE: Move sub-nav to under header image +TODO: minimize padding around logo. Mimic sign-in/main page. +TODO: Addtl. Resources boxes same height +TODO: Feature course, view button align left +TODO: If no events, link saying "checkout upcoming events!" and link to /app/training_events +TODO: Filter Button to Terminus Green or Orange +TODO: Catalog: Sections divided by categories with headings at each section. diff --git a/Scripts/csvTest.js b/Scripts/csvTest.js index 161fef6f..10b24153 100644 --- a/Scripts/csvTest.js +++ b/Scripts/csvTest.js @@ -84,4 +84,4 @@ function csvReader(someArray, filePath) { }) } -csvReader(array, "Untitled spreadsheet - harri-academy-people.csv") \ No newline at end of file +csvReader(array, "Harri Activation Report - 2023.05.15.csv")