Larson Notes and updated a bunch of templates for Artera.
This commit is contained in:
Norm Rasmussen
@ -12,7 +12,7 @@
|
||||
{% else %}
|
||||
<div class="np-sub-navigation-content-item {{ link.active_class }}">
|
||||
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
|
||||
{{ link.label }}
|
||||
{% comment %} {{ link.label }} {% endcomment %}
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
@ -1,3 +1,6 @@
|
||||
<script>
|
||||
window.location.href = '/app/dashboard'
|
||||
</script>
|
||||
{% include "header" %}
|
||||
<main class="np-main np-homepage">
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
@ -186,6 +189,3 @@
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
window.location.href = '/app/dashboard'
|
||||
</script>
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
{% else %}
|
||||
<div class="np-sub-navigation-content-item {{ link.active_class }}">
|
||||
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
|
||||
{{ link.label }}
|
||||
{% comment %} {{ link.label }} {% endcomment %}
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -40,4 +40,4 @@
|
||||
|
||||
<script>
|
||||
document.querySelector(".logo-and-sub-nav > .np-sub-navigation-content").style.removeProperty("display");
|
||||
</script>
|
||||
</script>
|
||||
|
||||
@ -0,0 +1,34 @@
|
||||
<div class="card-carousel col-md-4 col-sm-6 col-xs-12" order="{{course.properties.course_order}}">
|
||||
<div class="card-carousel-container">
|
||||
{% if course.ribbon %}
|
||||
<div class="np-card-ribbon">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.instructor_names }}
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color" style="display: none;">
|
||||
{% t shared.progress, count: course.progress %}
|
||||
</div>
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
{% if course.has_to_restart? %}
|
||||
{% include "course_version_outdated_popup", path: course_path %}
|
||||
{% endif %}
|
||||
<a class="np-button np-button-wide" href="{{ course_path }}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,31 @@
|
||||
<div class="np-carousel col-md-4 col-sm-6 col-xs-12">
|
||||
<div class="np-card-container">
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ learning_path.name }}"
|
||||
src="{{ learning_path.image_url }}"
|
||||
>
|
||||
<div class="lp-card-footer-container">
|
||||
<div class="lp-np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ learning_path.name }}
|
||||
</h3>
|
||||
{% if learning_path.instructor_names %}
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ learning_path.instructor_names }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-card-content-footer">
|
||||
{%- comment -%} <div class="np-card-content-progress np-button-color">
|
||||
{% t shared.progress, count: learning_path.progress %}
|
||||
<a class="np-button np-button-wide lp-button-card" href="{% route learning_path, id: learning_path.id %}">
|
||||
{% t shared.view %}
|
||||
</a>{%- endcomment -%}
|
||||
<a class="np-button np-button-wide" href="{% route learning_path, id: learning_path.id %}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,32 @@
|
||||
<div class="card-carousel-container">
|
||||
{% if course.ribbon %}
|
||||
<div class="np-card-ribbon">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.instructor_names }}
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color" style="display: none;">
|
||||
{% t shared.progress, count: course.progress %}
|
||||
</div>
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
{% if course.has_to_restart? %}
|
||||
{% include "course_version_outdated_popup", path: course_path %}
|
||||
{% endif %}
|
||||
<a class="np-button np-button-wide" href="{{ course_path }}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,101 @@
|
||||
<hr class="rounded">
|
||||
|
||||
<div class="{{class_name}}-courses-section">
|
||||
<div class="carousel-text-wrapper">
|
||||
<div class="heading-carousel-section">
|
||||
<div class="heading">
|
||||
{{ heading }}
|
||||
</div>
|
||||
<div class="sub-heading">
|
||||
{{ sub_heading }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carousel-container">
|
||||
<div class="categories-carousel-wrapper" >
|
||||
{% assign is_swift_features = false %}
|
||||
{% if courses.in_catalog.any? %}
|
||||
|
||||
|
||||
<div class="{{class_name}}-courses-carousel row" id="catalog-{{class_name}}-courses">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% assign categories_name = course.categories | map: 'name'| join: ' ' %}
|
||||
{% if categories_name contains category_name %}
|
||||
{% assign is_swift_features = true %}
|
||||
{% include "cards_course" with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
list = document.getElementById('catalog-{{ class_name }}-courses');
|
||||
childNodes = list.childNodes;
|
||||
children = list.children;
|
||||
itemsArr = [];
|
||||
|
||||
function applyCarousel(){
|
||||
document.querySelectorAll('.{{class_name}}-courses-carousel').forEach( x => {
|
||||
var i = 0
|
||||
|
||||
var slider = tns({
|
||||
container: x,
|
||||
items: 3,
|
||||
controls: true,
|
||||
controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
|
||||
responsive: {
|
||||
300: {
|
||||
edgePadding: 20,
|
||||
gutter: 20,
|
||||
items: 1
|
||||
},
|
||||
700: {
|
||||
gutter: 30
|
||||
},
|
||||
768: {
|
||||
items: 2
|
||||
},
|
||||
1024: {
|
||||
items: 3
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Array.from(x.children).forEach( y => {
|
||||
if (y.id !== ''){
|
||||
i++
|
||||
}
|
||||
|
||||
if (i < 4 ) {
|
||||
if (i !== 1 && window.screen.availWidth < 700){
|
||||
console.log("not destroyed")
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
for(let i = 0; i < children.length; i++){
|
||||
if(children[i].getAttribute('order')){
|
||||
itemsArr.push(children[i]);
|
||||
}
|
||||
}
|
||||
|
||||
itemsArr.sort(function (a, b) {
|
||||
return a.getAttribute('order') == b.getAttribute('order') ? 0 : a.getAttribute('order') > b.getAttribute('order') ? 1 : -1;
|
||||
});
|
||||
|
||||
for (i = 0; i < itemsArr.length; ++i) {
|
||||
list.appendChild(itemsArr[i]);
|
||||
if(i == itemsArr.length-1){
|
||||
applyCarousel();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,92 @@
|
||||
<div class="{{class_name}}-courses-section">
|
||||
<div class="carousel-container">
|
||||
<div class="catalog-carousel-wrapper {% if class_name == 'additional-resources' %}np-hidden{% endif %}" id="carousel-courses-{{class_name}}">
|
||||
{% assign is_swift_features = false %}
|
||||
{% if courses.in_catalog.any? %}
|
||||
|
||||
{%- comment -%} {% assign sorted_courses = courses.in_catalog | sort: "course_order" %} {%- endcomment -%}
|
||||
|
||||
<div class="{{class_name}}-courses-carousel row" id="catalog-{{class_name}}-courses">
|
||||
|
||||
{% for course in courses.in_catalog %}
|
||||
|
||||
{%- comment -%} {% for course in sorted_courses%} {% endfor %}{%- endcomment -%}
|
||||
|
||||
{% assign categories_name = course.categories | map: 'name'| join: ' ' %}
|
||||
{% if categories_name contains category_name %}
|
||||
{% assign is_swift_features = true %}
|
||||
<div class="col-md-4 col-sm-6 col-xs-12" order="{{course.properties.course_order}}" style="padding: 40px;">
|
||||
{% include "cards_special_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
list = document.getElementById('catalog-{{ class_name }}-courses');
|
||||
childNodes = list.childNodes;
|
||||
children = list.children;
|
||||
itemsArr = [];
|
||||
|
||||
function applyCarousel(){
|
||||
document.querySelectorAll('.{{class_name}}-courses-carousel').forEach( x => {
|
||||
var i = 0
|
||||
|
||||
var slider = tns({
|
||||
container: x,
|
||||
items: 3,
|
||||
controls: true,
|
||||
controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
|
||||
responsive: {
|
||||
300: {
|
||||
edgePadding: 20,
|
||||
gutter: 20,
|
||||
items: 1
|
||||
},
|
||||
700: {
|
||||
gutter: 30
|
||||
},
|
||||
768: {
|
||||
items: 2
|
||||
},
|
||||
1024: {
|
||||
items: 3
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Array.from(x.children).forEach( y => {
|
||||
if (y.id !== ''){
|
||||
i++
|
||||
}
|
||||
|
||||
if (i < 4 ) {
|
||||
if (i !== 1 && window.screen.availWidth < 700){
|
||||
console.log("not destroyed")
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
for(let i = 0; i < children.length; i++){
|
||||
if(children[i].getAttribute('order')){
|
||||
itemsArr.push(children[i]);
|
||||
}
|
||||
}
|
||||
|
||||
itemsArr.sort(function (a, b) {
|
||||
return a.getAttribute('order') == b.getAttribute('order') ? 0 : a.getAttribute('order') > b.getAttribute('order') ? 1 : -1;
|
||||
});
|
||||
|
||||
for (i = 0; i < itemsArr.length; ++i) {
|
||||
list.appendChild(itemsArr[i]);
|
||||
if(i == itemsArr.length-1){
|
||||
applyCarousel();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,9 @@
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="" id="catalog-courses">
|
||||
{% for course in courses.in_catalog %}
|
||||
<div order="{{course.properties.course_order}}">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -0,0 +1,144 @@
|
||||
<section class="filter-section">
|
||||
<div class="filter-section-container">
|
||||
<div class="filter-heading">
|
||||
<div class="heading">My Courses</div>
|
||||
</div>
|
||||
<div class="filters-wrapper">
|
||||
<div class="filter-categories-container default-swapper">
|
||||
<div class="filter-category filter-category-active" id="cat1" onclick="filterCarousel('enrolled', this)">
|
||||
Assigned
|
||||
</div>
|
||||
<div class="filter-category " id="cat2" onclick="filterCarousel('in-progress', this)">
|
||||
In Progress
|
||||
</div>
|
||||
<div class="filter-category " id="cat3" onclick="filterCarousel('completed', this)">
|
||||
Completed
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="filter-categories-container mobile-swapper">
|
||||
<div class="filter-category filter-category-mobile filter-category-active-mobile" id="cat1-mobile" onclick="filterCarousel('enrolled', this)">
|
||||
Assigned
|
||||
</div>
|
||||
<div class="filter-category filter-category-mobile" id="cat2-mobile" onclick="filterCarousel('in-progress', this)">
|
||||
In Progress
|
||||
</div>
|
||||
<div class="filter-category filter-category-mobile" id="cat3-mobile" onclick="filterCarousel('completed', this)">
|
||||
Completed
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="carousel-container">
|
||||
<div class="dashboard-carousel-wrapper " id="carousel-courses-enrolled">
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="dashboard-carousel row" >
|
||||
{% for course in courses.enrolled %}
|
||||
{% include "cards_course" with course %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carousel-container">
|
||||
<div class="dashboard-carousel-wrapper np-hidden" id="carousel-courses-in-progress">
|
||||
{% assign is_progress = false %}
|
||||
<div class="dashboard-carousel row" >
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.started? and course.completed? == false%}
|
||||
{% assign is_progress = true %}
|
||||
{% include "cards_course" with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="carousel-container">
|
||||
<div class="dashboard-carousel-wrapper np-hidden" id="carousel-courses-completed">
|
||||
{% assign is_progress = false %}
|
||||
<div class="dashboard-carousel row" >
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.completed? %}
|
||||
{% assign is_progress = true %}
|
||||
{% include "cards_course" with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
.click {
|
||||
background: #2356B2;
|
||||
color: #fff
|
||||
}
|
||||
#cat1 {
|
||||
border-radius: 8px 0 0 8px;
|
||||
}
|
||||
#cat3 {
|
||||
border-radius: 0 8px 8px 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
document.querySelectorAll('.dashboard-carousel').forEach( x => {
|
||||
var i = 0
|
||||
|
||||
var slider = tns({
|
||||
container: x,
|
||||
items: 3,
|
||||
controls: true,
|
||||
controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
|
||||
responsive: {
|
||||
300: {
|
||||
edgePadding: 20,
|
||||
gutter: 20,
|
||||
items: 1
|
||||
},
|
||||
700: {
|
||||
gutter: 30
|
||||
},
|
||||
900: {
|
||||
items: 3
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Array.from(x.children).forEach( y => {
|
||||
if (y.id !== '')
|
||||
i++
|
||||
});
|
||||
|
||||
if (i < 4 ) {
|
||||
if (i !== 1 && window.screen.availWidth < 700) console.log("not destroyed")
|
||||
else slider.destroy()
|
||||
}
|
||||
})
|
||||
function filterCarousel(x, element) {
|
||||
document.querySelectorAll(".dashboard-carousel-wrapper").forEach(y => {
|
||||
if (y.id.includes(x)) {
|
||||
y.classList.remove('np-hidden');
|
||||
}
|
||||
|
||||
else {
|
||||
y.classList.add('np-hidden');
|
||||
}
|
||||
})
|
||||
|
||||
if(element.classList.contains('filter-category-mobile')){
|
||||
document.querySelector('.filter-category-active-mobile').classList.remove('filter-category-active-mobile');
|
||||
element.classList.add('filter-category-active-mobile');
|
||||
} else {
|
||||
document.querySelector('.filter-category-active').classList.remove('filter-category-active');
|
||||
element.classList.add('filter-category-active');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,81 @@
|
||||
<footer class="np-footer">
|
||||
<div class="np-footer-top">
|
||||
{% if website_footer.show_navigation_links? %}
|
||||
<div class="np-footer-navigation">
|
||||
<ul class="np-footer-navigation-list">
|
||||
{% for website_navigation in navigations.footer_navigations %}
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link np-button-color"
|
||||
href="{{ website_navigation.path }}"
|
||||
{% if website_navigation.external? %} target="_blank" {% endif %}
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
<li class="np-footer-navigation-item">
|
||||
<a class="np-footer-navigation-link np-button-color" href="https://swiftacademy.northpass.com/app/feedback" target="_blank"> Feedback</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if current_school.logo_url %}
|
||||
<h2 class="np-footer-logo">
|
||||
<a href="{% route home %}">
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-footer-logo-image"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>
|
||||
</a>
|
||||
</h2>
|
||||
{% else %}
|
||||
<div class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="np-footer-bottom">
|
||||
<nav class="np-footer-social-links">
|
||||
{% if website_footer.show_social_media_links? %}
|
||||
<ul class="np-footer-social-links-list">
|
||||
{% for social_media_link in website_footer.social_media_links %}
|
||||
<li class="np-footer-social-links-item">
|
||||
<a
|
||||
class="np-footer-social-links-link np-button-color"
|
||||
href="{{ social_media_link.link }}"
|
||||
target="_blank" title="{{ social_media_link.name }}"
|
||||
>
|
||||
<i class="np-footer-social-links-icon
|
||||
np-button-color
|
||||
fab fa-{{ social_media_link.name }}"
|
||||
></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</nav>
|
||||
|
||||
{% if website_footer.show_customer_service_email? and
|
||||
website_footer.school_customer_service_email
|
||||
%}
|
||||
<div class="np-footer-support">
|
||||
<div class="np-footer-support-item np-footer-support-help">
|
||||
{% t .need_help %}
|
||||
</div>
|
||||
<div class="np-footer-support-item np-footer-support-email">
|
||||
{% t .email %}
|
||||
</div>
|
||||
<a
|
||||
class="np-footer-support-item np-footer-support-link np-button-color"
|
||||
href="mailto:{{ website_footer.school_customer_service_email }}"
|
||||
>
|
||||
{{ website_footer.school_customer_service_email }}
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</footer>
|
||||
@ -0,0 +1,18 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
|
||||
<!-- carousel -->
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
||||
|
||||
|
||||
<!--Tiny slider-->
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
|
||||
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/min/tiny-slider.helper.ie8.js"></script><![endif]-->
|
||||
<!-- NOTE: prior to v2.2.1 tiny-slider.js need to be in <body> -->
|
||||
@ -0,0 +1,49 @@
|
||||
<div class="carousel-container">
|
||||
<div class="lp-carousel-wrapper " id="carousel-lp-enrolled">
|
||||
{% if learning_paths.available.any?%}
|
||||
<div class="lp-carousel row" >
|
||||
{% for learning_path in learning_paths.available %}
|
||||
{% include "cards_learning_path_carousel" %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
document.querySelectorAll('.lp-carousel').forEach( x => {
|
||||
var i = 0
|
||||
|
||||
var slider = tns({
|
||||
container: x,
|
||||
items: 3,
|
||||
controls: true,
|
||||
controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
|
||||
responsive: {
|
||||
300: {
|
||||
edgePadding: 20,
|
||||
gutter: 20,
|
||||
items: 1
|
||||
},
|
||||
700: {
|
||||
gutter: 30
|
||||
},
|
||||
900: {
|
||||
items: 3
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Array.from(x.children).forEach( y => {
|
||||
if (y.id !== '')
|
||||
i++
|
||||
});
|
||||
|
||||
if (i < 4 ) {
|
||||
if (i !== 1 && window.screen.availWidth < 700) console.log("not destroyed")
|
||||
else slider.destroy()
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,5 @@
|
||||
<div class="np-dashboard-resources">
|
||||
{% for training_event in training_events.enrolled %}
|
||||
{% include "cards_training_event" with training_event %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -0,0 +1,86 @@
|
||||
|
||||
<header class="np-header" style="background-color:#ffffff">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
|
||||
</div>
|
||||
|
||||
<h1 class="np-header-logo">
|
||||
<img alt="Swift Academy" class="np-header-logo-image" src="https://cdn.amedisys.com/img/horizLogo.svg">
|
||||
</a>
|
||||
</h1>
|
||||
|
||||
|
||||
<div class="np-hidden-mobile np-header-desktop-nav">
|
||||
<ul class="np-header-desktop-nav-list">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</header>
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
|
||||
|
||||
<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
|
||||
|
||||
<div class="np-resource-title center ">Onboarding Resources for Amedisys</div>
|
||||
<div class="np-flex-center row center mt-3">
|
||||
<div class="col-xs-12 col-md-6 col-lg-6 np-stretch-content" >
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Swift Ready Certificate! For Amedisys " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/flHIUxMQ9SToxx0xpxdg">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Ready Certificate! For Amedisys
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/ff8feb8a-015d-46c2-a7cb-d653a158740d">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<hr class="mt-3">
|
||||
|
||||
<div class="np-resource-title center mt-3 col-12">1-Pager for Amedisys</div>
|
||||
|
||||
<object data="https://info.swiftmedical.com/hubfs/Instructional%20Video/1-Pager-HCHB-Login.pdf"
|
||||
width="100%"
|
||||
height="1000px">
|
||||
</object>
|
||||
<hr class="mt-3">
|
||||
|
||||
<div class="np-resource-title center mt-3 col-12">5 Minute Onboarding and Informational Video </div>
|
||||
<div class="np-homepage-featured-text mt-3">
|
||||
<div class="center ">
|
||||
<video class="small-shadow" width="100%" height="auto" poster="http://swiftmedical.com/wp-content/uploads/2019/10/swiftmedical.jpg" controls>
|
||||
<source src="https://info.swiftmedical.com/hubfs/Instructional%20Video/WorkForSandy-No-Am.mp4" />
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
<footer class="np-footer">
|
||||
</footer>
|
||||
|
||||
@ -0,0 +1,222 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-catalog np-subpage-container np-max-width">
|
||||
<div class="np-catalog-header-wrapper">
|
||||
<header class="filtters-wrapper">
|
||||
<div class="header-container">
|
||||
<div class="heading">
|
||||
Swift Skin and Wound Training Resources
|
||||
</div>
|
||||
<div class="sub-heading">
|
||||
Explore key courses and content to learn the basic features within Swift Skin and Wound. Have a problem or a question? Explore the Swift Resources for a quick answer.
|
||||
</div>
|
||||
<div class="cta-filters default-swapper">
|
||||
<div class="cta-courses" onclick="filterCarousel('onboarding')">
|
||||
<div class="cta-courses-text">Onboarding Courses</div>
|
||||
</div>
|
||||
<div class="cta-resources" onclick="filterCarousel('resources')">
|
||||
<div class="cta-resources-text">Swift Resources</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cta-filters mobile-swapper">
|
||||
<div class="cta-courses cta-courses-mobile" onclick="filterCarousel('onboarding')">
|
||||
<div class="cta-courses-text cta-courses-text-mobile">Onboarding Courses</div>
|
||||
</div>
|
||||
<div class="cta-resources cta-resources-mobile" onclick="filterCarousel('resources')">
|
||||
<div class="cta-resources-text cta-resources-text-mobile">Swift Resources</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
{% capture label %}{% t shared.filters.by_category %}{% endcapture %}
|
||||
</div>
|
||||
|
||||
{%
|
||||
include 'catalog_special_carousel',
|
||||
category_name: "Full Certificate Onboarding",
|
||||
class_name: "full-cert-onboarding"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'catalog_special_carousel',
|
||||
category_name: "Additional Resources",
|
||||
class_name: "additional-resources"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'catalog_carousel',
|
||||
heading: "Open Source Courses",
|
||||
sub_heading: "Explore key features found in Swift Skin and Wound",
|
||||
category_name: "Open Source Onboarding Content",
|
||||
class_name: "open-source"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'catalog_carousel',
|
||||
heading: "Key Swift Features Courses",
|
||||
sub_heading: "Explore key features found in Swift Skin and Wound",
|
||||
category_name: "Key Features",
|
||||
class_name: "key-swift-features"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'catalog_carousel',
|
||||
heading: "Single Course Onboarding",
|
||||
sub_heading: "Looking for content that only includes iOS or Android? Explore the courses below.",
|
||||
category_name: "Single Course Onboarding",
|
||||
class_name: "single-course-onboarding"
|
||||
%}
|
||||
|
||||
</main>
|
||||
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.rounded {
|
||||
border-radius: 5px;
|
||||
margin-top: 4rem;
|
||||
margin-bottom: 4rem;
|
||||
height: 5px;
|
||||
border: none;
|
||||
background: #00000021;
|
||||
}
|
||||
|
||||
.heading {
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
font-weight: 700;
|
||||
color: #000;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.sub-heading {
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
color: #000;
|
||||
margin-bottom: 56px;
|
||||
}
|
||||
|
||||
.cta-courses:hover,
|
||||
.cta-resources:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.cta-courses-text {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.cta-resources-text {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.cta-filters {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.tns-item {
|
||||
flex-basis: auto;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 550px){
|
||||
.heading {
|
||||
font-size: 30px;
|
||||
line-height: 34px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.sub-heading {
|
||||
font-size: 22px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 565px){
|
||||
.default-swapper {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.mobile-swapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cta-courses {
|
||||
border-radius: 9px 0 0 9px;
|
||||
}
|
||||
|
||||
.cta-filters {
|
||||
margin-bottom: 42px;
|
||||
}
|
||||
|
||||
.cta-resources {
|
||||
border-radius: 0px 9px 9px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.heading {
|
||||
font-size: 40px;
|
||||
line-height: 47px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.sub-heading {
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<script>
|
||||
function filterCarousel(x) {
|
||||
document.querySelectorAll(".catalog-carousel-wrapper").forEach(y => {
|
||||
if (y.id.includes(x)) {
|
||||
y.classList.remove('np-hidden');
|
||||
backgroundColor();
|
||||
}
|
||||
else {
|
||||
y.classList.add('np-hidden');
|
||||
removeBackgroundColor();
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
function backgroundColor() {
|
||||
document.querySelector('.cta-courses').style.backgroundColor = '#fff'
|
||||
document.querySelector('.cta-courses-mobile').style.backgroundColor = '#fff'
|
||||
document.querySelector('.cta-courses-text').style.color = '#000'
|
||||
document.querySelector('.cta-courses-text-mobile').style.color = '#000'
|
||||
|
||||
|
||||
|
||||
document.querySelector('.cta-resources').style.backgroundColor = '#2356B2'
|
||||
document.querySelector('.cta-resources-mobile').style.backgroundColor = '#2356B2'
|
||||
document.querySelector('.cta-resources-text').style.color = '#fff'
|
||||
document.querySelector('.cta-resources-text-mobile').style.color = '#fff'
|
||||
}
|
||||
function removeBackgroundColor() {
|
||||
document.querySelector('.cta-courses').style.backgroundColor = '#2356B2'
|
||||
document.querySelector('.cta-courses-mobile').style.backgroundColor = '#2356B2'
|
||||
document.querySelector('.cta-courses-text').style.color = '#fff'
|
||||
document.querySelector('.cta-courses-text-mobile').style.color = '#fff'
|
||||
|
||||
document.querySelector('.cta-resources').style.backgroundColor = '#fff'
|
||||
document.querySelector('.cta-resources-mobile').style.backgroundColor = '#fff'
|
||||
document.querySelector('.cta-resources-text').style.color = '#000'
|
||||
document.querySelector('.cta-resources-text-mobile').style.color = '#000'
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
let list;
|
||||
let childNodes;
|
||||
let children;
|
||||
let itemsArr;
|
||||
</script>
|
||||
@ -0,0 +1,99 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-dashboard np-subpage-container-dashboard np-max-width">
|
||||
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<div class="header-left-side">
|
||||
<div class="heading">
|
||||
Welcome {{current_person.first_name}},
|
||||
</div>
|
||||
<div class="sub-heading">
|
||||
This is your dashboard. Explore courses you have started and courses you have been assigned.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% include 'dashboard_carousel' %}
|
||||
|
||||
<hr class="rounded">
|
||||
<div class="filter-heading">
|
||||
<div class="heading">My Learning Paths</div>
|
||||
</div>
|
||||
{% include 'learning_paths_carousel' %}
|
||||
|
||||
{% if training_events.enrolled.any? %}
|
||||
<hr class="rounded">
|
||||
<div class="filter-heading">
|
||||
<div class="heading">Events</div>
|
||||
{% include "training_events_dashboard" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.tns-item {
|
||||
flex-basis: auto;
|
||||
}
|
||||
|
||||
.rounded {
|
||||
border-radius: 5px;
|
||||
margin-top: 4rem;
|
||||
margin-bottom: 4rem;
|
||||
height: 5px;
|
||||
border: none;
|
||||
background: #00000021;
|
||||
}
|
||||
.header-container {
|
||||
display: flex;
|
||||
gap: 2rem;
|
||||
}
|
||||
.heading {
|
||||
font-size: 40px;
|
||||
font-weight: 700;
|
||||
color: #000;
|
||||
line-height: 47px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.sub-heading {
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
color: #000;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.filter-categories-container {
|
||||
width: 100%;
|
||||
}
|
||||
.filter-category {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 1rem 0;
|
||||
background: #fff;
|
||||
border: 2px solid #0057b8;
|
||||
font-weight: 800;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
|
||||
.header-right-side {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.awards-heading {
|
||||
font-size: 1.3rem;
|
||||
font-weight: 700;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,16 @@
|
||||
<style>
|
||||
.np-sub-navigation{
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
{% include "sub_navigation" %}
|
||||
|
||||
<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
|
||||
|
||||
<div class="np-resource-title center">Feedback about Swift Academy</div>
|
||||
|
||||
|
||||
<iframe style="width: 100%; height: 2000px; overflow: hidden; margin-top: 20px;" src="https://www.surveymonkey.com/r/ZQRYZYK" scrolling="yes">Iframes not supported</iframe></main>
|
||||
{% include "footer" %}
|
||||
@ -0,0 +1,104 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-homepage">
|
||||
<div class="np-homepage-hero" style="background-color: #F3F3F6; /* For browsers that do not support gradients */
|
||||
background-image: linear-gradient(to bottom right, #6E9FD7, #F3F3F6); display: flex;">
|
||||
<img class="np-homepage-hero-image col-4" style="align-content: right;"
|
||||
src="{{ homepage.artwork_url }}"
|
||||
alt="{{ homepage.headline }}"
|
||||
/>
|
||||
<div class="np-homepage-hero-content">
|
||||
<div class="np-homepage-headline np-header-font-color col-xs-9 col-md-8 col-lg-6 np-stretch-content">
|
||||
{{ homepage.headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color col-xs-9 col-md-8 col-lg-6 np-stretch-content">
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
<div class="row">
|
||||
<a class="np-homepage-hero-cta np-button col-xs-5 col-md-4 col-lg-3 np-stretch-content swiftPink-button mr-1" href="https://swiftacademy.northpass.com/app/learning_paths/bcc9d2dd-1af6-4e4c-b178-cbbd03fa57c4">
|
||||
Swift 101
|
||||
</a>
|
||||
<a class="np-homepage-hero-cta np-button col-xs-5 col-md-4 col-lg-3 np-stretch-content ml-1" href="{% route catalog %}">
|
||||
More Swift Courses
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-homepage-featured np-max-width">
|
||||
<div class="np-homepage-featured-text">
|
||||
<div class="np-homepage-headline">
|
||||
{{ homepage.featured_courses_headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline">
|
||||
{{ homepage.featured_courses_subheadline }}
|
||||
</div>
|
||||
</div>
|
||||
{% if courses.featured.any? %}
|
||||
<div class="np-homepage-featured-courses row">
|
||||
{% for course in courses.featured %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-homepage-featured-empty">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-courses"
|
||||
alt="{% t .empty, key: current_school.course_vocabulary %}"
|
||||
/>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="np-max-width">
|
||||
<div class="np-homepage-featured-text">
|
||||
<div class="np-homepage-headline m-sub">
|
||||
Learn more about the Swift Medical Team
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-homepage-featured-courses row">
|
||||
<div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
|
||||
<img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileSandy-1.png">
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content ">
|
||||
<img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileKayla-1.png">
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
|
||||
<img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileAmy-1.png">
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
|
||||
<img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileRob-1.png">
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
|
||||
<img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileDebra-1.png">
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
|
||||
<img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileBob-1.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-homepage-featured-text mt-3">
|
||||
<div class="np-homepage-headline m-sub">
|
||||
How to Use Swift - Quick Video Walkthrough
|
||||
</div>
|
||||
<div class="center ">
|
||||
<video class="small-shadow" width="100%" height="auto" poster="https://info.swiftmedical.com/hubfs/Instructional%20Video/Full%20Wound%20Evaluation%20-%20Image.png" controls>
|
||||
<source src="https://info.swiftmedical.com/hubfs/Instructional%20Video/Full%20Wound%20Evaluation.mp4" />
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<script>
|
||||
let featuredCards = document.querySelectorAll('.np-homepage-featured-courses .card-carousel');
|
||||
featuredCards.forEach((card) => {
|
||||
card.classList.remove('col-sm-6')
|
||||
card.classList.remove('col-md-4');
|
||||
})
|
||||
</script>
|
||||
@ -0,0 +1,75 @@
|
||||
<style>
|
||||
.np-sub-navigation{
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
{% include "sub_navigation" %}
|
||||
|
||||
<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
|
||||
|
||||
<div class="np-resource-title center">Select your live course and complete to earn your Credential</div>
|
||||
<div class="mt-3 np-flex-center row center ">
|
||||
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" order="999">
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Swift Ready - Live With Trainer Activities" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/tf7kfverTzWltfsmDae0">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Ready - Live With Trainer Activities
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/a2e7216b-9225-40b6-a4ca-82daab981a38">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" order="999">
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Swift Certified - Live With Trainer Activities" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/Aphl5coyQGa9Syy3nQsm">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Certified - Live With Trainer Activities
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/5aa462cb-fc99-4ed1-9192-527a82452d0a">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
@ -0,0 +1,62 @@
|
||||
<main class="np-main np-box-container">
|
||||
<div class="np-box">
|
||||
{% include "header_minimal" %}
|
||||
<div class="np-box-content-container">
|
||||
<form class="np-form np-box-content" action="{% route login %}" method="post" novalidate>
|
||||
{% form_authenticity_token %}
|
||||
<div class="np-form-field">
|
||||
<label class="np-input-label" for="learner_email">
|
||||
{% t shared.email_address %}
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
autofocus="autofocus"
|
||||
type="email"
|
||||
name="learner[email]"
|
||||
id="learner_email"
|
||||
>
|
||||
</div>
|
||||
<div class="np-form-field">
|
||||
<label class="np-input-label" for="learner_password">
|
||||
{% t shared.password %}
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
type="password"
|
||||
name="learner[password]"
|
||||
id="learner_password"
|
||||
>
|
||||
</div>
|
||||
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
|
||||
{% t shared.sign_in %}
|
||||
</button>
|
||||
<a class="np-form-link np-button-color" href="{% route forgot_password_new %}">
|
||||
{% t .forgot_password %}
|
||||
</a>
|
||||
{% if features.account_creation? %}
|
||||
<a class="np-form-link np-button-color" href="{% route sign_up %}">
|
||||
{% t shared.sign_up %}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if features.request_access? %}
|
||||
<a
|
||||
class="np-form-link np-button-color"
|
||||
target="_blank"
|
||||
href="{{ current_school.request_access_link }}"
|
||||
>
|
||||
{{ current_school.request_access_label }}
|
||||
</a>
|
||||
{% endif %}
|
||||
</form>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="np-box-content-container">
|
||||
<a class="np-form-link np-button-color" href="mailto:education@swiftmedical.io">
|
||||
Need a Swift Academy account? Email education@swiftmedical.io to get started
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
@ -0,0 +1,83 @@
|
||||
<style>
|
||||
.np-sub-navigation{
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
{% include "sub_navigation" %}
|
||||
|
||||
<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
|
||||
|
||||
<div class="np-resource-title center">Onboarding Courses for Nurses and Clinicians</div>
|
||||
<div class="np-flex-center row center ">
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content mt-3" >
|
||||
<div class="np-card">
|
||||
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Swift Ready Certificate! " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/epXrIST9G02cKRTiCEAe">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Ready Onboarding
|
||||
</h3>
|
||||
<div class="np-resource-subtitle center mt-1" >Option 1: Complete this 30 Minute Swift Ready training to quickly get started</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/d94dce02-b3f7-4107-9918-d28a9fbb490b">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content mt-3" >
|
||||
<div class="np-card">
|
||||
|
||||
<div class="np-card-container">
|
||||
|
||||
<div class="np-card-ribbon">
|
||||
Certification
|
||||
</div>
|
||||
|
||||
<img class="np-card-image" alt="Mobile Swift Skin and Wound Onboarding " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/nJIddCaeQ5qxzUuf7Wti">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Skin and Wound Certification
|
||||
</h3>
|
||||
<div class="np-resource-subtitle center mt-1">Option 2: Learn the details of Swift and become <b>Swift Skin and Wound Certified</b></div>
|
||||
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/fa9c5b34-3117-4d7a-8c5c-7bd7c99dedc9">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="np-resource-title justify-content-center center">Looking for more content? </div>
|
||||
<div class="np-resource-subtitle center">Explore the catalog for a full selection of courses that are available </div>
|
||||
<div class="np-sub-navigation-content-item np-sub-navigation-content-item-active">
|
||||
<a class="np-sub-navigation-content-item-link" href="/app/catalog">
|
||||
<i class="far fa-graduation-cap np-button-color np-sub-navigation-content-item-icon"></i>
|
||||
Catalog
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
@ -0,0 +1,145 @@
|
||||
|
||||
<header class="np-header" style="background-color:#ffffff">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
|
||||
</div>
|
||||
|
||||
<h1 class="np-header-logo">
|
||||
<a href="/app">
|
||||
<img alt="Swift Academy" class="np-header-logo-image" src="https://cdn.pointclickcare.com/wp-content/themes/PointClickCare-theme-1.0.0/assets/images/PointClickCareLogo.svg">
|
||||
</a>
|
||||
</h1>
|
||||
|
||||
|
||||
<div class="np-hidden-mobile np-header-desktop-nav">
|
||||
<ul class="np-header-desktop-nav-list">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</header>
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
|
||||
<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
|
||||
|
||||
<div class="np-resource-title center">Start Exploring the PCC Skin and Wound Content Here </div>
|
||||
<p> </p>
|
||||
<br>
|
||||
<div class="np-hidden-mobile" id="course-desktop">
|
||||
<div class="np-card-container">
|
||||
<div class="np-resource-header np-course-header np-card-padding-large">
|
||||
<div class="np-top-vocabulary np-text-title np-text-muted">
|
||||
course
|
||||
<i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
|
||||
</i>
|
||||
</div>
|
||||
<div class="np-top-title">
|
||||
<a href="/app" class="np-back-button" aria-label="Go Back">
|
||||
<i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
|
||||
</a>
|
||||
PointClickCare Onboarding
|
||||
</div>
|
||||
<img src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/tknXgflzTVer8uJ46fam" class="np-top-image np-hidden-desktop" alt="PointClickCare Onboarding">
|
||||
|
||||
</div>
|
||||
<div class="np-divider"></div>
|
||||
<div class="row np-course-content np-card-padding-dynamic">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<img src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/tknXgflzTVer8uJ46fam" class="np-top-image np-top-image-spacing" alt="PointClickCare Onboarding">
|
||||
<h3 class="np-card-heading">
|
||||
About the Course
|
||||
</h3>
|
||||
<div class="np-card-text">
|
||||
<p id="isPasted">Within this module, you will learn about some of the key elements of Swift Skin and Wound and how to use these on an iOS device. </p><p>Key Elements explored in this course: </p><ul>
|
||||
<li>How to get started and login </li>
|
||||
<li>Locating and identifying a patient chart </li>
|
||||
<li>How to take wound images </li>
|
||||
<li>Reviewing wound images </li>
|
||||
<li>How to complete wound documentation</li>
|
||||
</ul><p>You will be able to walkthrough an example showing the key elements of the app and how to use them. While exploring the documentation use the Swift Skin and Wound application on your iOS device. </p><p>Estimated time to complete the module: 1-2 hours </p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-6">
|
||||
<div class="np-top-cta">
|
||||
<div class="np-top-cta-progress-content">
|
||||
<div class="np-top-cta-progress-title np-text-title">
|
||||
Course Progress
|
||||
</div>
|
||||
<div class="np-progress-bar-container">
|
||||
<div style="width: 0%" class="np-button-background-color np-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-top-cta-progress-text
|
||||
np-button-color
|
||||
">
|
||||
Not started
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-top-button np-button-font-color np-button np-button-big" href="/courses/4236bd1b-349a-4747-afd3-3f16a3d77072">
|
||||
|
||||
Start Course
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="np-course-outline">
|
||||
<div class="np-text-title np-course-outline-title">
|
||||
Course Outline
|
||||
</div>
|
||||
<div class="np-course-outline-content">
|
||||
<ol class="np-course-outline-content-section">
|
||||
|
||||
<li class="np-course-outline-content-section-list">
|
||||
<div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold">
|
||||
PointClickCare Onboarding
|
||||
</div>
|
||||
<ol class="np-course-outline-content-activity">
|
||||
|
||||
|
||||
<li class="np-course-outline-content-activity-list">
|
||||
|
||||
<i class="far fa-circle np-course-outline-content-activity-icon"></i>
|
||||
|
||||
|
||||
<a href="/courses/4236bd1b-349a-4747-afd3-3f16a3d77072/activities/ee0a1636-5147-40b0-a751-3a0381112475" class="np-course-outline-content-activity-link">
|
||||
PointClickCare Onboarding
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
<div class="np-course-outline-content-activity-list-bar"></div>
|
||||
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
@ -0,0 +1,178 @@
|
||||
<style>
|
||||
.np-sub-navigation{
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
{% include "sub_navigation" %}
|
||||
|
||||
<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
|
||||
|
||||
<div class="np-resource-title center ">Onboarding Courses for the Sales Team</div>
|
||||
<div class="np-flex-center row center mt-3">
|
||||
<div class="col-xs-12 col-md-6 col-lg-6 np-stretch-content" >
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Swift Ready Certificate! " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/epXrIST9G02cKRTiCEAe">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Complete this course to learn the basics of capturing a wound in 30 Minutes!
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/d94dce02-b3f7-4107-9918-d28a9fbb490b">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-flex-center row center ">
|
||||
<div class="col-xs-12 col-md-6 col-lg-6 np-stretch-content" >
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<div class="np-card-ribbon">
|
||||
Certification
|
||||
</div>
|
||||
|
||||
<img class="np-card-image" alt="Dashboard Swift Skin and Wound Onboarding " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/0x5J2ga3SeqJ0pDpePeW">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Complete the Dashboard Swift Skin and Wound Onboarding to learn about how to use the dashboard with Swift Skin and Wound.
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/b3d2c27c-8147-4176-a383-9ded5579d40b">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-resource-title center mt-3 col-12">Additional courses to explore selected for the sales team </div>
|
||||
|
||||
<div class="np-flex-center row center mt-3">
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" >
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<div class="np-card-ribbon">
|
||||
Certification
|
||||
</div>
|
||||
|
||||
<img class="np-card-image" alt="Swift Certified - Skin and Wound" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/60pUKoKSWy1V50b3IQbA">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Certified - Skin and Wound
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/f6d97a14-a990-4435-a3d9-939d044c19a8">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" >
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Swift Resource Center " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/iO0npr3QQey7TMuxQtvY">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Resource Center
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/5997f88e-42ed-4a2b-9925-2d3c4b1efbf8">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Full Wound Workflow in 5 Minutes " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg5OTYwMzgsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:426dd3135b60476c0ccd45a57fa68d1f31876565ac6faa5a5cf39a026458a52b/IfrlhxVsQJ23TbaApfQX">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Full Wound Workflow in 5 Minutes
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/9627a661-bb26-497f-a768-dda8237c46d6">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<div class="np-resource-title justify-content-center center">Looking for more content? </div>
|
||||
<div class="np-resource-subtitle center">Explore the catalog for a full selection of courses that are available </div>
|
||||
<div class="np-sub-navigation-content-item np-sub-navigation-content-item-active">
|
||||
<a class="np-sub-navigation-content-item-link" href="/app/catalog">
|
||||
<i class="far fa-graduation-cap np-button-color np-sub-navigation-content-item-icon"></i>
|
||||
Catalog
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
@ -0,0 +1,447 @@
|
||||
/*
|
||||
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 }}
|
||||
|
||||
*/
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.mr-1 {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.ml-1 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.mx-1 {
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.mt-1 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.mt-3 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.text-left{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.justify{
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.small-shadow{
|
||||
border: 2px solid #888888;
|
||||
box-shadow: 3px 3px 3px #888888;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.swiftPink-button{
|
||||
background-color: #ee255c;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.swiftPink-button:hover {
|
||||
background-color: #e1466f;
|
||||
}
|
||||
|
||||
.np-homepage-subheadline{
|
||||
line-height: 2rem
|
||||
}
|
||||
|
||||
.np-card-content-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.np-top-cta-progress-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.m-sub {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px){
|
||||
.np-homepage-subheadline{
|
||||
line-height: 1rem
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* @media screen and (min-width: 768px){
|
||||
.np-learning-path-image {
|
||||
padding: 1em 0px;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.np-card-content-vertical{
|
||||
height: 53%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 875px){
|
||||
.np-card-content-vertical{
|
||||
height: 56%%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 950px){
|
||||
.np-card-content-vertical{
|
||||
height: 47%%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px){
|
||||
.np-card-content-vertical{
|
||||
height: 65%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1100px){
|
||||
.np-card-content-vertical{
|
||||
height: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1235px){
|
||||
.np-card-content-vertical{
|
||||
height: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1440px){
|
||||
.np-card-content-vertical{
|
||||
height: 47%;
|
||||
}
|
||||
} */
|
||||
|
||||
@media screen and (min-width: 1500px){
|
||||
.np-learning-path-image {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.lp-carousel-wrapper {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.card-carousel-container {
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: 4px;
|
||||
box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.card-carousel {
|
||||
padding: 40px;
|
||||
}
|
||||
/* carousel */
|
||||
|
||||
[data-controls="prev"], [data-controls="next"] {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.fa-arrow-circle-left {
|
||||
font-size: 2rem;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.fa-arrow-circle-right {
|
||||
font-size: 2rem;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.tns-nav-active{
|
||||
display:none;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
border: 50%;
|
||||
border-radius: 50%;
|
||||
border: none;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.tns-outer [aria-controls], .tns-outer [data-action] {
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
border: 50%;
|
||||
border-radius: 50%;
|
||||
border: none;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.carousel-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tns-controls {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
transform: translate(0,-50%);
|
||||
display: flex !important;
|
||||
justify-content: space-between;
|
||||
z-index: 11;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
.left-arrow {
|
||||
position: relative;
|
||||
left: -50px;
|
||||
}
|
||||
.tns-nav {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translate(-50%,0);
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.filter-section {
|
||||
margin-bottom:57px;
|
||||
}
|
||||
|
||||
.np-card-ribbon {
|
||||
left: unset;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.np-homepage-hero-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
div.row:nth-child(3) {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.filter-category-active{
|
||||
background: #0057b8 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.left-arrow, .right-arrow {
|
||||
font-weight: 100;
|
||||
color: #D9D9D9;
|
||||
font-size: 7rem;
|
||||
|
||||
}
|
||||
|
||||
.lp-button-card {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cta-courses-text{
|
||||
font-weight: 700;
|
||||
font-size: 32px;
|
||||
line-height: 30px;
|
||||
padding: 1rem 9px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cta-resources-text{
|
||||
font-weight: 700;
|
||||
font-size: 32px;
|
||||
line-height: 38px;
|
||||
padding: 1rem 32px;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.filter-category, .cta-courses-text, .cta-resources-text {
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cta-filtters {
|
||||
height: 70px !important;
|
||||
}
|
||||
|
||||
.left-arrow, .right-arrow {
|
||||
font-weight: 100;
|
||||
font-size: 5rem;
|
||||
|
||||
}
|
||||
.left-arrow {
|
||||
position: relative;
|
||||
left: -31px;
|
||||
}
|
||||
.np-subpage-container-dashboard {
|
||||
padding: 30px 40px 60px 40px !important;
|
||||
}
|
||||
.np-subpage-container {
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
/* .np-card-content {
|
||||
max-height: 140px;
|
||||
} */
|
||||
|
||||
}
|
||||
|
||||
.np-subpage-container-dashboard {
|
||||
padding: 43px 100px;
|
||||
}
|
||||
|
||||
.np-carousel {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
|
||||
.filtters-wrapper, .heading-carousel-section {
|
||||
width: 90%;
|
||||
}
|
||||
.np-catalog-header-wrapper, .carousel-text-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 770px) {
|
||||
.filtters-wrapper, .heading-carousel-section {
|
||||
width: 100%;
|
||||
}
|
||||
.lp-np-card-content {
|
||||
min-height: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.cta-filtters {
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
.np-subpage-container {
|
||||
padding: 50px 100px 100px;
|
||||
}
|
||||
|
||||
.button-wide {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.lp-card-footer-container {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.lp-np-card-content {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
min-height:
|
||||
}
|
||||
.lp-button-card {
|
||||
align-items: flex-end;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
|
||||
/* Styles specifically pertaining to mobile optimizations of course filter buttons and cards at dashboard and catalog */
|
||||
|
||||
.default-swapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobile-swapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
/* Dashboard Filters */
|
||||
.filter-category-active-mobile {
|
||||
background: #0057b8 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#cat1-mobile,
|
||||
#cat2-mobile,
|
||||
#cat3-mobile{
|
||||
border-radius: 8px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* Dashboard Cards */
|
||||
.np-card-content-subtitle{
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
/* Catalog filters */
|
||||
.cta-courses-mobile,
|
||||
.cta-courses {
|
||||
border: 1px solid #2356B2;
|
||||
border-radius: 9px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: #2356B2;
|
||||
}
|
||||
|
||||
.cta-courses-mobile{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.cta-resources {
|
||||
background: #fff;
|
||||
border: 1px solid #2356B2;
|
||||
border-radius: 9px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#tns2 > .tns-item{
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#tns2 > .tns-item > .card-carousel-container{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 565px){
|
||||
.default-swapper {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.mobile-swapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cta-courses {
|
||||
border-radius: 9px 0 0 9px;
|
||||
}
|
||||
|
||||
.cta-filters {
|
||||
margin-bottom: 42px;
|
||||
}
|
||||
|
||||
.cta-resources {
|
||||
border-radius: 0px 9px 9px 0px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,36 @@
|
||||
<div class="card-carousel col-md-4 col-sm-6 col-xs-12">
|
||||
<div class="card-carousel-container">
|
||||
{% if course.ribbon %}
|
||||
<div class="np-card-ribbon">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
{% if course.instructor_names.size > 1 %}
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.instructor_names }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-card-content-footer">
|
||||
{%- comment -%} <div class="np-card-content-progress np-button-color">
|
||||
{% t shared.progress, count: course.progress %}
|
||||
</div> {%- endcomment -%}
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
{% if course.has_to_restart? %}
|
||||
{% include "course_version_outdated_popup", path: course_path %}
|
||||
{% endif %}
|
||||
<a class="np-button np-button-wide" href="{{ course_path }}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,31 @@
|
||||
<div class="np-carousel col-md-4 col-sm-6 col-xs-12">
|
||||
<div class="np-card-container">
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ learning_path.name }}"
|
||||
src="{{ learning_path.image_url }}"
|
||||
>
|
||||
<div class="lp-card-footer-container">
|
||||
<div class="lp-np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ learning_path.name }}
|
||||
</h3>
|
||||
{% if learning_path.instructor_names %}
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ learning_path.instructor_names }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-card-content-footer">
|
||||
{%- comment -%} <div class="np-card-content-progress np-button-color">
|
||||
{% t shared.progress, count: learning_path.progress %}
|
||||
<a class="np-button np-button-wide lp-button-card" href="{% route learning_path, id: learning_path.id %}">
|
||||
{% t shared.view %}
|
||||
</a>{%- endcomment -%}
|
||||
<a class="np-button np-button-wide" href="{% route learning_path, id: learning_path.id %}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,74 @@
|
||||
<hr class="rounded">
|
||||
|
||||
<div class="{{class_name}}-courses-section">
|
||||
<div class="carousel-text-wrapper">
|
||||
<div class="heading-carousel-section">
|
||||
<div class="heading">
|
||||
{{ heading }}
|
||||
</div>
|
||||
<div class="sub-heading">
|
||||
{{ sub_heading }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carousel-container">
|
||||
<div class="categories-carousel-wrapper" >
|
||||
{% assign is_swift_features = false %}
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="{{class_name}}-courses-carousel row">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% assign categories_name = course.categories | map: 'name'| join: ' ' %}
|
||||
{% if categories_name contains category_name %}
|
||||
{% assign is_swift_features = true %}
|
||||
{% include "cards_course" with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
document.querySelectorAll('.{{class_name}}-courses-carousel').forEach( x => {
|
||||
var i = 0
|
||||
|
||||
var slider = tns({
|
||||
container: x,
|
||||
items: 3,
|
||||
controls: true,
|
||||
controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
|
||||
responsive: {
|
||||
300: {
|
||||
edgePadding: 20,
|
||||
gutter: 20,
|
||||
items: 1
|
||||
},
|
||||
700: {
|
||||
gutter: 30
|
||||
},
|
||||
770: {
|
||||
items: 2
|
||||
},
|
||||
1024: {
|
||||
items: 3
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Array.from(x.children).forEach( y => {
|
||||
if (y.id !== '')
|
||||
i++
|
||||
});
|
||||
|
||||
if (i < 4 ) {
|
||||
if (i !== 1 && window.screen.availWidth < 700){
|
||||
console.log("not destroyed")
|
||||
} else {
|
||||
slider.destroy()
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
@ -1,38 +1,44 @@
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="np-catalog-courses row row-with-thumbnails" id="catalog-courses">
|
||||
<div class="" id="catalog-courses">
|
||||
{% for course in courses.in_catalog %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" order="{{course.properties.course_order}}">
|
||||
<div order="{{course.properties.course_order}}">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.catalog,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
|
||||
<script>
|
||||
{% comment %} Courses order function {% endcomment %}
|
||||
var list = document.getElementById('catalog-courses');
|
||||
|
||||
var items = list.childNodes;
|
||||
var itemsArr = [];
|
||||
for (var i in items) {
|
||||
if (items[i].nodeType == 1) {
|
||||
itemsArr.push(items[i]);
|
||||
}
|
||||
}
|
||||
|
||||
itemsArr.sort(function (a, b) {
|
||||
return a.getAttribute('order') == b.getAttribute('order')
|
||||
? 0
|
||||
: (a.getAttribute('order') > b.getAttribute('order') ? 1 : -1);
|
||||
});
|
||||
|
||||
for (i = 0; i < itemsArr.length; ++i) {
|
||||
list.appendChild(itemsArr[i]);
|
||||
}
|
||||
{% comment %} Carousel function {% endcomment %}
|
||||
var list = document.getElementById('catalog-courses');
|
||||
|
||||
var items = list.childNodes;
|
||||
var itemsArr = [];
|
||||
for (var i in items) {
|
||||
if (items[i].nodeType == 1) {
|
||||
itemsArr.push(items[i]);
|
||||
}
|
||||
}
|
||||
|
||||
itemsArr.sort(function (a, b) {
|
||||
return a.getAttribute('order') == b.getAttribute('order')
|
||||
? 0
|
||||
: (a.getAttribute('order') > b.getAttribute('order') ? 1 : -1);
|
||||
$(document).ready(function(){
|
||||
$('#catalog-courses').slick({
|
||||
infinite: true,
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 3
|
||||
});
|
||||
|
||||
for (i = 0; i < itemsArr.length; ++i) {
|
||||
list.appendChild(itemsArr[i]);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
@ -0,0 +1,144 @@
|
||||
<section class="filter-section">
|
||||
<div class="filter-section-container">
|
||||
<div class="filter-heading">
|
||||
<div class="heading">My Courses</div>
|
||||
</div>
|
||||
<div class="filters-wrapper">
|
||||
<div class="filter-categories-container default-swapper">
|
||||
<div class="filter-category filter-category-active" id="cat1" onclick="filterCarousel('enrolled', this)">
|
||||
Assigned
|
||||
</div>
|
||||
<div class="filter-category " id="cat2" onclick="filterCarousel('in-progress', this)">
|
||||
In Progress
|
||||
</div>
|
||||
<div class="filter-category " id="cat3" onclick="filterCarousel('completed', this)">
|
||||
Completed
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="filter-categories-container mobile-swapper">
|
||||
<div class="filter-category filter-category-mobile filter-category-active-mobile" id="cat1-mobile" onclick="filterCarousel('enrolled', this)">
|
||||
Assigned
|
||||
</div>
|
||||
<div class="filter-category filter-category-mobile" id="cat2-mobile" onclick="filterCarousel('in-progress', this)">
|
||||
In Progress
|
||||
</div>
|
||||
<div class="filter-category filter-category-mobile" id="cat3-mobile" onclick="filterCarousel('completed', this)">
|
||||
Completed
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="carousel-container">
|
||||
<div class="dashboard-carousel-wrapper " id="carousel-courses-enrolled">
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="dashboard-carousel row" >
|
||||
{% for course in courses.enrolled %}
|
||||
{% include "cards_course" with course %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carousel-container">
|
||||
<div class="dashboard-carousel-wrapper np-hidden" id="carousel-courses-in-progress">
|
||||
{% assign is_progress = false %}
|
||||
<div class="dashboard-carousel row" >
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.started? and course.completed? == false%}
|
||||
{% assign is_progress = true %}
|
||||
{% include "cards_course" with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="carousel-container">
|
||||
<div class="dashboard-carousel-wrapper np-hidden" id="carousel-courses-completed">
|
||||
{% assign is_progress = false %}
|
||||
<div class="dashboard-carousel row" >
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.completed? %}
|
||||
{% assign is_progress = true %}
|
||||
{% include "cards_course" with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
.click {
|
||||
background: #2356B2;
|
||||
color: #fff
|
||||
}
|
||||
#cat1 {
|
||||
border-radius: 8px 0 0 8px;
|
||||
}
|
||||
#cat3 {
|
||||
border-radius: 0 8px 8px 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
document.querySelectorAll('.dashboard-carousel').forEach( x => {
|
||||
var i = 0
|
||||
|
||||
var slider = tns({
|
||||
container: x,
|
||||
items: 3,
|
||||
controls: true,
|
||||
controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
|
||||
responsive: {
|
||||
300: {
|
||||
edgePadding: 20,
|
||||
gutter: 20,
|
||||
items: 1
|
||||
},
|
||||
700: {
|
||||
gutter: 30
|
||||
},
|
||||
900: {
|
||||
items: 3
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Array.from(x.children).forEach( y => {
|
||||
if (y.id !== '')
|
||||
i++
|
||||
});
|
||||
|
||||
if (i < 4 ) {
|
||||
if (i !== 1 && window.screen.availWidth < 700) console.log("not destroyed")
|
||||
else slider.destroy()
|
||||
}
|
||||
})
|
||||
function filterCarousel(x, element) {
|
||||
document.querySelectorAll(".dashboard-carousel-wrapper").forEach(y => {
|
||||
if (y.id.includes(x)) {
|
||||
y.classList.remove('np-hidden');
|
||||
}
|
||||
|
||||
else {
|
||||
y.classList.add('np-hidden');
|
||||
}
|
||||
})
|
||||
|
||||
if(element.classList.contains('filter-category-mobile')){
|
||||
document.querySelector('.filter-category-active-mobile').classList.remove('filter-category-active-mobile');
|
||||
element.classList.add('filter-category-active-mobile');
|
||||
} else {
|
||||
document.querySelector('.filter-category-active').classList.remove('filter-category-active');
|
||||
element.classList.add('filter-category-active');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,18 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
|
||||
<!-- carousel -->
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
||||
|
||||
|
||||
<!--Tiny slider-->
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
|
||||
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/min/tiny-slider.helper.ie8.js"></script><![endif]-->
|
||||
<!-- NOTE: prior to v2.2.1 tiny-slider.js need to be in <body> -->
|
||||
@ -0,0 +1,49 @@
|
||||
<div class="carousel-container">
|
||||
<div class="lp-carousel-wrapper " id="carousel-lp-enrolled">
|
||||
{% if learning_paths.available.any?%}
|
||||
<div class="lp-carousel row" >
|
||||
{% for learning_path in learning_paths.available %}
|
||||
{% include "cards_learning_path_carousel" %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
document.querySelectorAll('.lp-carousel').forEach( x => {
|
||||
var i = 0
|
||||
|
||||
var slider = tns({
|
||||
container: x,
|
||||
items: 3,
|
||||
controls: true,
|
||||
controlsText: ['<i class="fal fa-chevron-left left-arrow"></i>', '<i class="fal fa-chevron-right right-arrow"></i>'],
|
||||
responsive: {
|
||||
300: {
|
||||
edgePadding: 20,
|
||||
gutter: 20,
|
||||
items: 1
|
||||
},
|
||||
700: {
|
||||
gutter: 30
|
||||
},
|
||||
900: {
|
||||
items: 3
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Array.from(x.children).forEach( y => {
|
||||
if (y.id !== '')
|
||||
i++
|
||||
});
|
||||
|
||||
if (i < 4 ) {
|
||||
if (i !== 1 && window.screen.availWidth < 700) console.log("not destroyed")
|
||||
else slider.destroy()
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,5 @@
|
||||
<div class="np-dashboard-resources">
|
||||
{% for training_event in training_events.enrolled %}
|
||||
{% include "cards_training_event" with training_event %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -0,0 +1,86 @@
|
||||
|
||||
<header class="np-header" style="background-color:#ffffff">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
|
||||
</div>
|
||||
|
||||
<h1 class="np-header-logo">
|
||||
<img alt="Swift Academy" class="np-header-logo-image" src="https://cdn.amedisys.com/img/horizLogo.svg">
|
||||
</a>
|
||||
</h1>
|
||||
|
||||
|
||||
<div class="np-hidden-mobile np-header-desktop-nav">
|
||||
<ul class="np-header-desktop-nav-list">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</header>
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
|
||||
|
||||
<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
|
||||
|
||||
<div class="np-resource-title center ">Onboarding Resources for Amedisys</div>
|
||||
<div class="np-flex-center row center mt-3">
|
||||
<div class="col-xs-12 col-md-6 col-lg-6 np-stretch-content" >
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Swift Ready Certificate! For Amedisys " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDYsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:f4534d2dd1c9d1d63fe3c98a7bd03fcc0bba8b9b4dedd70bf32acb2467836634/flHIUxMQ9SToxx0xpxdg">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Ready Certificate! For Amedisys
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/ff8feb8a-015d-46c2-a7cb-d653a158740d">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<hr class="mt-3">
|
||||
|
||||
<div class="np-resource-title center mt-3 col-12">1-Pager for Amedisys</div>
|
||||
|
||||
<object data="https://info.swiftmedical.com/hubfs/Instructional%20Video/1-Pager-HCHB-Login.pdf"
|
||||
width="100%"
|
||||
height="1000px">
|
||||
</object>
|
||||
<hr class="mt-3">
|
||||
|
||||
<div class="np-resource-title center mt-3 col-12">5 Minute Onboarding and Informational Video </div>
|
||||
<div class="np-homepage-featured-text mt-3">
|
||||
<div class="center ">
|
||||
<video class="small-shadow" width="100%" height="auto" poster="http://swiftmedical.com/wp-content/uploads/2019/10/swiftmedical.jpg" controls>
|
||||
<source src="https://info.swiftmedical.com/hubfs/Instructional%20Video/WorkForSandy-No-Am.mp4" />
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
<footer class="np-footer">
|
||||
</footer>
|
||||
|
||||
@ -0,0 +1,233 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-catalog np-subpage-container np-max-width">
|
||||
<div class="np-catalog-header-wrapper">
|
||||
<header class="filtters-wrapper">
|
||||
<div class="header-container">
|
||||
<div class="heading">
|
||||
Swift Skin and Wound Training Resources
|
||||
</div>
|
||||
<div class="sub-heading">
|
||||
Explore key courses and content to learn the basic features within Swift Skin and Wound. Have a problem or a question? Explore the Swift Resources for a quick answer.
|
||||
</div>
|
||||
<div class="cta-filters default-swapper">
|
||||
<div class="cta-courses" onclick="filterCarousel('onboarding')">
|
||||
<div class="cta-courses-text">Onboarding Courses</div>
|
||||
</div>
|
||||
<div class="cta-resources" onclick="filterCarousel('resources')">
|
||||
<div class="cta-resources-text">Swift Resources</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cta-filters mobile-swapper">
|
||||
<div class="cta-courses cta-courses-mobile" onclick="filterCarousel('onboarding')">
|
||||
<div class="cta-courses-text cta-courses-text-mobile">Onboarding Courses</div>
|
||||
</div>
|
||||
<div class="cta-resources cta-resources-mobile" onclick="filterCarousel('resources')">
|
||||
<div class="cta-resources-text cta-resources-text-mobile">Swift Resources</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
{% capture label %}{% t shared.filters.by_category %}{% endcapture %}
|
||||
</div>
|
||||
|
||||
<div class="carousel-container col-xs-12">
|
||||
<div class="catalog-carousel-wrapper" id="carousel-courses-onboarding">
|
||||
{% assign is_onboarding = false %}
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="catalog-carousel row">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% assign categories_name = course.categories | map: 'name'| join: ' '%}
|
||||
{% if categories_name contains 'Onboarding' %}
|
||||
{% assign is_onboarding = true %}
|
||||
{% include "cards_course" with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carousel-container">
|
||||
<div class="catalog-carousel-wrapper np-hidden" id="carousel-courses-resources">
|
||||
{% assign is_resources = false %}
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="catalog-carousel row">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% assign categories_name = course.categories | map: 'name'| join: ' ' %}
|
||||
{% if categories_name contains 'Resources' %}
|
||||
{% assign is_resources = true %}
|
||||
{% include "cards_course" with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{%
|
||||
include 'catalog_carousel',
|
||||
heading: "Open Access Courses",
|
||||
sub_heading: "Explore key features found in Swift Skin and Wound",
|
||||
category_name: "open access",
|
||||
class_name: "open-access"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'catalog_carousel',
|
||||
heading: "Swift Features - Mini Courses",
|
||||
sub_heading: "Explore key features found in Swift Skin and Wound",
|
||||
category_name: "swift features",
|
||||
class_name: "swift-features"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'catalog_carousel',
|
||||
heading: "Device Specific Courses",
|
||||
sub_heading: "Looking for content that only includes iOS or Android? Explore the courses below.",
|
||||
category_name: "device specific",
|
||||
class_name: "device-specific"
|
||||
%}
|
||||
|
||||
</main>
|
||||
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.rounded {
|
||||
border-radius: 5px;
|
||||
margin-top: 4rem;
|
||||
margin-bottom: 4rem;
|
||||
height: 5px;
|
||||
border: none;
|
||||
background: #00000021;
|
||||
}
|
||||
|
||||
.heading {
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
font-weight: 700;
|
||||
color: #000;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.sub-heading {
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
color: #000;
|
||||
margin-bottom: 56px;
|
||||
}
|
||||
|
||||
.cta-courses-text {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.cta-resources-text {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.cta-filters {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.tns-item {
|
||||
flex-basis: auto;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 550px){
|
||||
.heading {
|
||||
font-size: 30px;
|
||||
line-height: 34px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.sub-heading {
|
||||
font-size: 22px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 565px){
|
||||
.default-swapper {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.mobile-swapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cta-courses {
|
||||
border-radius: 9px 0 0 9px;
|
||||
}
|
||||
|
||||
.cta-filters {
|
||||
margin-bottom: 42px;
|
||||
}
|
||||
|
||||
.cta-resources {
|
||||
border-radius: 0px 9px 9px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.heading {
|
||||
font-size: 40px;
|
||||
line-height: 47px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.sub-heading {
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<script>
|
||||
function filterCarousel(x) {
|
||||
document.querySelectorAll(".catalog-carousel-wrapper").forEach(y => {
|
||||
if (y.id.includes(x)) {
|
||||
y.classList.remove('np-hidden');
|
||||
backgroundColor();
|
||||
}
|
||||
else {
|
||||
y.classList.add('np-hidden');
|
||||
removeBackgroundColor();
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
function backgroundColor() {
|
||||
document.querySelector('.cta-courses').style.backgroundColor = '#fff'
|
||||
document.querySelector('.cta-courses-mobile').style.backgroundColor = '#fff'
|
||||
document.querySelector('.cta-courses-text').style.color = '#000'
|
||||
document.querySelector('.cta-courses-text-mobile').style.color = '#000'
|
||||
|
||||
|
||||
|
||||
document.querySelector('.cta-resources').style.backgroundColor = '#2356B2'
|
||||
document.querySelector('.cta-resources-mobile').style.backgroundColor = '#2356B2'
|
||||
document.querySelector('.cta-resources-text').style.color = '#fff'
|
||||
document.querySelector('.cta-resources-text-mobile').style.color = '#fff'
|
||||
}
|
||||
function removeBackgroundColor() {
|
||||
document.querySelector('.cta-courses').style.backgroundColor = '#2356B2'
|
||||
document.querySelector('.cta-courses-mobile').style.backgroundColor = '#2356B2'
|
||||
document.querySelector('.cta-courses-text').style.color = '#fff'
|
||||
document.querySelector('.cta-courses-text-mobile').style.color = '#fff'
|
||||
|
||||
document.querySelector('.cta-resources').style.backgroundColor = '#fff'
|
||||
document.querySelector('.cta-resources-mobile').style.backgroundColor = '#fff'
|
||||
document.querySelector('.cta-resources-text').style.color = '#000'
|
||||
document.querySelector('.cta-resources-text-mobile').style.color = '#000'
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,99 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-dashboard np-subpage-container-dashboard np-max-width">
|
||||
|
||||
<header>
|
||||
<div class="header-container">
|
||||
<div class="header-left-side">
|
||||
<div class="heading">
|
||||
Welcome {{current_person.first_name}},
|
||||
</div>
|
||||
<div class="sub-heading">
|
||||
This is your dashboard. Explore courses you have started and courses you have been assigned.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% include 'dashboard_carousel' %}
|
||||
|
||||
<hr class="rounded">
|
||||
<div class="filter-heading">
|
||||
<div class="heading">My Learning Paths</div>
|
||||
</div>
|
||||
{% include 'learning_paths_carousel' %}
|
||||
|
||||
{% if training_events.enrolled.any? %}
|
||||
<hr class="rounded">
|
||||
<div class="filter-heading">
|
||||
<div class="heading">Events</div>
|
||||
{% include "training_events_dashboard" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.tns-item {
|
||||
flex-basis: auto;
|
||||
}
|
||||
|
||||
.rounded {
|
||||
border-radius: 5px;
|
||||
margin-top: 4rem;
|
||||
margin-bottom: 4rem;
|
||||
height: 5px;
|
||||
border: none;
|
||||
background: #00000021;
|
||||
}
|
||||
.header-container {
|
||||
display: flex;
|
||||
gap: 2rem;
|
||||
}
|
||||
.heading {
|
||||
font-size: 40px;
|
||||
font-weight: 700;
|
||||
color: #000;
|
||||
line-height: 47px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.sub-heading {
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
color: #000;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.filter-categories-container {
|
||||
width: 100%;
|
||||
}
|
||||
.filter-category {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 1rem 0;
|
||||
background: #fff;
|
||||
border: 2px solid #0057b8;
|
||||
font-weight: 800;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
|
||||
.header-right-side {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.awards-heading {
|
||||
font-size: 1.3rem;
|
||||
font-weight: 700;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@ -2,8 +2,9 @@
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-homepage">
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
<div class="np-homepage-hero" style="background-color: #F3F3F6; /* For browsers that do not support gradients */
|
||||
background-image: linear-gradient(to bottom right, #6E9FD7, #F3F3F6); display: flex;">
|
||||
<img class="np-homepage-hero-image col-4" style="align-content: right;"
|
||||
src="{{ homepage.artwork_url }}"
|
||||
alt="{{ homepage.headline }}"
|
||||
/>
|
||||
@ -15,7 +16,7 @@
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
<div class="row">
|
||||
<a class="np-homepage-hero-cta np-button col-xs-5 col-md-4 col-lg-3 np-stretch-content swiftPink-button mr-1" href="{% route learning_path %}">
|
||||
<a class="np-homepage-hero-cta np-button col-xs-5 col-md-4 col-lg-3 np-stretch-content swiftPink-button mr-1" href="https://swiftacademy.northpass.com/app/learning_paths/bcc9d2dd-1af6-4e4c-b178-cbbd03fa57c4">
|
||||
Swift 101
|
||||
</a>
|
||||
<a class="np-homepage-hero-cta np-button col-xs-5 col-md-4 col-lg-3 np-stretch-content ml-1" href="{% route catalog %}">
|
||||
@ -72,12 +73,6 @@
|
||||
<div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
|
||||
<img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileRob-1.png">
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
|
||||
<img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileJose-1.png">
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content ">
|
||||
<img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileEmma-1.png">
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-4 col-lg-3 np-stretch-content">
|
||||
<img class="np-card-image" src="https://info.swiftmedical.com/hubfs/+%20People%20Photos,%20Headshots/ProfileDebra-1.png">
|
||||
</div>
|
||||
|
||||
@ -0,0 +1,75 @@
|
||||
<style>
|
||||
.np-sub-navigation{
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
{% include "sub_navigation" %}
|
||||
|
||||
<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
|
||||
|
||||
<div class="np-resource-title center">Select your live course and complete to earn your Credential</div>
|
||||
<div class="mt-3 np-flex-center row center ">
|
||||
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" order="999">
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Swift Ready - Live With Trainer Activities" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/tf7kfverTzWltfsmDae0">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Ready - Live With Trainer Activities
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/a2e7216b-9225-40b6-a4ca-82daab981a38">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" order="999">
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Swift Certified - Live With Trainer Activities" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/Aphl5coyQGa9Syy3nQsm">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Certified - Live With Trainer Activities
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/5aa462cb-fc99-4ed1-9192-527a82452d0a">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
@ -0,0 +1,62 @@
|
||||
<main class="np-main np-box-container">
|
||||
<div class="np-box">
|
||||
{% include "header_minimal" %}
|
||||
<div class="np-box-content-container">
|
||||
<form class="np-form np-box-content" action="{% route login %}" method="post" novalidate>
|
||||
{% form_authenticity_token %}
|
||||
<div class="np-form-field">
|
||||
<label class="np-input-label" for="learner_email">
|
||||
{% t shared.email_address %}
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
autofocus="autofocus"
|
||||
type="email"
|
||||
name="learner[email]"
|
||||
id="learner_email"
|
||||
>
|
||||
</div>
|
||||
<div class="np-form-field">
|
||||
<label class="np-input-label" for="learner_password">
|
||||
{% t shared.password %}
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
type="password"
|
||||
name="learner[password]"
|
||||
id="learner_password"
|
||||
>
|
||||
</div>
|
||||
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
|
||||
{% t shared.sign_in %}
|
||||
</button>
|
||||
<a class="np-form-link np-button-color" href="{% route forgot_password_new %}">
|
||||
{% t .forgot_password %}
|
||||
</a>
|
||||
{% if features.account_creation? %}
|
||||
<a class="np-form-link np-button-color" href="{% route sign_up %}">
|
||||
{% t shared.sign_up %}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if features.request_access? %}
|
||||
<a
|
||||
class="np-form-link np-button-color"
|
||||
target="_blank"
|
||||
href="{{ current_school.request_access_link }}"
|
||||
>
|
||||
{{ current_school.request_access_label }}
|
||||
</a>
|
||||
{% endif %}
|
||||
</form>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="np-box-content-container">
|
||||
<a class="np-form-link np-button-color" href="mailto:education@swiftmedical.io">
|
||||
Need a Swift Academy account? Email education@swiftmedical.io to get started
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
@ -16,7 +16,7 @@
|
||||
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Swift Ready Certificate! " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4MTc2NTgxODYsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:e46307533eed333042c2bf43528534455694e9c127687a2d0c09f991b5c86bd9/epXrIST9G02cKRTiCEAe">
|
||||
<img class="np-card-image" alt="Swift Ready Certificate! " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/epXrIST9G02cKRTiCEAe">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Ready Onboarding
|
||||
@ -45,7 +45,7 @@
|
||||
Certification
|
||||
</div>
|
||||
|
||||
<img class="np-card-image" alt="Mobile Swift Skin and Wound Onboarding " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4MTc2NTgxODYsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:e46307533eed333042c2bf43528534455694e9c127687a2d0c09f991b5c86bd9/nJIddCaeQ5qxzUuf7Wti">
|
||||
<img class="np-card-image" alt="Mobile Swift Skin and Wound Onboarding " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/nJIddCaeQ5qxzUuf7Wti">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Skin and Wound Certification
|
||||
|
||||
@ -0,0 +1,145 @@
|
||||
|
||||
<header class="np-header" style="background-color:#ffffff">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
|
||||
</div>
|
||||
|
||||
<h1 class="np-header-logo">
|
||||
<a href="/app">
|
||||
<img alt="Swift Academy" class="np-header-logo-image" src="https://cdn.pointclickcare.com/wp-content/themes/PointClickCare-theme-1.0.0/assets/images/PointClickCareLogo.svg">
|
||||
</a>
|
||||
</h1>
|
||||
|
||||
|
||||
<div class="np-hidden-mobile np-header-desktop-nav">
|
||||
<ul class="np-header-desktop-nav-list">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</header>
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
|
||||
<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
|
||||
|
||||
<div class="np-resource-title center">Start Exploring the PCC Skin and Wound Content Here </div>
|
||||
<p> </p>
|
||||
<br>
|
||||
<div class="np-hidden-mobile" id="course-desktop">
|
||||
<div class="np-card-container">
|
||||
<div class="np-resource-header np-course-header np-card-padding-large">
|
||||
<div class="np-top-vocabulary np-text-title np-text-muted">
|
||||
course
|
||||
<i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
|
||||
</i>
|
||||
</div>
|
||||
<div class="np-top-title">
|
||||
<a href="/app" class="np-back-button" aria-label="Go Back">
|
||||
<i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
|
||||
</a>
|
||||
PointClickCare Onboarding
|
||||
</div>
|
||||
<img src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/tknXgflzTVer8uJ46fam" class="np-top-image np-hidden-desktop" alt="PointClickCare Onboarding">
|
||||
|
||||
</div>
|
||||
<div class="np-divider"></div>
|
||||
<div class="row np-course-content np-card-padding-dynamic">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<img src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/tknXgflzTVer8uJ46fam" class="np-top-image np-top-image-spacing" alt="PointClickCare Onboarding">
|
||||
<h3 class="np-card-heading">
|
||||
About the Course
|
||||
</h3>
|
||||
<div class="np-card-text">
|
||||
<p id="isPasted">Within this module, you will learn about some of the key elements of Swift Skin and Wound and how to use these on an iOS device. </p><p>Key Elements explored in this course: </p><ul>
|
||||
<li>How to get started and login </li>
|
||||
<li>Locating and identifying a patient chart </li>
|
||||
<li>How to take wound images </li>
|
||||
<li>Reviewing wound images </li>
|
||||
<li>How to complete wound documentation</li>
|
||||
</ul><p>You will be able to walkthrough an example showing the key elements of the app and how to use them. While exploring the documentation use the Swift Skin and Wound application on your iOS device. </p><p>Estimated time to complete the module: 1-2 hours </p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-6">
|
||||
<div class="np-top-cta">
|
||||
<div class="np-top-cta-progress-content">
|
||||
<div class="np-top-cta-progress-title np-text-title">
|
||||
Course Progress
|
||||
</div>
|
||||
<div class="np-progress-bar-container">
|
||||
<div style="width: 0%" class="np-button-background-color np-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-top-cta-progress-text
|
||||
np-button-color
|
||||
">
|
||||
Not started
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-top-button np-button-font-color np-button np-button-big" href="/courses/4236bd1b-349a-4747-afd3-3f16a3d77072">
|
||||
|
||||
Start Course
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="np-course-outline">
|
||||
<div class="np-text-title np-course-outline-title">
|
||||
Course Outline
|
||||
</div>
|
||||
<div class="np-course-outline-content">
|
||||
<ol class="np-course-outline-content-section">
|
||||
|
||||
<li class="np-course-outline-content-section-list">
|
||||
<div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold">
|
||||
PointClickCare Onboarding
|
||||
</div>
|
||||
<ol class="np-course-outline-content-activity">
|
||||
|
||||
|
||||
<li class="np-course-outline-content-activity-list">
|
||||
|
||||
<i class="far fa-circle np-course-outline-content-activity-icon"></i>
|
||||
|
||||
|
||||
<a href="/courses/4236bd1b-349a-4747-afd3-3f16a3d77072/activities/ee0a1636-5147-40b0-a751-3a0381112475" class="np-course-outline-content-activity-link">
|
||||
PointClickCare Onboarding
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
<div class="np-course-outline-content-activity-list-bar"></div>
|
||||
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
@ -0,0 +1,178 @@
|
||||
<style>
|
||||
.np-sub-navigation{
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
{% include "sub_navigation" %}
|
||||
|
||||
<main class="np-main np-subpage-container np-max-width np-flex-center justify-content-center">
|
||||
|
||||
<div class="np-resource-title center ">Onboarding Courses for the Sales Team</div>
|
||||
<div class="np-flex-center row center mt-3">
|
||||
<div class="col-xs-12 col-md-6 col-lg-6 np-stretch-content" >
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Swift Ready Certificate! " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/epXrIST9G02cKRTiCEAe">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Complete this course to learn the basics of capturing a wound in 30 Minutes!
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/d94dce02-b3f7-4107-9918-d28a9fbb490b">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-flex-center row center ">
|
||||
<div class="col-xs-12 col-md-6 col-lg-6 np-stretch-content" >
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<div class="np-card-ribbon">
|
||||
Certification
|
||||
</div>
|
||||
|
||||
<img class="np-card-image" alt="Dashboard Swift Skin and Wound Onboarding " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/0x5J2ga3SeqJ0pDpePeW">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Complete the Dashboard Swift Skin and Wound Onboarding to learn about how to use the dashboard with Swift Skin and Wound.
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/b3d2c27c-8147-4176-a383-9ded5579d40b">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-resource-title center mt-3 col-12">Additional courses to explore selected for the sales team </div>
|
||||
|
||||
<div class="np-flex-center row center mt-3">
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" >
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<div class="np-card-ribbon">
|
||||
Certification
|
||||
</div>
|
||||
|
||||
<img class="np-card-image" alt="Swift Certified - Skin and Wound" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/60pUKoKSWy1V50b3IQbA">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Certified - Skin and Wound
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/f6d97a14-a990-4435-a3d9-939d044c19a8">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" >
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Swift Resource Center " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/iO0npr3QQey7TMuxQtvY">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Swift Resource Center
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/5997f88e-42ed-4a2b-9925-2d3c4b1efbf8">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
|
||||
<img class="np-card-image" alt="Full Wound Workflow in 5 Minutes " src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4Mjg1NDQwNDcsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:3eaa39322f5aef1983d83f6d2cd22ad6578b948a472c879c0d546520e21ccc99/IfrlhxVsQJ23TbaApfQX">
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
Full Wound Workflow in 5 Minutes
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
Not started
|
||||
</div>
|
||||
|
||||
|
||||
<a class="np-button np-button-wide" href="/app/courses/9627a661-bb26-497f-a768-dda8237c46d6">
|
||||
View
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<div class="np-resource-title justify-content-center center">Looking for more content? </div>
|
||||
<div class="np-resource-subtitle center">Explore the catalog for a full selection of courses that are available </div>
|
||||
<div class="np-sub-navigation-content-item np-sub-navigation-content-item-active">
|
||||
<a class="np-sub-navigation-content-item-link" href="/app/catalog">
|
||||
<i class="far fa-graduation-cap np-button-color np-sub-navigation-content-item-icon"></i>
|
||||
Catalog
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
@ -45,7 +45,7 @@
|
||||
}
|
||||
|
||||
.small-shadow{
|
||||
border: 2px solid #333333;
|
||||
border: 2px solid #888888;
|
||||
box-shadow: 3px 3px 3px #888888;
|
||||
border-radius: 5px;
|
||||
}
|
||||
@ -66,7 +66,9 @@
|
||||
.np-card-content-progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* .np-card-content {
|
||||
min-height: 170px;
|
||||
} */
|
||||
.np-top-cta-progress-content {
|
||||
display: none;
|
||||
}
|
||||
@ -95,4 +97,311 @@
|
||||
.np-learning-path-image {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.lp-carousel-wrapper {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.card-carousel-container {
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: 4px;
|
||||
box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
|
||||
}
|
||||
|
||||
.card-carousel {
|
||||
padding: 40px;
|
||||
}
|
||||
/* carousel */
|
||||
|
||||
[data-controls="prev"], [data-controls="next"] {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.fa-arrow-circle-left {
|
||||
font-size: 2rem;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.fa-arrow-circle-right {
|
||||
font-size: 2rem;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.tns-nav-active{
|
||||
display:none;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
border: 50%;
|
||||
border-radius: 50%;
|
||||
border: none;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.tns-outer [aria-controls], .tns-outer [data-action] {
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
border: 50%;
|
||||
border-radius: 50%;
|
||||
border: none;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.carousel-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tns-controls {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
transform: translate(0,-50%);
|
||||
display: flex !important;
|
||||
justify-content: space-between;
|
||||
z-index: 11;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
.left-arrow {
|
||||
position: relative;
|
||||
left: -50px;
|
||||
}
|
||||
.tns-nav {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translate(-50%,0);
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.filter-section {
|
||||
margin-bottom:57px;
|
||||
}
|
||||
|
||||
.np-card-ribbon {
|
||||
left: unset;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.np-homepage-hero-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
div.row:nth-child(3) {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.filter-category-active{
|
||||
background: #0057b8 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.left-arrow, .right-arrow {
|
||||
font-weight: 100;
|
||||
color: #D9D9D9;
|
||||
font-size: 7rem;
|
||||
|
||||
}
|
||||
|
||||
.lp-button-card {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cta-courses-text{
|
||||
font-weight: 700;
|
||||
font-size: 32px;
|
||||
line-height: 30px;
|
||||
padding: 1rem 9px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cta-resources-text{
|
||||
font-weight: 700;
|
||||
font-size: 32px;
|
||||
line-height: 38px;
|
||||
padding: 1rem 32px;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.filter-category, .cta-courses-text, .cta-resources-text {
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cta-filtters {
|
||||
height: 70px !important;
|
||||
}
|
||||
|
||||
.left-arrow, .right-arrow {
|
||||
font-weight: 100;
|
||||
font-size: 5rem;
|
||||
|
||||
}
|
||||
.left-arrow {
|
||||
position: relative;
|
||||
left: -31px;
|
||||
}
|
||||
.np-subpage-container-dashboard {
|
||||
padding: 30px 40px 60px 40px !important;
|
||||
}
|
||||
.np-subpage-container {
|
||||
padding: 20px 40px !important;
|
||||
}
|
||||
/* .np-card-content {
|
||||
max-height: 140px;
|
||||
} */
|
||||
|
||||
}
|
||||
|
||||
.np-subpage-container-dashboard {
|
||||
padding: 43px 100px;
|
||||
}
|
||||
|
||||
.np-carousel {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
|
||||
.filtters-wrapper, .heading-carousel-section {
|
||||
width: 90%;
|
||||
}
|
||||
.np-catalog-header-wrapper, .carousel-text-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 770px) {
|
||||
.filtters-wrapper, .heading-carousel-section {
|
||||
width: 100%;
|
||||
}
|
||||
.lp-np-card-content {
|
||||
min-height: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.cta-filtters {
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
.np-subpage-container {
|
||||
padding: 50px 100px 100px;
|
||||
}
|
||||
|
||||
.button-wide {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.lp-card-footer-container {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.lp-np-card-content {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
min-height:
|
||||
}
|
||||
.lp-button-card {
|
||||
align-items: flex-end;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
|
||||
/* Styles specifically pertaining to mobile optimizations of course filter buttons and cards at dashboard and catalog */
|
||||
|
||||
.default-swapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobile-swapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
/* Dashboard Filters */
|
||||
.filter-category-active-mobile {
|
||||
background: #0057b8 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#cat1-mobile,
|
||||
#cat2-mobile,
|
||||
#cat3-mobile{
|
||||
border-radius: 8px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* Dashboard Cards */
|
||||
.np-card-content-subtitle{
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
/* Catalog filters */
|
||||
.cta-courses-mobile,
|
||||
.cta-courses {
|
||||
border: 1px solid #2356B2;
|
||||
border-radius: 9px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: #2356B2;
|
||||
}
|
||||
|
||||
.cta-courses-mobile{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.cta-resources {
|
||||
background: #fff;
|
||||
border: 1px solid #2356B2;
|
||||
border-radius: 9px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#tns2 > .tns-item{
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#tns2 > .tns-item > .card-carousel-container{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 565px){
|
||||
.default-swapper {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.mobile-swapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cta-courses {
|
||||
border-radius: 9px 0 0 9px;
|
||||
}
|
||||
|
||||
.cta-filters {
|
||||
margin-bottom: 42px;
|
||||
}
|
||||
|
||||
.cta-resources {
|
||||
border-radius: 0px 9px 9px 0px;
|
||||
}
|
||||
}
|
||||
@ -132,3 +132,10 @@ Questions:
|
||||
also go through a LinkedIn Learning video on "CS fundamentals". He wants it to be "presented" to learners as a
|
||||
seamless experience in learning.
|
||||
* Manju: can he take LinkedIn Learning analytics into Northpass? No.
|
||||
|
||||
## 06/29/2023
|
||||
|
||||
### Random Questions and Tasks
|
||||
|
||||
TODO: Can "allow retakes" default to yes for all newly created courses?
|
||||
|
||||
|
||||
@ -196,9 +196,9 @@ The team wants a proof of concept to see what an embed looks like.
|
||||
|
||||
Her logins to sample:
|
||||
|
||||
"https://www.myadamath.com/login"
|
||||
"<https://www.myadamath.com/login>"
|
||||
bigideasmath.com
|
||||
UN: smontiel@larsontexts.com
|
||||
UN: <smontiel@larsontexts.com>
|
||||
PW: BigIdeas!
|
||||
|
||||
Redesign.
|
||||
@ -255,3 +255,22 @@ Wants the Learning Path Analysis combined with Course Popularity. Basically, LP
|
||||
* How many were "enrolled" in the learning path.
|
||||
* Unique learner's don't matter
|
||||
TODO: Create above report for Sophia in Looker.
|
||||
|
||||
## 06/29/2023
|
||||
|
||||
### Project Updates & Bandwidth
|
||||
|
||||
* First we need to meet with Ruben and Chris to give us context and direction.
|
||||
TODO: Norm to follow up and update Ruben and Chris. Schedule separate meetings, include Sophia.
|
||||
* Sophia will be giving Jason data on a [monthly](2023-06-29_monthly.md) basis. Data points she is delivering:
|
||||
* Number of districts that have access to Northpass - number of groups even with 0 members.
|
||||
* Number of activated learners within each group.
|
||||
* Number by account tier & additional training (SFDC)
|
||||
* How many learners were active year to date.
|
||||
* Number of active learners last month.
|
||||
* Number of learners that have completed each learning path.
|
||||
* Number of learners that have completed the LP YTD and Last Month.
|
||||
* *YTD = May 1, 2022 - May 1, 2023*
|
||||
* Number of learners that < 100%.
|
||||
|
||||
Filters for Multiple
|
||||
|
||||
Reference in New Issue
Block a user