Larson Notes and updated a bunch of templates for Artera.
This commit is contained in:
Norm Rasmussen
@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user