diff --git a/2022-07-25_bpra.md b/2022-07-25_bpra.md new file mode 100644 index 00000000..2bfe6ced --- /dev/null +++ b/2022-07-25_bpra.md @@ -0,0 +1,11 @@ +# Test page + +This is a test page. + +## Here is a list. +* List item 1 +* List item 2 +* List item 3 + +** Bold ** +_ Italics _ diff --git a/Crayon.md b/Crayon.md new file mode 100644 index 00000000..c01ea269 --- /dev/null +++ b/Crayon.md @@ -0,0 +1,85 @@ +# Crayon + +## Accelerator Launch +As of tonight + Crayon.co/Academy will no longer have a form +Crayon.co/Academy/Activator-Course - Form to course url +And then the same for architect + +These should be course + +Lets remove groups later + +Current experience is press enroll and then start +how to refresh and auto enroll +look at pre-enroll populated links for post-launch + +Conor to send sub head copy to update + +Norm to send screenshot of home page with my name added + +Can you look at group deletion? How can we enroll everyone in the group and delete the group + +Send Conor how to find MCA and show only empty attempts + +Conor off July 5-8 +Conor off this Friday + +November Launch of Last Course - Conor's goal + +## Meeting with Will regarding Data flow +Everything flows into Hubspot +But not really into Salesforce +Salesforce is their main CRM + - Reps go into SFDC & Outreach + - Reps should know what course they have or haven't completed yet + - But wants this to be on the campaign level +How it is currently setup: + - Hubspot form on website, someone fills out the form + - Form fills associated with campaign in Salesforce + - In SFDC, he only gets when someone is registered for a course, no completed + - Campaign structure is based on course name + - +Registration page - embed a hubspot form? + + +Hubspot is just for marketing + +## Meeting with Sheila regarding Analytics and Hubspot +- [ ] Pull single course analysis with all versions lumped into one +- [ ] Can we pull all versions with date range? + + +#Talkspace + +Talkspace Call - 6/28/22 +Training Call for Madison & Marlene +Invite Ummey +Molly optional + +Worse case in deleting and recreating the course +Many people with 75% of the course +416 tickets of people with errors +52 people completed the learning path +Rest of comments are around the harrasment and cyber course + +Would new ones work better? Not guaranteed + +Understanding from Norm: +Who is in charge of all courses? + +William Bell (Kipp) +Cyber Security +Harrasment showing 100% in NP +Not in BBHR +CS: still due +Harrasment: Still due +Contact Patrycja + +Amanda Corriveau - she needs admin access to BBHR/NP but shouldn't be able to access Course Marketplace +Both need BBHR to connect courses, Molly in 2nd instance +Molly should not have access to course Marketplace + +[ ] - Ratings for internal use only, once someone rates, the rating disappears +[ ] - Can we bring in opensesame ratings as well? + diff --git a/CustomerNotes.md b/CustomerNotes.md index 265d5713..24431185 100644 --- a/CustomerNotes.md +++ b/CustomerNotes.md @@ -1,3 +1,11 @@ +# Table of Clients +| Clients | | | | +| ------- | -------| ------| ------| +| [Crayon](Crayon.md) | [JJSV](JJSV.md) | DoubleVerify | Dept | +| Swift | Wild Health | 4Pillars | STOPIT | + + + # GENERAL TODO - Allyson Meeting: @@ -17,19 +25,16 @@ What is required for launch? # JJSV - ** Think Boutique when considering the style ** - ## Todos - - [X] Channel Cards should say 33% viewed not complete - [X] Add timing to activity titles (Melinda) - [X] Add timing to channel card (Northpass) - [ ] Challenging Case Content, split into different courses - [ ] Dont share SCORM course Phaco Funds with Dr. Sam Garg -- [ ] My Topics - changing to what? +- [X] My Topics - changing to what? - [ ] All Channels should be All Topics - [ ] Learning Paths >> Programs - [ ] All other topics >> Modules @@ -41,20 +46,25 @@ What is required for launch? - [X] For non-logged in, Events and My Topics should not be availble - [X] Melinda to provide links to privacy policy, cookie, etc - [ ] Name, Email, Company Practice Name, City, State, Country, Role Section, ADDITIONAL: Specialty, -- [ ] Ask Marek about newsletter communiciations and if we can segment by certain groups or people +- [X] Ask Marek about newsletter communiciations and if we can segment by certain groups or people - [ ] See if we can expand the number of Properties - [ ] State, Region, City, are all needed Properties - [ ] If we need to back off on card content properties (course properties, such as time) [ ] Programs > Bummer, you're not part of any programs -[ ] Other Topics > Yikes! You aren't accessing any any modules -Events should be figured out by your demo - +[ ] Other Topics > Yikes! You aren't accessing any any modules +* [ ] Ping Tigue regarding [BPRA](2022-07-25_bpra.md) +Events should be figured out by our demo - +* [ ] Add featured content spotlight box that moves the 4 boxes down +* [ ] Can we showcase videos on the main page with a little modal? +* [ ] + ### Notes Customer base: residents, fellows, surgeons, optometrists, opthamologists Chapter Content Registrations will be a link that Melinda will manager -** 7/18/2022 ** +### 7/18/2022 Role is what will decide what content they have more than region or location Content is by role Events is by State @@ -262,7 +272,7 @@ Iorad was a decision factor They need it for at least this year -# Unknown Notes +## Unknown Notes Pilot Courses: we are working on multiple pilots for training courses on a broad spectrum of topics. As an example, we've started building out a 'PowerBI & Data Insights Introductory course' in our Northpass environment already @@ -274,6 +284,18 @@ Learning paths and programs to support knowledge journeys, including New Hire On Opportunity to host content & events for Employee Resource Communities; to have a shared space for learning and collaborating. +## Onboarding with BambooHR +- Location is a filter in BBHR +- Region is custom but not directly filterable, can pull analytics but can't filter +- US employees have state-specific courses +- Based on location tag in everfi system +- +Global > Dept > regional > role + +Location based Onboarding +Role/Dept based Onboarding + +They have a mock up of their design for the page (Figma Mock up) @@ -530,13 +552,14 @@ ILT wont work because they have to do instructor led training within a course ## Tasks -[ ] - Create Implementation Plan -[ ] - End of August Launch -[ ] - Help Asia create course -[ ] - Every Week Implementation, Wednesday @ 12:30pm (Tuesdays at 12:30 after next week) -[ ] - SSO - Reach out to Chris ASAP +[X] - Create Implementation Plan +[X] - End of August Launch +[X] - Help Asia create course +[X] - Every Week Implementation, Wednesday @ 12:30pm (Tuesdays at 12:30 after next week) +[X] - SSO - Reach out to Chris ASAP [ ] - Provide Burns with a deck on competitive analysis of why NP is superior -[ ] Instructor page demo +[ ] - Instructor page demo +* [ ] Create categories for each OS List ## Notes from Kick off @@ -605,6 +628,17 @@ The rest comes from Experts - experts in certain fields (time management, podcas [ ] - Find examples of search within the page only [ ] - Submit ticket with Figma files for design changes [ ] - Activities in a course is a step in a how-to +[ ] - See if circle button at bottom of image can be clickable +[ ] - In terms of images, what format are they using? PNG - +Iron out user experience +Contact us and back to FCIB same as corporate site +Create categories for the links +Add the "active state" CSS for each link +POS training falls on cash management +Elisia handles the training cash management engagement +She might need to connect with us to utilize the platform +Andre in that meeting aswell + # SPS Commerce @@ -695,6 +729,38 @@ Advised to start at the highest level and most broad groups, then add people to Figma file questions They need more training and enablement They will follow up for Figma files and setting those up for design +### Meeting with Simon & Timo +Training and Content Team for Netherlands, Switzerland, Austria +2nd biggest market with 65 hubspot. German is the biggest with 100+. +Distribution/Hub manager for Netherlands +Has some bottle necks: + - MCA and 5000 entries + - Learning Path Analysis + +They manage everything from a google sheet +Hub managers have access to this google sheet +Currently manually sending emails and follow ups - NP communications are weak +Looker account within Flink, how can we get the data into Looker? (Upsell a Secure Data Transfer) +Scheduled Delivery would be great too +This would be useless if the the values (of location) are not in there. Can we do a scheduled delivery of an analytic with property filtered +Source of truth is Big Query or Looker for the country manager and job title (HUB) +Can we API into the properties? +Wants weekly analytics - + +Other Hot topics in the Netherlands: + - Frustrations with ILTs + - People can register for multiple sessions within an event (they shouldn't be able to) + - Can we prevent them from multiple sessions? + - Simon doesn't have the admin possiblity to unregister people from sessions + - He wants to register and unregister people + - If Simon increases the number of seats, that person can't re-register because they have already been denied + - Waiting list isn't good because a denial is a forever denial + - Needs to create a custom notification for a confirmation. They have a confirmation that they have booked, but no confirmation of the dates, link, time etc. + - In order for the people to get this on their agenda, they have to click add to calendar, it should be doing it automatically (this is what other LMS do) + - Very frustrated with the manual work, so much so that they aren't going to use it at all anymore. Just using it on a calendar invite on their own. + - Don't like that you need multiple courses per language. + - Quizzes: needing multiple quiz for every language. + # Humly ## Technical People @@ -731,14 +797,12 @@ Status is they are mapping out and deciding what Northpass involvment should be # Omnisend - ## Tasks - [ ] Wistia Project, what access do they have? -- [ ] Share button with /app/course within course viewer bright green 52 front -- [ ] EXpert led categories url not working -- [ ] +[ ] Share button with /app/course within course viewer bright green 52 front +- [X] EXpert led categories url not working -o## Notes +## Notes Can they embed a video from the Wistia Project video into Omnisend's product? @@ -752,7 +816,7 @@ The key is a single video The logic should be if a single video exists skip cover page -#o## Video on overview page +### Video on overview page Course card, will also enroll person in course/activate them Bring in video from Wistia Project @@ -797,8 +861,20 @@ Alison out week of July 11th Question: discussed during sales process, badges and points Back fill badges +* [ ] Test Todo + +- [X] Send ticket for font changes +[ ] Northpass ACademy Dashboard Personalized Copy, same as NP Academy +[ ] Keep learning path card formatting, scroll left to right +[ ] Calendar - does Recast have an embeddable calendar? Feed is okay instead of calendar replicate Northpass academy calendar +Chris to provide blog feed +DV featured courses should have description short description +remove events leave or remove column +main page links up top like swift + +RTE within course viewer not picking up font change + -- [ ] Send ticket for font changes # Talkspace @@ -824,6 +900,13 @@ Comms each group are necessary They shouldn't need to switch groups once in this Pre registrations +Non CA link, 740 attempted learning path +And 500 complete (this is a good number) +160 have completed 75% (top 3 courses) +50% would be fraud & hippaa +Molly wants to try... 500 people get a message saying "you're going to see messages, please ignore" +160 get invited to a group with the remaining courses + # Mark43 We need Northapss to be able to parse the group id information in the JWT @@ -849,6 +932,35 @@ If non-value users are allowed in, how do we keep out competitors? * Charlie Question: Is there a centralized place where all the information lives? With minor dev resources, we could set up API calls to constantly update their Northpass people and accounts * Whenever something is changed in their system, auto updated (i.e. someone changes departments) +## Meeting with Brian re: SSO +They have a lot of clients without SSO +They are not an IDP, but are a service provider + +Non SSO users do a bulk upload into the Mark43 application which allows the user to sign in with an email/password and then sends them their 2FA code. + +In their ideal world, how would Mark43 like to access Northpass? + - Ideally, non-SSO customers will have a username and account without Mark43 having to manage the users. + - Accounts are then managed by their users in their application (sounds like customer application) + * There would need to be a second instance for non-SSO users. + * + +Last CSM said Michelle can't do groups with their current SSO, and a NP Manager will still see other companies and agency names. +There are some internal issues with customer discussions - colby, brian, michelle, and someone else? +Security review needed internally + +Them setting up as an IDP is not out of the realm of possibilities, but they would have to have a discussion. They generally only handle the handshake one way, so this would be two way. +They don't know if setting up an IDP is the "technological direction" they want to go in. + +Renewal - they will be wanting an instance of partners as well. They will need different content. +Professional services leadership - karim and calvin +Mark43 does have a database with all their user information, but that's the short answer. Long answer is that it isn't easily accessible. +Charlie suggesting that using the data in the DB we could auto-provision groups for each agency and client. + +Michelle - meeting internally to discuss security for manager permissions +Partner instance and SSO expectations + +* [X] Provide Brian with Documentation on what's possible with SSO and what's required of them +* [ ] Let Brian know if we integrate with B2C - Charlie replied saying we haven't had issues integrating with Azure or any Microsoft product # Larson Texts diff --git a/NP_Custom_Templates/customer_templates/.DS_Store b/NP_Custom_Templates/customer_templates/.DS_Store index 424e1c57..5e6b8838 100644 Binary files a/NP_Custom_Templates/customer_templates/.DS_Store and b/NP_Custom_Templates/customer_templates/.DS_Store differ diff --git a/NP_Custom_Templates/customer_templates/Northpass Academy/_cards_course.html.liquid b/NP_Custom_Templates/customer_templates/Northpass Academy/_cards_course.html.liquid new file mode 100644 index 00000000..275625ef --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Northpass Academy/_cards_course.html.liquid @@ -0,0 +1,61 @@ +
+
+
+ {% if course.ribbon %} +
+ {{ course.ribbon }} +
+ {% endif %} +

