G2, Cin7, and Artera templates. Some todo changes.
This commit is contained in:
@ -52,12 +52,16 @@
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
/*
|
||||
.np-homepage-hero-content {
|
||||
position: static;
|
||||
text-align: left;
|
||||
position: absolute;
|
||||
padding: 36px 24px;
|
||||
padding-top: 13%;
|
||||
width: 90%;
|
||||
display: flex;
|
||||
justify-content: initial;
|
||||
}
|
||||
|
||||
/*
|
||||
.np-homepage-hero {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
@ -66,12 +70,14 @@
|
||||
border-radius: 30px;
|
||||
padding: 18px;
|
||||
}
|
||||
*/
|
||||
|
||||
.np-homepage-hero-image {
|
||||
max-width: 50%;
|
||||
width: 100%;
|
||||
object-fit: contain;
|
||||
height: auto;
|
||||
max-height: max-content;
|
||||
}*/
|
||||
}
|
||||
.np-main {
|
||||
padding: 123px 0 0;
|
||||
}
|
||||
|
||||
@ -1,243 +1,32 @@
|
||||
|
||||
{% assign completed_courses = 0 %}
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign completed_courses = completed_courses | plus: 1 %}
|
||||
{% if course.progress == 100 and course.properties.badge_course == true %}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
{% if course.name contains 'Omni' %}
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
{% elsif course.name contains 'Core' %}
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
{% endif %}
|
||||
{% if course.id == "0e5dc9ea-3ace-408c-8b8d-2841ba88bc66" %}
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/partner-badge_implementer-services.png"
|
||||
{% endif %}
|
||||
{% if course.id == "75be65eb-2941-42a5-9088-c0df68bf3fd8" %}
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/partner-badge_referral-partner.png"
|
||||
{% endif %}
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
{% if course.name contains 'Omni' %}Omni{% elsif course.name contains 'Core' %}Core{% endif %} Course Completed
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
{% if omni %}
|
||||
{% if completed_courses > 0%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 1 course!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 4 %}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 5 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 9 %}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 10 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 14 %}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 15 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 19 %}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 20 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if core %}
|
||||
{% if completed_courses > 0%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 1 course!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 4%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 5 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 9%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 10 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 14%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 15 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 19%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 20 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
@ -0,0 +1,243 @@
|
||||
|
||||
{% assign completed_courses = 0 %}
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign completed_courses = completed_courses | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
{% if omni %}
|
||||
{% if completed_courses > 0%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 1 course!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 4 %}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 5 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 9 %}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 10 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 14 %}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 15 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 19 %}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Omni Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 20 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if core %}
|
||||
{% if completed_courses > 0%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 1 course!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 4%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 5 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 9%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 10 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 14%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 15 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if completed_courses > 19%}
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<div class="lp-link">
|
||||
<div class="card-badge">
|
||||
<img
|
||||
alt=""
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
class="badge-card-image"
|
||||
/>
|
||||
</div>
|
||||
<div class="card-content card-content-badge">
|
||||
<h3 class="card-content-title course-name">
|
||||
Core Course Completed
|
||||
</h3>
|
||||
<div class="completed-courses">
|
||||
You completed 20 courses!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
@ -9,7 +9,7 @@
|
||||
{% if course.name contains 'Omni' %}
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
|
||||
{% elsif course.name contains 'Core' %}
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
|
||||
{% endif %}
|
||||
class="badge-card-image"
|
||||
/>
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
{{ course.name }}
|
||||
</div>
|
||||
<div class='np-course-header-right-short'>
|
||||
{{ course.full_description }}
|
||||
{{ course.short_description }}
|
||||
</div>
|
||||
<div class='np-course-header-right-button'>
|
||||
{% include "course_progress_and_cta" %}
|
||||
@ -46,7 +46,7 @@
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% if course.id == "1d10edc4-6414-4707-891b-8daab9927070" %}
|
||||
{% if course.name contains "Resource Kit" %}
|
||||
<div class='np-course-bottom-right'>
|
||||
<div class='np-course-bottom-right-title'>
|
||||
About this kit
|
||||
@ -61,7 +61,7 @@
|
||||
About this course
|
||||
</div>
|
||||
<div class='np-course-bottom-right-description'>
|
||||
{{ course.short_description }}
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
Reference in New Issue
Block a user