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