G2, Cin7, and Artera templates. Some todo changes.

This commit is contained in:
Norm Rasmussen
2024-05-22 16:38:31 -04:00
parent f0b52f01d4
commit 5b051fc205
6 changed files with 303 additions and 260 deletions

View File

@ -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;
}

View File

@ -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 %}

View File

@ -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 %}

View File

@ -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"
/>

View File

@ -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 %}