+ {{ course.name }} +

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

+ {{ course.name }} +

+ +
+ {{ course.full_description }} +
+ +
+
+ + {% if course.enrolled? == false %} + {% t shared.enroll %} + {% elsif course.started? == false %} + {% t shared.start, key: current_school.course_vocabulary %} + {% elsif course.completed? %} + {% t shared.course.view, key: current_school.course_vocabulary %} + {% else %} + {% t shared.continue %} + {% endif %} + +
+ {% t shared.progress, count: course.progress %} +
+
+
+
+ {% for i in (1..5) %} + {% if course.properties.np_course_rating >= i %} + + + + {% else %} + + + + {% endif %} + {% endfor %} +
+ + {{course.properties.np_course_rating}}
({{course.properties.np_course_rating_count}})
+ +
+
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Northpass Academy/_cards_learning_path.html.liquid b/NP_Custom_Templates/customer_templates/Northpass Academy/_cards_learning_path.html.liquid new file mode 100644 index 00000000..8d81d1e7 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Northpass Academy/_cards_learning_path.html.liquid @@ -0,0 +1,96 @@ +{% assign is_ghost_lp = "" %} + +{% for category in learning_path.categories %} + {% if category.name == "Ghost Learning Path" %} + {% assign is_ghost_lp = "display:none" %} + {% endif %} +{% endfor %} + +
+
+
+ {{ learning_path.name }} +
+ +
+

