marketscale
This commit is contained in:
Norm Rasmussen
BIN
NP_Custom_Templates/customer_templates/.DS_Store
vendored
Normal file
BIN
NP_Custom_Templates/customer_templates/.DS_Store
vendored
Normal file
Binary file not shown.
@ -0,0 +1,54 @@
|
||||
<!-- Main Course PUBLIC Catalog Page: /catalog -->
|
||||
|
||||
<!-- CSS in ...? -->
|
||||
|
||||
<!-- Redirect in Place replacing all instances of {{ course.cover_path }} with {{ course.outline_path }} -->
|
||||
|
||||
<li class="uk-width-large-1-3 uk-width-medium-1-2 uk-width-small-1-1 uk-margin-large-bottom school-website-course-tile">
|
||||
<div class="uk-panel uk-panel-box uk-panel-box-secondary uk-border">
|
||||
{% if course.ribbon %}
|
||||
<div class="uk-panel-badge uk-badge">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="uk-panel-teaser">
|
||||
{% if current_person.enrolled_in_course? %}
|
||||
<a href="{{ course.outline_path }}" class="main-link">
|
||||
<img src="{{ course.list_image_url }}" class="uk-responsive-width uk-width-1-1">
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="{{ course.details_path }}" class="main-link">
|
||||
<img src="{{ course.list_image_url }}" class="uk-responsive-width uk-width-1-1">
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if current_school.filtering_enabled? %}
|
||||
<span>
|
||||
{{ course.course_category_names }}
|
||||
</span>
|
||||
{% endif %}
|
||||
<h3 class="uk-panel-title uk-margin-bottom-remove">
|
||||
{% if current_person.enrolled_in_course? %}
|
||||
<a href="{{ course.outline_path }}" data-test="course-name">{{ course.name }}</a>
|
||||
{% else %}
|
||||
<a href="{{ course.details_path }}" data-test="course-name">{{ course.name }}</a>
|
||||
{% endif %}
|
||||
</h3>
|
||||
<p class="uk-margin-small-top uk-margin-large-bottom">{{ course.instructor_names }}</p>
|
||||
{% if current_person.enrolled_in_course? %}
|
||||
<p class="uk-margin-small-bottom">{{ course.progress_text }}</p>
|
||||
<a href="{{ course.outline_path }}"
|
||||
class="uk-button uk-button-primary school-website-course-tile-action uk-position-bottom-right"
|
||||
data-test="go-to-course-button">{{ course.go_to_label }}</a>
|
||||
{% else %}
|
||||
<a href="{{ course.details_path }}"
|
||||
class="uk-button uk-button-outline school-website-course-tile-action uk-position-bottom-right">
|
||||
{% if current_school.apps.commerce.active? %}
|
||||
{{ course.formatted_price }}
|
||||
{% else %}
|
||||
{{ course.view_label }}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</li>
|
||||
@ -0,0 +1,61 @@
|
||||
<footer class="uk-padding-large-vertical uk-border-top">
|
||||
<div class="uk-container uk-container-center">
|
||||
<div class="uk-grid uk-padding-large-left uk-padding-large-right">
|
||||
<div class="uk-width-small-1-1 uk-width-medium-7-10 uk-margin-bottom">
|
||||
{% if website_footer.show_navigation_links? %}
|
||||
<nav>
|
||||
<ul class="uk-margin-bottom-remove uk-text-center-small">
|
||||
{% for website_navigation in footer_navigations %}
|
||||
<li>
|
||||
<a href="{{ website_navigation.path }}" {%
|
||||
if
|
||||
website_navigation.external?
|
||||
%} target="_blank" {%
|
||||
endif
|
||||
%}>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
{% endif %} {% if website_footer.show_customer_service_email? and
|
||||
website_footer.school_customer_service_email %}
|
||||
<p class="uk-text-center-small">
|
||||
{% t .need_help %} {% t .email %}
|
||||
<a href="mailto:{{ website_footer.school_customer_service_email }}">
|
||||
{{ website_footer.school_customer_service_email }}
|
||||
</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div
|
||||
class="{% if website_footer.show_customer_service_email? or website_footer.show_navigation_links? %}uk-width-medium-3-10{% else %}uk-width-medium-1-1{% endif %}">
|
||||
{% if website_footer.show_social_media_links? %}
|
||||
<nav class="social-links">
|
||||
<ul
|
||||
class="uk-margin-bottom-remove {% if website_footer.show_customer_service_email? or website_footer.show_navigation_links? %}uk-text-right {% else %}uk-text-center {% endif %} uk-text-center-small">
|
||||
{% for social_media_link in website_footer.social_media_links %}
|
||||
<li>
|
||||
<a href="{{ social_media_link.link }}" class="{{ social_media_link.name }}" target="_blank"
|
||||
title="{{ social_media_link.name }}">
|
||||
<i class="uk-icon-{{ social_media_link.name }}"></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$("ul.uk-grid li .uk-panel p.uk-margin-small-bottom").addClass("grid-progress");
|
||||
$("ul.uk-grid li .uk-panel p.uk-margin-small-top.uk-margin-large-bottom").addClass("grid-metadata");
|
||||
if ($('ul.uk-grid li').length < 3) { $('ul.uk-grid').addClass('grid-centered') };
|
||||
});
|
||||
</script>
|
||||
</footer>
|
||||
@ -0,0 +1,38 @@
|
||||
<!-- HEAD SECTION <head> -->
|
||||
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
|
||||
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,700,800&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<script
|
||||
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
|
||||
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<script
|
||||
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
|
||||
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
|
||||
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
|
||||
<link
|
||||
rel="stylesheet"
|
||||
media="all"
|
||||
href="{{ routes.schoolkeep_v3_styles_url }}"
|
||||
/>
|
||||
<link rel="stylesheet" media="all" href="{{ routes.color_scheme_path }}" />
|
||||
|
||||
{% if current_school.has_custom_styles? %}
|
||||
<link rel="stylesheet" media="all" href="{{ routes.custom_styles_path }}" />
|
||||
{% endif %}
|
||||
@ -0,0 +1,130 @@
|
||||
<!-- Main Course GATED Outline Page: /courses/xxx/cover (two columns - featured image left, course outline right)-->
|
||||
|
||||
<!-- CSS in dashboard -->
|
||||
|
||||
<header class="uk-navbar uk-navbar-attached uk-border-bottom learning-header slide">
|
||||
<div class="uk-navbar-flip">
|
||||
<ul class="uk-navbar-nav">
|
||||
<li>
|
||||
<a href="{{ routes.my_content_path }}" class="uk-border-left uk-button-small">{% t .exit %}</a>
|
||||
</li>
|
||||
{% if course.has_forum? %}
|
||||
<li>
|
||||
<a href="{{ course.forum_path }}" class="uk-border-left uk-button-small">
|
||||
<i class="uk-icon-comments-o"></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="uk-navbar-content uk-text-center sk-float-remove">
|
||||
{% if current_school.logo_url %}
|
||||
<img src="{{ current_school.logo_url }}" class="uk-responsive-height">
|
||||
{% else %}
|
||||
{{ current_school.name }}
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% if preview_banner %}
|
||||
{{ preview_banner }}
|
||||
{% endif %}
|
||||
|
||||
<div class="uk-container uk-container-center uk-padding-large uk-margin-large-top">
|
||||
<h4 class="uk-text-muted uk-margin-remove">{{ course.superscript }}</h4>
|
||||
{% if course.learner_can_retake? %}
|
||||
<form action="{{ course.course_attempts_path }}" method="POST">
|
||||
<button type="submit" class="uk-button uk-float-right completion-button" data-test="retake-course-button">{{ course.retake_course }}</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<a href="{{ course.outline_path }}" class="uk-button uk-float-right completion-button" data-test="start-course-button">{{ course.start_or_continue }}</a>
|
||||
{% endif %}
|
||||
|
||||
{% if current_school.filtering_enabled? %}
|
||||
<h3 class="uk-margin-remove">{{ course.course_category_names }}</h3>
|
||||
{% endif %}
|
||||
<h1 data-test="course-name" class="uk-margin-remove">{{ course.name }}</h1>
|
||||
<hr class="uk-article-divider uk-margin-top">
|
||||
|
||||
<div{% if course.has_outline? %} class="uk-grid uk-grid-large"{% endif %}>
|
||||
<div id ="ms-course-desc" class="uk-width-medium-2-5 uk-margin-bottom{% unless course.has_outline? %} uk-container-center{% endunless %}">
|
||||
<article class="uk-article">
|
||||
<img src="{{ course.featured_image_url }}" />
|
||||
<h3 class="progress-desc-h">{{ course.about_label }}</h3>
|
||||
<p>{{ course.full_description }}</p>
|
||||
</article>
|
||||
|
||||
{% if course.instructors.count > 0 %}
|
||||
<article class="uk-article">
|
||||
<h3>{{ course.instructors_title }}</h3>
|
||||
{% for instructor in course.instructors %}
|
||||
<div>
|
||||
<div class="uk-comment-header">
|
||||
<img
|
||||
src="{{ instructor.image_url }}"
|
||||
alt="{{ instructor.name }}"
|
||||
class="uk-comment-avatar"
|
||||
width="80">
|
||||
<h4 class="uk-comment-title">{{ instructor.name }}</h4>
|
||||
<div class="uk-comment-meta">{{ instructor.title }}</div>
|
||||
</div>
|
||||
<div class="wysiwyg">{{ instructor.bio }}</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</article>
|
||||
{% endif %}
|
||||
|
||||
<article class="uk-article ms-events">
|
||||
{{ upcoming_events }}
|
||||
</article>
|
||||
|
||||
{% if course.discover_events_path %}
|
||||
<a href="{{ course.discover_events_path }}" class="uk-padding-left-remove">{% t .see_all_events %}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if course.has_outline? %}
|
||||
<div id ="ms-course-progress" class="uk-width-medium-3-5">
|
||||
<h3 class="progress-h">{{ course.progress_title }}</h3>
|
||||
{{ course.progress_bar }}
|
||||
|
||||
<h3 class="outline-h">{{ course.outline_label }}</h3>
|
||||
<ol class="uk-list cover-outline">
|
||||
{% for section in learner_syllabus.sections %}
|
||||
<li class="uk-margin-large-bottom">
|
||||
<h3><strong>{{ section.name }}</strong></h3>
|
||||
{% if section.will_be_published? %}
|
||||
<div class="uk-margin-top">
|
||||
{% t .scheduled_info %} {{ section.published_at }}
|
||||
</div>
|
||||
{% else %}
|
||||
<ol class="uk-list cover-outline-section-activities">
|
||||
{% for activity in section.activities %}
|
||||
<li class="{% if activity.completed? %}completed {% endif %}{% if activity.locked? %}locked{% endif %}" >
|
||||
{% if activity.locked? %}
|
||||
<span>
|
||||
{% if activity.milestone? %}
|
||||
<i class="uk-icon-flag"></i>
|
||||
{% endif %}
|
||||
{{ activity.title }}
|
||||
</span>
|
||||
{% else %}
|
||||
<a href="{{ activity.path }}">
|
||||
{% if activity.milestone? %}
|
||||
<i class="uk-icon-flag"></i>
|
||||
{% endif %}
|
||||
{{ activity.title }}
|
||||
</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,145 @@
|
||||
<!-- Main Course PUBLIC Outline Page: /catalog/xxx/coursename (banner with Enroll button, two columns - About left, mini course outline right)-->
|
||||
|
||||
<!-- CSS in styles liquid -->
|
||||
|
||||
<div id="ms-course-main-banner">
|
||||
<div
|
||||
class="uk-container uk-container-center uk-margin-top uk-margin-bottom uk-padding-large-top"
|
||||
>
|
||||
<div class="ms-course-main-banner_inner">
|
||||
<h1 class="uk-text-center page-header uk-padding-horizontal">
|
||||
{{ course.name }}
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="ms-course-main-intro"
|
||||
class="uk-block uk-block-muted uk-margin-large-bottom uk-border-top uk-border-bottom"
|
||||
>
|
||||
<div class="uk-container uk-container-center">
|
||||
<div id="flex" class="uk-grid uk-padding-horizontal ms-flex ms-flex-middle">
|
||||
<div class="uk-width-medium-6-10 uk-margin-bottom">
|
||||
{% if course.promo_video_embed %}
|
||||
<div
|
||||
class="video-container course-promo-video"
|
||||
data-behavior="scaleEmbed"
|
||||
>
|
||||
{{ course.promo_video_embed }}
|
||||
</div>
|
||||
{% else %}
|
||||
<img
|
||||
src="{{ course.featured_image_url }}"
|
||||
alt="{{ course.name }}"
|
||||
class="course-image uk-responsive-width uk-width-1-1"
|
||||
/>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div id="course-enroll" class="uk-width-medium-4-10">
|
||||
<div
|
||||
class="uk-margin-large-bottom uk-text-large uk-text-muted course-desc-teaser"
|
||||
>
|
||||
{{ course.short_description }}
|
||||
</div>
|
||||
|
||||
{% if current_person.enrolled_in_course? %}
|
||||
<a
|
||||
href="{{ course.cover_path }}"
|
||||
class="uk-button uk-button-primary uk-button-large"
|
||||
>{{ course.go_to_label }}</a
|
||||
>
|
||||
{% elsif course.payment_required? %}
|
||||
<a
|
||||
href="{{ course.new_order_path }}"
|
||||
class="uk-button uk-button-primary uk-button-large"
|
||||
>
|
||||
{{ course.buy_label }} - {{ course.formatted_price }}
|
||||
</a>
|
||||
{% else %}
|
||||
<form action="{{ course.enrollment_url }}" method="POST">
|
||||
<button
|
||||
class="enroll-button uk-button uk-button-primary uk-button-large"
|
||||
>
|
||||
{% if current_school.apps.commerce.active? %}
|
||||
{{ course.buy_label }} - {{ course.formatted_price }}
|
||||
{% else %} {% t .enroll %} {% endif %}
|
||||
</button>
|
||||
</form>
|
||||
{% endif %} {% unless current_school.disable_social_share? %}
|
||||
<div class="uk-padding-large-top uk-margin-top">
|
||||
{{ course.social_links }}
|
||||
</div>
|
||||
{% endunless %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="course-main-wrap"
|
||||
class="uk-container uk-container-center uk-padding-large-bottom uk-pargin-large-bottom"
|
||||
>
|
||||
<div class="uk-grid uk-grid-reverse uk-padding-horizontal">
|
||||
<div
|
||||
id="course-main-outline"
|
||||
class="uk-width-medium-4-10 uk-push-6-10 school-website-course-meta"
|
||||
>
|
||||
<h2>{{ course.outline_label }}</h2>
|
||||
<div
|
||||
class="course-syllabus uk-panel uk-panel-box uk-border uk-margin-large-bottom"
|
||||
>
|
||||
{% for section in course.published_sections %}
|
||||
<div class="uk-margin-bottom">
|
||||
<h4 class="uk-margin-small-bottom">
|
||||
<strong>{{ section.name }}</strong>
|
||||
</h4>
|
||||
<ol class="uk-list uk-margin-small-top">
|
||||
{% for activity in section.activities %}
|
||||
<li>
|
||||
<i
|
||||
class="uk-icon-{{ activity.list_class }} uk-margin-small-right"
|
||||
></i>
|
||||
{{ activity.title }}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div id="course-main-about" class="uk-width-medium-6-10 uk-pull-4-10">
|
||||
<h2>{{ course.about_label }}</h2>
|
||||
<div
|
||||
class="school-website-course-description uk-margin-large-bottom uk-padding-large-right"
|
||||
>
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
{% if course.instructors.count > 0 %}
|
||||
<h2>{% pluralize course.instructors.count, .instructor_bio_title %}</h2>
|
||||
{% for instructor in course.instructors %}
|
||||
<div class="uk-grid uk-grid-small uk-margin-large-bottom">
|
||||
<div class="uk-width-medium-1-6 uk-width-1-3">
|
||||
<figure class="uk-thumbnail">
|
||||
<img src="{{ instructor.image_url }}" alt="{{ instructor.name }}" />
|
||||
</figure>
|
||||
</div>
|
||||
<div class="uk-width-medium-5-6 uk-width-2-3">
|
||||
<div class="uk-padding-left">
|
||||
{% if instructor.name or instructor.title %}
|
||||
<h4 class="uk-margin-top-remove uk-margin-small-bottom">
|
||||
{% if instructor.name %}<strong>{{ instructor.name }}</strong
|
||||
>{% endif %}{% if instructor.title %},
|
||||
<span class="uk-text-muted">{{ instructor.title }}</span
|
||||
>{% endif %}
|
||||
</h4>
|
||||
{% endif %}
|
||||
{{ instructor.bio }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %} {% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,42 @@
|
||||
<!-- Main Course PUBLIC Catalog Page: /courses -->
|
||||
|
||||
<!-- CSS in styles liquid -->
|
||||
|
||||
<div
|
||||
class="uk-container uk-container-center uk-margin-top uk-margin-large-bottom"
|
||||
>
|
||||
{% if course_catalog.headline or course_catalog.subheadline %}
|
||||
<div
|
||||
id="ms-course-catalog-title"
|
||||
class="uk-text-center uk-padding-large-vertical uk-padding-horizontal"
|
||||
>
|
||||
{% if courses %}
|
||||
<h2>{{ course_catalog.headline }}</h2>
|
||||
<h3 class="page-header uk-margin-top-remove">
|
||||
{{ course_catalog.subheadline }}
|
||||
</h3>
|
||||
{% else %}
|
||||
<h1>{{ course_catalog.headline_empty_collection }}</h1>
|
||||
<h2 class="page-header">
|
||||
{{ course_catalog.subheadline_empty_collection }}
|
||||
</h2>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div
|
||||
class="uk-width-small-1-1 uk-width-medium-1-1 uk-padding-horizontal uk-container-center uk-padding-top uk-margin-large-bottom"
|
||||
>
|
||||
<ul class="uk-grid school-website-course-list" data-behavior="listResize">
|
||||
{% for course in courses %} {% include "course" %} {% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--<script>
|
||||
$(document).ready(function() {
|
||||
window.setInterval(function() {
|
||||
//Every x amount of seconds do this function
|
||||
$("ul.uk-grid li:last").prependTo("ul.uk-grid");
|
||||
}, 2500);
|
||||
});
|
||||
</script>-->
|
||||
@ -0,0 +1,51 @@
|
||||
<script>
|
||||
$(window).bind("load", function () {
|
||||
$(".course header:first>div").addClass("company-header");
|
||||
$(".course header:first>div>img").addClass("company-logo");
|
||||
$(".course header h3").addClass("course-title");
|
||||
$(".course header h4").addClass("table-of-contents");
|
||||
$(".course aside > div:first").addClass("course-side-nav");
|
||||
$(".course aside").addClass("course-sidebar");
|
||||
$("main>div:last").addClass("course-content");
|
||||
$(".course ul").addClass("lesson-list");
|
||||
$(".course footer").addClass("course-footer");
|
||||
$(".course footer div:nth-of-type(2)").addClass("footer-nav-wrap");
|
||||
$(".course footer nav").addClass("footer-nav");
|
||||
$(".course footer div:first").addClass("course-progress-wrap");
|
||||
$(".course footer div:first>div:first").addClass("course-progress-inner");
|
||||
$(".course footer div:first>div:first>div:first").addClass(
|
||||
"course-progress-label"
|
||||
);
|
||||
$(".course footer div:first>div:first>div:last").addClass(
|
||||
"course-progress-percent"
|
||||
);
|
||||
$(".course>div>div:first-of-type").addClass("course-container");
|
||||
$(".course footer div:nth-of-type(2)>div").addClass("course-progress-bar");
|
||||
$(".footer-nav-wrap>div:first").addClass("course-progress-bar");
|
||||
|
||||
|
||||
//SCORM CONTENT FUNCTIONALITY
|
||||
|
||||
function ScormFull() {
|
||||
console.log($('button[data-test="with-fullscreen-button"]'));
|
||||
$('button[data-test="with-fullscreen-button"]').click();
|
||||
}
|
||||
|
||||
ScormFull();
|
||||
|
||||
|
||||
|
||||
$(document).on('click', 'a[data-test="activity-link"]', function () {
|
||||
location.reload();
|
||||
});
|
||||
|
||||
$(document).on('click', 'button[data-test="continue-button"]', function () {
|
||||
location.reload();
|
||||
});
|
||||
|
||||
$(document).on('click', 'button[data-test="back-button"]', function () {
|
||||
location.reload();
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
@ -0,0 +1,71 @@
|
||||
<!-- HOMEPAGE -->
|
||||
|
||||
<!-- CSS in styles liquid -->
|
||||
|
||||
<div class="school-website-hero hero-video">
|
||||
<div class="overlay"></div>
|
||||
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
|
||||
<source src="https://northpass.marketscale.com/marketscale/about-us.mp4" type="video/mp4" />
|
||||
</video>
|
||||
<div class="container h-100">
|
||||
<div class="d-flex h-100 text-center align-items-center">
|
||||
<div class="w-100 text-white">
|
||||
<hgroup id="hero-text" class="uk-container uk-container-center uk-padding-large-horizontal">
|
||||
{% if homepage.headline %}
|
||||
<h1 class="uk-text-center uk-heading-large uk-container-center">
|
||||
{{ homepage.headline }}
|
||||
</h1>
|
||||
{% endif %} {% if homepage.subheadline %}
|
||||
<h2 class="uk-text-center uk-margin-large-bottom">
|
||||
{{ homepage.subheadline }}
|
||||
</h2>
|
||||
{% endif %}
|
||||
<a href="/courses" class="uk-button uk-button-primary uk-button-large uk-margin-large-top">View all
|
||||
Courses</a>
|
||||
</hgroup>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="school-website-hero hero-tall uk-overlay uk-cover-background"
|
||||
style="background-image: url('{{ homepage.artwork_url }}');">
|
||||
<div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center">
|
||||
<hgroup class="uk-container uk-container-center uk-padding-large-horizontal">
|
||||
{% if homepage.headline %}
|
||||
<h1 class="uk-text-center uk-heading-large uk-container-center">
|
||||
{{ homepage.headline }}
|
||||
</h1>
|
||||
{% endif %} {% if homepage.subheadline %}
|
||||
<h2 class="uk-text-center uk-margin-large-bottom">
|
||||
{{ homepage.subheadline }}
|
||||
</h2>
|
||||
{% endif %}
|
||||
<a href="/courses" class="uk-button uk-button-primary uk-button-large uk-margin-large-top">View Courses</a>
|
||||
</hgroup>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="uk-container uk-container-center uk-padding-large-top uk-padding-large-bottom">
|
||||
<hgroup id="featured-course-banner" class="banner uk-text-center uk-padding-large-top uk-padding-large-horizontal">
|
||||
{% if homepage.published_featured_courses %} {% if
|
||||
homepage.featured_courses_headline or homepage.featured_courses_subheadline
|
||||
%} {% if homepage.featured_courses_headline %}
|
||||
<h2>{{ homepage.featured_courses_headline }}</h2>
|
||||
{% endif %} {% if homepage.featured_courses_subheadline %}
|
||||
<h3 class="uk-margin-remove uk-text-muted">
|
||||
{{ homepage.featured_courses_subheadline }}
|
||||
</h3>
|
||||
{% endif %} {% endif %} {% endif %}
|
||||
</hgroup>
|
||||
|
||||
{% if homepage.published_featured_courses %}
|
||||
<div
|
||||
class="uk-width-small-1-1 uk-width-1-1 uk-padding-large-horizontal uk-container-center uk-padding-large-top uk-padding-large-bottom uk-margin-large-bottom">
|
||||
<ul class="uk-grid school-website-course-list" data-behavior="listResize">
|
||||
{% for course in homepage.published_featured_courses %} {% include
|
||||
"course" %} {% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -0,0 +1,38 @@
|
||||
<!-- DASHBOARD -->
|
||||
|
||||
<!-- CSS in styles liquid -->
|
||||
|
||||
<div
|
||||
class="ms-dashboard uk-container uk-container-center school-website-course-index-list uk-margin-top uk-margin-bottom">
|
||||
<div class="uk-padding-horizontal dash-header-wrap">
|
||||
{% if my_content.learning_paths? %} {% include "my_paths" %} {% endif %} {%
|
||||
include "my_content_header" with "" %}
|
||||
<div class="uk-grid uk-grid-flex uk-margin-left-remove">
|
||||
{% include "filters" with "" %} {% if current_school.filtering_enabled?
|
||||
and current_person.filterable_categories.count > 0 %}
|
||||
<div class="uk-width-medium-5-6 uk-padding">
|
||||
{% else %}
|
||||
<div class="uk-width-1-1 uk-padding">
|
||||
{% endif %}
|
||||
<ul class="uk-grid uk-grid-medium school-website-course-list uk-grid-match"
|
||||
data-uk-grid-match="{target:'.uk-panel'}">
|
||||
{% for course in my_content.courses %} {% include "course" %} {%
|
||||
endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$(".dash-header-wrap>div:first").addClass("dash-paths-header-inner");
|
||||
$(".dash-header-wrap .uk-width-1-1.uk-padding:first").addClass(
|
||||
"dash-alert"
|
||||
);
|
||||
|
||||
$(
|
||||
".dash-header-wrap .uk-padding-large-vertical.uk-padding-horizontal.uk-border-bottom:last"
|
||||
).addClass("dash-courses-header-inner");
|
||||
});
|
||||
</script>
|
||||
@ -0,0 +1,512 @@
|
||||
/*
|
||||
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 }}
|
||||
*/
|
||||
|
||||
.display-none {
|
||||
display: none;
|
||||
}
|
||||
.uk-navbar .search-box.uk-float-right {
|
||||
display: none;
|
||||
}
|
||||
/* === FLEX === */
|
||||
.ms-flex {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.ms-flex.ms-flex-middle {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* === LOGIN === */
|
||||
.uk-form select:focus,
|
||||
.uk-form textarea:focus,
|
||||
.uk-form input:not([type]):focus,
|
||||
.uk-form input[type="text"]:focus,
|
||||
.uk-form input[type="password"]:focus,
|
||||
.uk-form input[type="datetime"]:focus,
|
||||
.uk-form input[type="datetime-local"]:focus,
|
||||
.uk-form input[type="date"]:focus,
|
||||
.uk-form input[type="month"]:focus,
|
||||
.uk-form input[type="time"]:focus,
|
||||
.uk-form input[type="week"]:focus,
|
||||
.uk-form input[type="number"]:focus,
|
||||
.uk-form input[type="email"]:focus,
|
||||
.uk-form input[type="url"]:focus,
|
||||
.uk-form input[type="search"]:focus,
|
||||
.uk-form input[type="tel"]:focus,
|
||||
.uk-form input[type="color"]:focus {
|
||||
border-color: #f0b000;
|
||||
}
|
||||
.school_website-sessions .uk-panel.uk-panel-box.uk-panel-box-secondary,
|
||||
.school_website-registrations .uk-panel.uk-panel-box.uk-panel-box-secondary {
|
||||
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.075);
|
||||
border-radius: 5px;
|
||||
}
|
||||
.school_website-session.uk-button-primary,
|
||||
.uk-form input.uk-button-primary[type="submit"] {
|
||||
background: #f0b000 !important;
|
||||
border-color: #f0b000 !important;
|
||||
border-radius: 5px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
transition: all ease-in-out 0.3s;
|
||||
}
|
||||
.uk-button-primary,
|
||||
.uk-form input.uk-button-primary[type="submit"]:hover,
|
||||
.uk-button-primary,
|
||||
.uk-form input.uk-button-primary[type="submit"]:active,
|
||||
.uk-button-primary,
|
||||
.uk-form input.uk-button-primary[type="submit"]:focus {
|
||||
background: #203d60 !important;
|
||||
border-color: #203d60 !important;
|
||||
}
|
||||
.preview-banner {
|
||||
display: none;
|
||||
}
|
||||
.school-website-header .uk-brand img {
|
||||
width: 243px;
|
||||
}
|
||||
body,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
ul,
|
||||
li,
|
||||
blockquote,
|
||||
button,
|
||||
.uk-navbar-nav > li > a {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.school-website-header .uk-navbar a {
|
||||
color: #3e4147;
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
}
|
||||
a {
|
||||
transition: all ease-in-out 0.3s;
|
||||
}
|
||||
h1 {
|
||||
font-weight: 600 !important;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #eaeef2;
|
||||
}
|
||||
/* === DASHBOARD === */
|
||||
|
||||
.dash-paths-header-inner, .dash-courses-header-inner {
|
||||
text-align:center;
|
||||
}
|
||||
.dash-header-wrap h2 {
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.dash-header-wrap h3 {
|
||||
color: #777;
|
||||
}
|
||||
.dash-paths-header-inner {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
.dash-alert {
|
||||
padding: 0 0 0 15px !important;
|
||||
color: red;
|
||||
}
|
||||
.dash-courses-header-inner {
|
||||
border-top: 1px solid #d7d9dd;
|
||||
margin-top: 30px;
|
||||
}
|
||||
/* === HOMEPAGE === */
|
||||
@media (min-width: 1200px) {
|
||||
#hero-text {
|
||||
max-width: 76%;
|
||||
}
|
||||
}
|
||||
#featured-course-banner {
|
||||
max-width: 992px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.uk-overlay-background {
|
||||
background: rgba(13, 24, 38, 0.6);
|
||||
}
|
||||
|
||||
.school-website-hero.hero-tall {
|
||||
display: none;
|
||||
}
|
||||
.school-website-hero hgroup h1 {
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
|
||||
.school-website-hero h2.uk-text-center.uk-margin-large-bottom {
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
text-transform: capitalize !important;
|
||||
margin: 0 0 15px 0 !important;
|
||||
}
|
||||
|
||||
.school-website-hero {
|
||||
position: relative;
|
||||
background-color: black;
|
||||
height: 60vh;
|
||||
min-height: 25rem;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.school-website-hero video {
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 50%;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: 0;
|
||||
-ms-transform: translateX(-50%) translateY(-40%);
|
||||
-moz-transform: translateX(-50%) translateY(-40%);
|
||||
-webkit-transform: translateX(-50%) translateY(-40%);
|
||||
transform: translateX(-50%) translateY(-40%);
|
||||
}
|
||||
|
||||
.school-website-hero .container {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.school-website-hero .overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: #0d1826;
|
||||
opacity: 0.5;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@media (pointer: coarse) and (hover: none) {
|
||||
.school-website-hero {
|
||||
background: url("https://northpass.marketscale.com/marketscale/about-us-thumb.jpg")
|
||||
black no-repeat center center scroll;
|
||||
}
|
||||
.school-website-hero video {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* === BUTTONS === */
|
||||
|
||||
.uk-container .uk-button {
|
||||
border-radius: 5px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
transition: all ease-in-out 0.3s;
|
||||
color: white !important;
|
||||
}
|
||||
/* -- Primary -- */
|
||||
.uk-container .uk-button.uk-button-primary,
|
||||
.uk-container .uk-button.uk-button-primary,
|
||||
.uk-container .uk-button.uk-button-primary {
|
||||
background: #203d60 !important;
|
||||
border-color: #203d60 !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.uk-container .uk-button.uk-button-primary:hover,
|
||||
.uk-container .uk-button.uk-button-primary:active,
|
||||
.uk-container .uk-button.uk-button-primary:focus {
|
||||
background: #f0b000 !important;
|
||||
border-color: #f0b000 !important;
|
||||
}
|
||||
/* -- Secondary -- */
|
||||
.uk-container .uk-button:not(.uk-button-primary),
|
||||
.uk-container .uk-button:not(.uk-button-primary),
|
||||
.uk-container .uk-button:not(.uk-button-primary) {
|
||||
background: #f0b000 !important;
|
||||
border-color: #f0b000 !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.uk-container .uk-button:not(.uk-button-primary):hover,
|
||||
.uk-container .uk-button:not(.uk-button-primary):active,
|
||||
.uk-container .uk-button:not(.uk-button-primary):focus {
|
||||
background: #203d60 !important;
|
||||
border-color: #203d60 !important;
|
||||
color: white !important;
|
||||
}
|
||||
/* -- Banner -- */
|
||||
.school-website-hero .uk-button-primary:not(.uk-button-outline) {
|
||||
background: transparent !important;
|
||||
border-color: #f0b000 !important;
|
||||
border-width: 2px;
|
||||
border-radius: 10px;
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
padding: 15px 40px;
|
||||
line-height: 1.3;
|
||||
text-transform: uppercase;
|
||||
transition: all ease-in-out 0.3s;
|
||||
}
|
||||
|
||||
.school-website-hero .uk-button-primary:not(.uk-button-outline):hover,
|
||||
.school-website-hero .uk-button-primary:not(.uk-button-outline):active,
|
||||
.school-website-hero .uk-button-primary:not(.uk-button-outline):focus {
|
||||
background: #f0b000 !important;
|
||||
}
|
||||
/* === TILES === */
|
||||
.school-website-course-tile .uk-panel-box {
|
||||
/*height: auto;*/
|
||||
}
|
||||
ul.uk-grid li {
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
transition: all ease-in-out 0.3s;
|
||||
min-height: 365px;
|
||||
}
|
||||
|
||||
ul.uk-grid li:hover {
|
||||
opacity: 1;
|
||||
bottom: 5px;
|
||||
transition: all ease-in-out 0.3s;
|
||||
}
|
||||
|
||||
ul.uk-grid li .uk-panel {
|
||||
transition: all ease-in-out 0.3s;
|
||||
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.075);
|
||||
border-radius: 5px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
ul.uk-grid li:hover .uk-panel {
|
||||
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
ul.uk-grid li .uk-panel .uk-panel-teaser img.uk-responsive-width {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
|
||||
.uk-panel-box-secondary .uk-panel-title {
|
||||
/*padding-bottom: 15px;*/
|
||||
}
|
||||
.uk-panel-box-secondary .uk-panel-title a:not(.uk-button) {
|
||||
text-transform: uppercase;
|
||||
color: #3e4147;
|
||||
font-weight: 500;
|
||||
}
|
||||
.banner {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.banner h2,
|
||||
.uk-text-center h2 {
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 25px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.banner h3.uk-text-muted,
|
||||
.uk-text-center h3.page-header {
|
||||
color: #777 !important;
|
||||
}
|
||||
.banner h2:after,
|
||||
.uk-container .uk-text-center h2:after {
|
||||
background: none repeat scroll 0 0 #f0b000;
|
||||
bottom: -12px;
|
||||
content: "";
|
||||
display: block;
|
||||
height: 2px;
|
||||
position: relative;
|
||||
width: 55px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
ul.uk-grid .grid-progress {
|
||||
color: #10ba95;
|
||||
font-weight: 500;
|
||||
margin: 0 !important;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
ul.uk-grid .grid-metadata {
|
||||
margin-bottom: 30px !important;
|
||||
}
|
||||
.uk-badge {
|
||||
padding: 1px 5px 1px;
|
||||
font-weight: 600;
|
||||
}
|
||||
/* === FOOTER === */
|
||||
footer {
|
||||
background: #203d60;
|
||||
background: -moz-linear-gradient(left, #203d60 0%, #132438 100%);
|
||||
background: -webkit-linear-gradient(left, #203d60 0%, #132438 100%);
|
||||
background: linear-gradient(to right, #203d60 0%, #132438 100%);
|
||||
border: none;
|
||||
}
|
||||
|
||||
footer .uk-margin-bottom {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
footer ul a {
|
||||
color: #ccc !important;
|
||||
}
|
||||
footer ul a:hover,
|
||||
footer ul a:active,
|
||||
footer ul a:focus {
|
||||
color: white !important;
|
||||
opacity: 1;
|
||||
}
|
||||
footer ul li:before {
|
||||
border-color: #203d60;
|
||||
opacity: 0;
|
||||
}
|
||||
/* -- Center Less than 3 Courses -- */
|
||||
ul.uk-grid.grid-centered {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* === COURSE INTRO PAGE === */
|
||||
.school_website-catalog #course-enroll .course-desc-teaser {
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
line-height: 1.3;
|
||||
color: #3e4147 !important;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.school_website-catalog .social-link.uk-button-small {
|
||||
background: transparent !important;
|
||||
color: #f0b000 !important;
|
||||
}
|
||||
|
||||
.school_website-catalog .social-links > p {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.school_website-catalog .social-links strong {
|
||||
font-weight: 500;
|
||||
color: #3e4147;
|
||||
}
|
||||
|
||||
.school_website-catalog .social-link.social-link-googleplus {
|
||||
display: none;
|
||||
}
|
||||
header.school-website-header {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.uk-block-muted {
|
||||
background: #fff !important;
|
||||
}
|
||||
#ms-course-main-banner {
|
||||
background: #203d60;
|
||||
background: -moz-linear-gradient(left, #203d60 0%, #132438 100%);
|
||||
background: -webkit-linear-gradient(left, #203d60 0%, #132438 100%);
|
||||
background: linear-gradient(to right, #203d60 0%, #132438 100%);
|
||||
margin: 0 !important;
|
||||
padding: 40px 0 45px;
|
||||
}
|
||||
|
||||
#ms-course-main-banner .uk-container {
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
#ms-course-main-banner h1 {
|
||||
font-weight: 700 !important;
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
font-size: 46px;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
#ms-course-main-banner .page-header:after {
|
||||
background-color: #f0b000;
|
||||
content: "";
|
||||
display: block;
|
||||
height: 5px;
|
||||
margin: 20px auto;
|
||||
width: 75px;
|
||||
}
|
||||
#course-main-wrap {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
#course-main-about {
|
||||
color: #777 !important;
|
||||
font-size: 18px;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#course-main-outline {
|
||||
display:none;
|
||||
}
|
||||
#course-main-about h2,
|
||||
#course-main-outline h2,
|
||||
.course-syllabus ol li,
|
||||
#course-main-outline h4 {
|
||||
color: #3e4147;
|
||||
/* text-transform: uppercase; */
|
||||
}
|
||||
|
||||
#course-main-outline i {
|
||||
color: #f0b000;
|
||||
}
|
||||
.course-syllabus {
|
||||
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
.course-syllabus ol li {
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
}
|
||||
.course-syllabus ol li:last-of-type {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#ms-course-main-intro img,
|
||||
.course-syllabus {
|
||||
border-radius: 5px;
|
||||
}
|
||||
#course-main-outline h4 {
|
||||
margin: 5px 0 15px 6px !important;
|
||||
}
|
||||
#course-main-outline h4 strong {
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* === COURSE CATALOG === */
|
||||
.school_website-catalog-index #ms-course-catalog-title {
|
||||
padding-bottom: 0 !important;
|
||||
padding-top: 50px !important;
|
||||
}
|
||||
|
||||
/* - Course Order - */
|
||||
/*.school_website-catalog-index .school-website-course-list li:nth-of-type(1) {
|
||||
order: 4;
|
||||
}
|
||||
.school_website-catalog-index .school-website-course-list li:nth-of-type(2) {
|
||||
order: 3;
|
||||
}
|
||||
.school_website-catalog-index .school-website-course-list li:nth-of-type(3) {
|
||||
order: 2;
|
||||
}
|
||||
.school_website-catalog-index .school-website-course-list li:nth-of-type(4) {
|
||||
order: 1;
|
||||
}
|
||||
Reference in New Issue
Block a user