diff --git a/.DS_Store b/.DS_Store index d646655f..12253aa5 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/NP_Custom_Templates/customer_templates/.DS_Store b/NP_Custom_Templates/customer_templates/.DS_Store new file mode 100644 index 00000000..82d7edf1 Binary files /dev/null and b/NP_Custom_Templates/customer_templates/.DS_Store differ diff --git a/NP_Custom_Templates/customer_templates/Marketscale_Education/_course.html.liquid b/NP_Custom_Templates/customer_templates/Marketscale_Education/_course.html.liquid new file mode 100644 index 00000000..e524846f --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Marketscale_Education/_course.html.liquid @@ -0,0 +1,54 @@ + + + + + + +
  • +
    + {% if course.ribbon %} +
    + {{ course.ribbon }} +
    + {% endif %} +
    + {% if current_person.enrolled_in_course? %} + + + + {% else %} + + + + {% endif %} +
    + {% if current_school.filtering_enabled? %} + + {{ course.course_category_names }} + + {% endif %} +

    + {% if current_person.enrolled_in_course? %} + {{ course.name }} + {% else %} + {{ course.name }} + {% endif %} +

    +

    {{ course.instructor_names }}

    + {% if current_person.enrolled_in_course? %} +

    {{ course.progress_text }}

    + {{ course.go_to_label }} + {% else %} + + {% if current_school.apps.commerce.active? %} + {{ course.formatted_price }} + {% else %} + {{ course.view_label }} + {% endif %} + + {% endif %} +
    +
    • \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Marketscale_Education/_footer.html.liquid b/NP_Custom_Templates/customer_templates/Marketscale_Education/_footer.html.liquid new file mode 100644 index 00000000..bcabafde --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Marketscale_Education/_footer.html.liquid @@ -0,0 +1,61 @@ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Marketscale_Education/_head.html.liquid b/NP_Custom_Templates/customer_templates/Marketscale_Education/_head.html.liquid new file mode 100644 index 00000000..c8b1656c --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Marketscale_Education/_head.html.liquid @@ -0,0 +1,38 @@ + + + + + + + + + + + +{% if current_school.has_custom_styles? %} + +{% endif %} diff --git a/NP_Custom_Templates/customer_templates/Marketscale_Education/course_cover.html.liquid b/NP_Custom_Templates/customer_templates/Marketscale_Education/course_cover.html.liquid new file mode 100644 index 00000000..545845f6 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Marketscale_Education/course_cover.html.liquid @@ -0,0 +1,130 @@ + + + + +
    +
    + +
    + +
    + {% if current_school.logo_url %} + + {% else %} + {{ current_school.name }} + {% endif %} +
    +
    + +{% if preview_banner %} + {{ preview_banner }} +{% endif %} + +
    +

    {{ course.superscript }}

    + {% if course.learner_can_retake? %} +
    + +
    + {% else %} + {{ course.start_or_continue }} + {% endif %} + + {% if current_school.filtering_enabled? %} +

    {{ course.course_category_names }}

    + {% endif %} +

    {{ course.name }}

    +
    + + +
    +
    + +

    {{ course.about_label }}

    +

    {{ course.full_description }}

    +
    + + {% if course.instructors.count > 0 %} +
    +

    {{ course.instructors_title }}

    + {% for instructor in course.instructors %} +
    +
    + {{ instructor.name }} +

    {{ instructor.name }}

    +
    {{ instructor.title }}
    +
    +
    {{ instructor.bio }}
    +
    + {% endfor %} +
    + {% endif %} + +
    + {{ upcoming_events }} +
    + + {% if course.discover_events_path %} + {% t .see_all_events %} + {% endif %} +
    + + {% if course.has_outline? %} +
    +

    {{ course.progress_title }}

    + {{ course.progress_bar }} + +

    {{ course.outline_label }}

    +
      + {% for section in learner_syllabus.sections %} +
    1. +

      {{ section.name }}

      + {% if section.will_be_published? %} +
      + {% t .scheduled_info %} {{ section.published_at }} +
      + {% else %} +
        + {% for activity in section.activities %} +
      1. + {% if activity.locked? %} + + {% if activity.milestone? %} + + {% endif %} + {{ activity.title }} + + {% else %} + + {% if activity.milestone? %} + + {% endif %} + {{ activity.title }} + + {% endif %} +
        2. + {% endfor %} +
      + {% endif %} +
      2. + {% endfor %} +
    +
    + {% endif %} +
    + diff --git a/NP_Custom_Templates/customer_templates/Marketscale_Education/course_details.html.liquid b/NP_Custom_Templates/customer_templates/Marketscale_Education/course_details.html.liquid new file mode 100644 index 00000000..79905231 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Marketscale_Education/course_details.html.liquid @@ -0,0 +1,145 @@ + + + + +
    +
    +
    +

    + {{ course.name }} +

    +
    +
    +
    + +
    +
    +
    +
    + {% if course.promo_video_embed %} +
    + {{ course.promo_video_embed }} +
    + {% else %} + {{ course.name }} + {% endif %} +
    + +
    +
    + {{ course.short_description }} +
    + + {% if current_person.enrolled_in_course? %} + {{ course.go_to_label }} + {% elsif course.payment_required? %} + + {{ course.buy_label }} - {{ course.formatted_price }} + + {% else %} +
    + +
    + {% endif %} {% unless current_school.disable_social_share? %} +
    + {{ course.social_links }} +
    + {% endunless %} +
    +
    +
    +
    + +
    +
    +
    +

    {{ course.outline_label }}

    +
    + {% for section in course.published_sections %} +
    +

    + {{ section.name }} +

    +
      + {% for activity in section.activities %} +
    1. + + {{ activity.title }} +
      2. + {% endfor %} +
    +
    + {% endfor %} +
    +
    +
    +

    {{ course.about_label }}

    +
    + {{ course.full_description }} +
    + {% if course.instructors.count > 0 %} +

    {% pluralize course.instructors.count, .instructor_bio_title %}

    + {% for instructor in course.instructors %} +
    +
    +
    + {{ instructor.name }} +
    +
    +
    +
    + {% if instructor.name or instructor.title %} +

    + {% if instructor.name %}{{ instructor.name }}{% endif %}{% if instructor.title %}, + {{ instructor.title }}{% endif %} +

    + {% endif %} + {{ instructor.bio }} +
    +
    +
    + {% endfor %} {% endif %} +
    +
    +
    diff --git a/NP_Custom_Templates/customer_templates/Marketscale_Education/course_index.html.liquid b/NP_Custom_Templates/customer_templates/Marketscale_Education/course_index.html.liquid new file mode 100644 index 00000000..69cd7d90 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Marketscale_Education/course_index.html.liquid @@ -0,0 +1,42 @@ + + + + +
    + {% if course_catalog.headline or course_catalog.subheadline %} +
    + {% if courses %} +

    {{ course_catalog.headline }}

    +

    + {{ course_catalog.subheadline }} +

    + {% else %} +

    {{ course_catalog.headline_empty_collection }}

    +

    + {{ course_catalog.subheadline_empty_collection }} +

    + {% endif %} +
    + {% endif %} +
    + +
    +
    + + diff --git a/NP_Custom_Templates/customer_templates/Marketscale_Education/custom_javascript_v3.html.liquid b/NP_Custom_Templates/customer_templates/Marketscale_Education/custom_javascript_v3.html.liquid new file mode 100644 index 00000000..0d85d292 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Marketscale_Education/custom_javascript_v3.html.liquid @@ -0,0 +1,51 @@ + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Marketscale_Education/homepage.html.liquid b/NP_Custom_Templates/customer_templates/Marketscale_Education/homepage.html.liquid new file mode 100644 index 00000000..9d8b952d --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Marketscale_Education/homepage.html.liquid @@ -0,0 +1,71 @@ + + + + +
    +
    + +
    +
    +
    +
    + {% if homepage.headline %} +

    + {{ homepage.headline }} +

    + {% endif %} {% if homepage.subheadline %} +

    + {{ homepage.subheadline }} +

    + {% endif %} + View all + Courses +
    +
    +
    +
    +
    + +
    +
    +
    + {% if homepage.headline %} +

    + {{ homepage.headline }} +

    + {% endif %} {% if homepage.subheadline %} +

    + {{ homepage.subheadline }} +

    + {% endif %} + View Courses +
    +
    +
    + +
    + + + {% if homepage.published_featured_courses %} +
    + +
    + {% endif %} +
    \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Marketscale_Education/my_content.html.liquid b/NP_Custom_Templates/customer_templates/Marketscale_Education/my_content.html.liquid new file mode 100644 index 00000000..bac711c9 --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Marketscale_Education/my_content.html.liquid @@ -0,0 +1,38 @@ + + + + +
    +
    + {% if my_content.learning_paths? %} {% include "my_paths" %} {% endif %} {% + include "my_content_header" with "" %} +
    + {% include "filters" with "" %} {% if current_school.filtering_enabled? + and current_person.filterable_categories.count > 0 %} +
    + {% else %} +
    + {% endif %} +
      + {% for course in my_content.courses %} {% include "course" %} {% + endfor %} +
    +
    +
    +
    +
    +
    + \ No newline at end of file diff --git a/NP_Custom_Templates/customer_templates/Marketscale_Education/styles.css.liquid b/NP_Custom_Templates/customer_templates/Marketscale_Education/styles.css.liquid new file mode 100644 index 00000000..30f9b3fb --- /dev/null +++ b/NP_Custom_Templates/customer_templates/Marketscale_Education/styles.css.liquid @@ -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; +}