+ {{ learning_path.name }} +

+ +
+ {{ learning_path.description }} +
+ +
+ {% t shared.progress, count: learning_path.progress %} +
+ +
+
+
+
+ +
+ + {% if learning_path.enrolled? == false %} + {% t shared.enroll %} + {% elsif learning_path.started? == false %} + {% t shared.learning_path.start %} + {% elsif learning_path.completed? %} + {% t shared.learning_path.view %} + {% else %} + {% t shared.continue %} + {% endif %} + + + + {{ learning_path.items.count }} {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %} + + +
+
+
+
+
+
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Northpass Academy/_cards_training_event.html.liquid b/NP_Custom_Templates/customer_templates/Northpass Academy/_cards_training_event.html.liquid new file mode 100644 index 00000000..8477507f --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Northpass Academy/_cards_training_event.html.liquid @@ -0,0 +1,46 @@ +
+
+
+

+ {{ training_event.title }} +

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

+ Meet the Instructor +

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

+ + {{ current_school.name }} + +

+ {% else %} + + {{ current_school.name }} + + {% endif %} + +
+
    + {% for website_navigation in navigations.header_navigations_external %} +
  • + + {{ website_navigation.name }} + +
    • + {% endfor %} + + {% if current_person.signed_in? %} + {% if current_person.properties.language_test == true %} +
    +
    Language
    +
    + ES +
    + EN +
    +
    + {% endif %} + {% endif %} + +
+
+ {% if current_person.signed_in? %} +
+
+ + +
+
+
+ + +
+ {% else %} +
+ + +
+
+ {{ website_navigation.name }} + + {% endfor %} +
+ {% unless current_school.sso_active? %} + + {% t .profile_settings %} + + {% endunless %} + + {% t .sign_out %} + +
+
+
+ +{% include "messages" %} + + + + + + + diff --git a/NP_Custom_Templates/customer_templates/Northpass Academy/_learning_path_instructors.html.liquid b/NP_Custom_Templates/customer_templates/Northpass Academy/_learning_path_instructors.html.liquid new file mode 100644 index 00000000..f7c0d2db --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Northpass Academy/_learning_path_instructors.html.liquid @@ -0,0 +1,28 @@ +{% if learning_path.instructors.any? %} +
+

+ {% t shared.instructors %} +

+
+ {% for instructor in learning_path.instructors %} +
+
+ {{ instructor.name }} +
+
+
+ {{ instructor.name }} +
+
+ {{ instructor.title }} +
+
+
+ {% endfor %} +
+
+{% endif %} diff --git a/NP_Custom_Templates/customer_templates/Northpass Academy/_learning_path_progress_and_cta.html.liquid b/NP_Custom_Templates/customer_templates/Northpass Academy/_learning_path_progress_and_cta.html.liquid new file mode 100644 index 00000000..70cd544b --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Northpass Academy/_learning_path_progress_and_cta.html.liquid @@ -0,0 +1,43 @@ +{% if learning_path.enrolled? %} +
+
+ {% t .progress %} +
+
+
+
+
+
+ {% t shared.progress, count: learning_path.progress %} +
+
+{% endif %} + + + {% if learning_path.enrolled? == false %} + {% t shared.enroll %} + {% elsif learning_path.started? == false %} + {% t shared.learning_path.start %} + {% elsif learning_path.completed? %} + {% t shared.learning_path.view %} + {% else %} + {% t shared.continue %} + {% endif %} + diff --git a/NP_Custom_Templates/customer_templates/Northpass Academy/_progress_circle.html.liquid b/NP_Custom_Templates/customer_templates/Northpass Academy/_progress_circle.html.liquid new file mode 100644 index 00000000..256a448e --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Northpass Academy/_progress_circle.html.liquid @@ -0,0 +1,80 @@ +
+ + + + {{count}} + +

+ {{name}} +

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

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

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

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

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

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

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

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

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

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

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

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

+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Northpass Academy/_section_popular_topics.html.liquid b/NP_Custom_Templates/customer_templates/Northpass Academy/_section_popular_topics.html.liquid new file mode 100644 index 00000000..fbc35ae2 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Northpass Academy/_section_popular_topics.html.liquid @@ -0,0 +1,27 @@ +
+
+
+ Popular Topics +
+
+
+
+ Course Publishing + Course Marketplace + Interactive Content + Learning Paths + Authentication + Edit Domain Name + Analytics + Instructor Led Training + Integrations + Advanced Options +
+
+
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Northpass Academy/_section_tips_tricks.html.liquid b/NP_Custom_Templates/customer_templates/Northpass Academy/_section_tips_tricks.html.liquid new file mode 100644 index 00000000..24f35f70 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Northpass Academy/_section_tips_tricks.html.liquid @@ -0,0 +1,76 @@ +{% capture quotes %} + + + + + + + + + +{% endcapture %} + +
+
+
+ Testimonials From Our Customers +
+
+ + +
+ + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Northpass Academy/_sub_navigation.html.liquid b/NP_Custom_Templates/customer_templates/Northpass Academy/_sub_navigation.html.liquid new file mode 100644 index 00000000..374b523e --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Northpass Academy/_sub_navigation.html.liquid @@ -0,0 +1,25 @@ + + + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Northpass Academy/_training_session_cta.html.liquid b/NP_Custom_Templates/customer_templates/Northpass Academy/_training_session_cta.html.liquid new file mode 100644 index 00000000..d40f5a2c --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Northpass Academy/_training_session_cta.html.liquid @@ -0,0 +1,60 @@ +{% if training_session.approved? %} +
+ + {% t .registered %} +
+{% elsif training_session.pending? %} +
+ {% t .pending %} +
+{% elsif training_session.denied? %} +
+ {% t .denied %} +
+{% elsif training_session.too_late? %} +
+ {% t .too_late %} +
+{% elsif training_session.no_seats? %} +
+ {% t .no_seats %} +
+{% endif %} +
+
+
+ {% form_authenticity_token %} + + {% if training_session.internal? and training_session.approved? %} + {% if features.training_events_google_calendar? %} + {% include "training_session_calendars" %} + + {% else %} + + {% endif %} + + + {% endif %} + + {% if training_session.not_registered? %} + + {% endif %} +
+
+
+ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Northpass Academy/_training_session_date.html.liquid b/NP_Custom_Templates/customer_templates/Northpass Academy/_training_session_date.html.liquid new file mode 100644 index 00000000..7963ec43 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Northpass Academy/_training_session_date.html.liquid @@ -0,0 +1,14 @@ +
+
+
+ {{ training_session.day }} +
+
+
+ {{ training_session.month }} +
+
+ {{ training_session.year }} +
+
+
diff --git a/NP_Custom_Templates/customer_templates/Northpass Academy/_training_session_description.html.liquid b/NP_Custom_Templates/customer_templates/Northpass Academy/_training_session_description.html.liquid new file mode 100644 index 00000000..bc95c88c --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Northpass Academy/_training_session_description.html.liquid @@ -0,0 +1,6 @@ +{%comment%}

+ {% t .header %} +

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