Tons of Solutions Engineering work done today for the rest of the CS team! Headway, Howard Hanna, Engels, Brighton, etc. Also completed Datasnippers auth flow and worked on Anthology's script. Cloned Anthology's courses (900..) and will clone Full Story on Monday.
This commit is contained in:
Norm Rasmussen
BIN
Custom_Templates/customer_templates/.DS_Store
vendored
BIN
Custom_Templates/customer_templates/.DS_Store
vendored
Binary file not shown.
@ -0,0 +1,69 @@
|
||||
{% assign cat_name = "" %}
|
||||
{% assign cat_class = "" %}
|
||||
{% for category in course.categories limit: 1 %}
|
||||
{% unless category.name contains "Focus-" or category.name contains "Production Applications-" or category.name contains "Materials-" or category.name contains "Cleaning Methods-" %}
|
||||
{% assign cat_name = category.name %}
|
||||
{% assign cat_class = cat_name | replace: " ", "-" | downcase | replace: "&", "and" %}
|
||||
{% endunless % %}
|
||||
{% endfor %}
|
||||
|
||||
<div class="np-card course-card">
|
||||
|
||||
<div class="np-card-container">
|
||||
{% if course.ribbon %}
|
||||
<div class="np-card-ribbon">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div style="position: relative;">
|
||||
<div class="course-category {{cat_class}}">
|
||||
<span>{{ cat_name }}</span>
|
||||
</div>
|
||||
<div class="course-image-container">
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
{% unless course.instructor_names == "" %}
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.instructor_names }}
|
||||
</div>
|
||||
{% endunless %}
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
{% if course.progress == 100 %}
|
||||
<i class="far fa-check-circle"></i>
|
||||
<span>completed</span>
|
||||
{% elsif course.progress > 0 and course.progress < 100 %}
|
||||
<i class="fas fa-spinner"></i>
|
||||
<span>{% t shared.progress, count: course.progress %}</span>
|
||||
{% else %}
|
||||
<i class="not-started-circle"></i>
|
||||
<span>{% t shared.progress, count: course.progress %}</span>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
{% capture course_path %}
|
||||
{% route course, id: course.id %}{% endcapture %}
|
||||
{% if course.has_to_restart? %}
|
||||
{% include "course_version_outdated_popup", path: course_path %}
|
||||
{% endif %}
|
||||
<a class="np-button" href="{{ course_path }}">
|
||||
{% if course.progress > 0 and course.progress < 100 %}
|
||||
Continue
|
||||
{% elsif course.progress == 100 %}
|
||||
Retake
|
||||
{% else %}
|
||||
Start
|
||||
{% endif %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,84 @@
|
||||
<div class="np-card np-no-horizontal-padding learning-path-card">
|
||||
<div class="np-card-container">
|
||||
<div class="np-learning-path">
|
||||
<div class="learning-path-image-container">
|
||||
<img
|
||||
alt="{{ learning_path.name }}"
|
||||
class="np-card-image np-learning-path-image"
|
||||
src="{{ learning_path.image_url }}"
|
||||
/>
|
||||
</div>
|
||||
<div class="np-card-text-wrapper">
|
||||
<div class="np-hidden-desktop np-card-header">
|
||||
<div class="np-card-header-type">{% t shared.learning_path.title %}</div>
|
||||
<div class="np-hidden-desktop np-card-header-items-count">
|
||||
{{ learning_path.items.count }} {% t .items %}
|
||||
</div>
|
||||
</div>
|
||||
{% comment %} <div class="np-hidden-mobile np-card-header">
|
||||
<div class="np-card-header-type">{% t shared.learning_path.title %}</div>
|
||||
</div> {% endcomment %}
|
||||
|
||||
<div class="np-card-content np-card-padding np-card-content-vertical">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ learning_path.name }}
|
||||
</h3>
|
||||
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ learning_path.instructor_names }}
|
||||
</div>
|
||||
|
||||
{% comment %} <div class="np-hidden-mobile np-card-content-description">
|
||||
{{ learning_path.description }}
|
||||
</div> {% endcomment %}
|
||||
|
||||
<div class="np-hidden-mobile np-card-content-progress
|
||||
np-button-color">
|
||||
{% if learning_path.progress == 100 %}
|
||||
<i class="far fa-check-circle"></i> <span>completed</span>
|
||||
{% elsif learning_path.progress > 0 and learning_path.progress < 100 %}
|
||||
<i class="fas fa-spinner"></i> <span>{% t shared.progress, count: learning_path.progress %}</span>
|
||||
{% else %}
|
||||
<i class="not-started-circle"></i> <span>{% t shared.progress, count: learning_path.progress %}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="np-hidden-mobile np-card-progress-bar-container">
|
||||
<div
|
||||
style="width: {{ learning_path.progress }}%; {% if learning_path.progress == 100 %}background-color: #16C466;{% endif %}"
|
||||
class="np-button-background-color np-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-hidden-desktop np-card-content-progress
|
||||
np-button-color">
|
||||
{% if learning_path.progress == 100 %}
|
||||
<i class="far fa-check-circle"></i> <span>completed</span>
|
||||
{% elsif learning_path.progress > 0 and learning_path.progress < 100 %}
|
||||
<i class="fas fa-spinner"></i> <span>{% t shared.progress, count: learning_path.progress %}</span>
|
||||
{% else %}
|
||||
<i class="not-started-circle"></i> <span>{% t shared.progress, count: learning_path.progress %}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<a class="np-button" href="{% route learning_path, id: learning_path.id %}">
|
||||
{% if learning_path.progress > 0 and learning_path.progress < 100 %}
|
||||
Continue
|
||||
{% else %}
|
||||
{% t shared.view %}
|
||||
{% endif %}
|
||||
</a>
|
||||
<span class="np-hidden-mobile np-learning-path-items">
|
||||
<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.84375 0.9375H2.53125C2.98828 0.9375 3.375 1.32422 3.375 1.78125V3.46875C3.375 3.96094 2.98828 4.3125 2.53125 4.3125V7.40625H4.5C4.5 6.94922 4.85156 6.5625 5.34375 6.5625H7.03125C7.48828 6.5625 7.875 6.94922 7.875 7.40625V9.09375C7.875 9.58594 7.48828 9.9375 7.03125 9.9375H5.34375C4.85156 9.9375 4.5 9.58594 4.5 9.09375H2.53125V12.75C2.53125 12.9258 2.63672 13.0312 2.8125 13.0312H4.5C4.5 12.5742 4.85156 12.1875 5.34375 12.1875H7.03125C7.48828 12.1875 7.875 12.5742 7.875 13.0312V14.7188C7.875 15.2109 7.48828 15.5625 7.03125 15.5625H5.34375C4.85156 15.5625 4.5 15.2109 4.5 14.7188H2.8125C1.72266 14.7188 0.84375 13.8398 0.84375 12.75V8.25V4.3125C0.351562 4.3125 0 3.96094 0 3.46875V1.78125C0 1.32422 0.351562 0.9375 0.84375 0.9375ZM5.625 2.625C5.625 2.16797 5.97656 1.78125 6.46875 1.78125H17.1562C17.6133 1.78125 18 2.16797 18 2.625C18 3.11719 17.6133 3.46875 17.1562 3.46875H6.46875C5.97656 3.46875 5.625 3.11719 5.625 2.625ZM10.125 8.25C10.125 7.79297 10.4766 7.40625 10.9688 7.40625H17.1562C17.6133 7.40625 18 7.79297 18 8.25C18 8.74219 17.6133 9.09375 17.1562 9.09375H10.9688C10.4766 9.09375 10.125 8.74219 10.125 8.25ZM10.125 13.875C10.125 13.418 10.4766 13.0312 10.9688 13.0312H17.1562C17.6133 13.0312 18 13.418 18 13.875C18 14.3672 17.6133 14.7188 17.1562 14.7188H10.9688C10.4766 14.7188 10.125 14.3672 10.125 13.875Z" fill="#185A7D"/>
|
||||
</svg>
|
||||
<span class="np-learning-path-items-count">
|
||||
{{ learning_path.items.count }} Courses
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,28 @@
|
||||
<div class="np-card previous-event-card">
|
||||
<div class="np-card-container">
|
||||
{% if course.ribbon %}
|
||||
<div class="np-card-ribbon">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
{{ course.properties.previous_event_date_and_time}}
|
||||
</div>
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
<a class="np-button" href="{{ course_path }}">
|
||||
Watch
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,42 @@
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="row row-with-thumbnails">
|
||||
{% assign enrolled_courses_alphabetical = courses.enrolled | sort: "name" %}
|
||||
{% for course in enrolled_courses_alphabetical %}
|
||||
|
||||
{% assign course_progress = "" %}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign course_progress = "completed" %}
|
||||
{% elsif course.progress < 100 and course.progress > 0 %}
|
||||
{% assign course_progress = "in-progress" %}
|
||||
{% else %}
|
||||
{% assign course_progress = "not-started" %}
|
||||
{% endif %}
|
||||
|
||||
{% assign cat_name = "" %}
|
||||
{% for category in course.categories limit: 1 %}
|
||||
{% assign cat_name = category.name %}
|
||||
{% endfor %}
|
||||
<div class="{{ class }}" data-progress="{{course_progress}}" data-category="{{cat_name}}">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.index,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
|
||||
<style>
|
||||
|
||||
@media (min-width:768px) {
|
||||
.np-card.course-card {
|
||||
padding: 0 0 100px;
|
||||
height:100%;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,108 @@
|
||||
<footer class="np-footer">
|
||||
<div class="footer-container">
|
||||
<div class="footer-title">Brighton Science Service and Support</div>
|
||||
<a
|
||||
class="footer-item"
|
||||
href="https://customer.brighton-science.com/myinstruments"
|
||||
target="_blank">
|
||||
<span>
|
||||
Instrument Records and Support
|
||||
</span>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
height="1em"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" /></svg>
|
||||
</a>
|
||||
<a
|
||||
class="footer-item"
|
||||
href="https://customer.brighton-science.com/knowledge"
|
||||
target="_blank">
|
||||
<span>
|
||||
Knowledge Base
|
||||
</span>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
height="1em"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" /></svg>
|
||||
</a>
|
||||
<a
|
||||
class="footer-item"
|
||||
href="https://store.brighton-science.com"
|
||||
target="_blank">
|
||||
<span>
|
||||
Instrument Parts and Service
|
||||
</span>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
height="1em"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" /></svg>
|
||||
</a>
|
||||
<a
|
||||
class="footer-item"
|
||||
href="https://app.brighton-science.com/experiments/list"
|
||||
target="_blank">
|
||||
<span>
|
||||
BConnect
|
||||
</span>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
height="1em"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" /></svg>
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
.np-footer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 373px;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
width: 85%;
|
||||
border-top: 6px solid #185A7D;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.footer-title {
|
||||
color: #185A7D;
|
||||
font-family: Helvetica Neue;
|
||||
font-size: 34px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
margin-bottom: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.footer-item {
|
||||
color: #0077B8;
|
||||
font-size: 19px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 49px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer-item:hover {
|
||||
color: #185A7D;
|
||||
}
|
||||
|
||||
.footer-item svg {
|
||||
margin-left: 10px;
|
||||
fill: #0077B8;
|
||||
}
|
||||
|
||||
.footer-item:hover svg {
|
||||
fill: #185A7D;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,9 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;900&display=swap" rel="stylesheet">
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
|
||||
@ -0,0 +1,309 @@
|
||||
<header class="np-header np-header-color">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
{% if current_person.signed_in? %}
|
||||
<button
|
||||
data-toggle-class="np-hidden"
|
||||
class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
|
||||
data-toggle-target=".np-header-mobile-avatar-menu,
|
||||
.np-header-mobile-menu-content, .np-main, .np-footer"></button>
|
||||
<button
|
||||
data-test="open-mobile-menu"
|
||||
data-toggle-class="np-hidden"
|
||||
class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
|
||||
data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer">
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-avatar-image"
|
||||
src="{{ current_person.avatar_url }}" />
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if current_school.logo_url %}
|
||||
<h1 class="np-header-logo">
|
||||
<a href="{% route home %}">
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-header-logo-image"
|
||||
src="{{ current_school.logo_url }}" />
|
||||
<div class="logo-text">Brighton Academy</div>
|
||||
</a>
|
||||
</h1>
|
||||
{% else %}
|
||||
<a href="{% route home %}" class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<div class="np-hidden-mobile np-header-desktop-nav">
|
||||
<ul class="np-header-desktop-nav-list">
|
||||
{% for link in navigations.sub_navigation %}
|
||||
{% unless link.label == "Dashboard" %}
|
||||
<li class="np-header-desktop-nav-item">
|
||||
<a href="{% if link.label == 'Catalog' %}/app/courses{% else %}{{ link.url }}{% endif %}" class="np-header-desktop-nav-link np-header-font-color {{ link.active_class }}">
|
||||
{% if link.label == "Home" %}
|
||||
Dashboard
|
||||
{% elsif link.label == "Catalog" %}
|
||||
Courses
|
||||
{% elsif link.label == "Events" %}
|
||||
Upcoming Events
|
||||
{% else %}
|
||||
{{ link.label }}
|
||||
{% endif %}
|
||||
</a>
|
||||
</li>
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
{% for website_navigation in navigations.header_navigations_external %}
|
||||
<li class="np-header-desktop-nav-item">
|
||||
<a
|
||||
href="{{ website_navigation.path }}"
|
||||
class="np-header-desktop-nav-link np-header-font-color"
|
||||
target="_blank">
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="np-hidden-mobile np-header-search np-header-search-expanded">
|
||||
<form
|
||||
action="{% route search %}"
|
||||
method="get"
|
||||
data-test="desktop-search">
|
||||
<input
|
||||
aria-label="{% t .search %}"
|
||||
class="np-header-search-input"
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="{% t .search %}" />
|
||||
<i class="np-header-search-icon far fa-search np-header-font-color"></i>
|
||||
</form>
|
||||
</div>
|
||||
<div class="np-hidden-mobile np-header-avatar">
|
||||
<button
|
||||
class="np-header-avatar-button"
|
||||
data-test="open-desktop-menu"
|
||||
data-toggle-class-on-target="np-hidden"
|
||||
data-toggle-target=".np-header-avatar-tooltip"
|
||||
data-toggle-outside>
|
||||
<div>
|
||||
<span class="welcome-text">Welcome back,</span><br>
|
||||
<strong class="person-name-text">
|
||||
{% if current_person.first_name %}
|
||||
{{ current_person.first_name }}{% endif %}
|
||||
{% if current_person.last_name %}
|
||||
{{ current_person.last_name }}{% endif %}
|
||||
</strong>
|
||||
</div>
|
||||
<svg
|
||||
style="margin-left: 13px"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="18"
|
||||
height="9"
|
||||
viewBox="0 0 21 13"
|
||||
fill="none">
|
||||
<path
|
||||
d="M1.0376 1.23193L10.5188 10.7129L20 1.23193"
|
||||
stroke="#0077B8"
|
||||
stroke-width="2" />
|
||||
</svg>
|
||||
</button>
|
||||
<div class="np-header-avatar-tooltip np-hidden" role="tooltip">
|
||||
<div>
|
||||
<span class="welcome-text">Welcome back,</span><br>
|
||||
<strong class="person-name-text">
|
||||
{% if current_person.first_name %}
|
||||
{{ current_person.first_name }}{% endif %}
|
||||
{% if current_person.last_name %}
|
||||
{{ current_person.last_name }}{% endif %}
|
||||
</strong>
|
||||
</div>
|
||||
<nav class="np-header-avatar-tooltip-navigation">
|
||||
{% unless current_school.sso_active? %}
|
||||
<a class="np-header-avatar-tooltip-navigation-link" href="{% route account %}">
|
||||
{% t.profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a class="np-header-avatar-tooltip-navigation-link" href="/app/profile">
|
||||
Your Profile
|
||||
</a>
|
||||
<a class="np-header-avatar-tooltip-navigation-link np-danger" href="{% route logout %}">
|
||||
{% t.sign_out %}
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<a
|
||||
class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
|
||||
aria-label="{% t shared.sign_in %}"
|
||||
href="{% route login %}">
|
||||
{% t shared.sign_in %}
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="np-hidden-desktop">
|
||||
<div class="np-header-mobile-menu-content np-hidden">
|
||||
{% if current_person.signed_in? %}
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-mobile-menu-content-avatar"
|
||||
src="{{ current_person.avatar_url }}" />
|
||||
<div class="np-header-mobile-menu-content-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-header-mobile-menu-content-nav">
|
||||
<form
|
||||
class="np-header-search"
|
||||
data-test="mobile-search"
|
||||
method="get"
|
||||
action="{% route search %}">
|
||||
<input
|
||||
aria-label="{% t .search %}"
|
||||
class="np-header-search-input"
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="{% t .search %}" />
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
{% for link in navigations.sub_navigation %}
|
||||
<a href="{{ link.url }}" class="np-header-mobile-menu-content-button {{ link.active_class }}">
|
||||
{% if link.label == "Home" %}
|
||||
Dashboard
|
||||
{% elsif link.label == "Events" %}
|
||||
Upcoming Events
|
||||
{% else %}
|
||||
{{ link.label }}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endfor %}
|
||||
<div class="np-header-mobile-menu-content-line"></div>
|
||||
{% unless current_school.sso_active? %}
|
||||
<a class="np-header-mobile-menu-content-button" href="{% route account %}">
|
||||
{% t.profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a class="np-header-mobile-menu-content-button" href="/app/profile">
|
||||
Your Profile
|
||||
</a>
|
||||
<a class="np-header-mobile-menu-content-button np-danger" href="{% route logout %}">
|
||||
{% t.sign_out %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include "messages" %}
|
||||
|
||||
<style>
|
||||
|
||||
.np-header-logo a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.np-header-logo img {
|
||||
border-right: 1px solid #707070;
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.np-header-logo .logo-text {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
letter-spacing: -0.4px;
|
||||
margin-left: 16px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item-inactive {
|
||||
color: #0077B8;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item-active {
|
||||
color: #185A7D!important;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
border-bottom: 1px solid #185A7D;
|
||||
}
|
||||
|
||||
.np-header {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border-bottom: 1px solid #185A7D;
|
||||
padding: 0 4%;
|
||||
}
|
||||
|
||||
.np-header-avatar-button {
|
||||
text-align: left;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.np-header-avatar-button i {
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.np-header-search-icon {
|
||||
color: #0077B8;
|
||||
font-size: 23px;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.welcome-text {
|
||||
color: #185A7D;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.person-name-text {
|
||||
color: #185A7D;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.np-header-avatar-tooltip {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
border: 1px solid #F0F0F0;
|
||||
background: #fff;
|
||||
box-shadow: 2px 1px 1.5px 0 rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
.np-header-avatar-tooltip > div {
|
||||
padding-left: 20px;
|
||||
padding-top: 10px
|
||||
}
|
||||
|
||||
.np-header-avatar-tooltip-navigation-link {
|
||||
color: #0077B8;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
line-height: 46px;
|
||||
}
|
||||
|
||||
@media(min-width:768px) {
|
||||
.np-header {
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.np-header-logo .logo-text {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,31 @@
|
||||
<div class="progress-activity-section-container">
|
||||
<div class="np-main np-dashboard np-subpage-container np-max-width progress-activity-section">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="dashboard-title">YOUR PROGRESS</div>
|
||||
{% include "section_progress_widget" %}
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
{% include "section_recent_activity", enrolled_courses: enrolled_courses, enrolled_learning_paths: enrolled_learning_paths %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.progress-activity-section-container {
|
||||
margin-bottom: 6px;
|
||||
box-shadow: 0px 3px 2.5px 0px rgba(0, 0, 0, 0.42);
|
||||
}
|
||||
|
||||
.progress-activity-section-container,
|
||||
.progress-activity-section {
|
||||
background-color: #f7fbfe;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.progress-activity-section {
|
||||
padding: 42px 60px 54px 60px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,29 @@
|
||||
<div class="np-learning-paths-resources row">
|
||||
{% if learning_paths.available.any? %}
|
||||
{% for learning_path in items %}
|
||||
|
||||
{% assign learning_path_progress = "" %}
|
||||
{% if learning_path.progress == 100 %}
|
||||
{% assign learning_path_progress = "completed" %}
|
||||
{% elsif learning_path.progress < 100 and learning_path.progress > 0 %}
|
||||
{% assign learning_path_progress = "in-progress" %}
|
||||
{% endif %}
|
||||
|
||||
{% assign cat_name = "" %}
|
||||
{% for category in learning_path.categories limit: 1 %}
|
||||
{% assign cat_name = category.name %}
|
||||
{% endfor %}
|
||||
|
||||
<div class="col-xs-12 col-md-6 lp-column" data-progress="{{learning_path_progress}}" data-category="{{cat_name}}">
|
||||
{% include "cards_learning_path" with learning_path %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<div class="np-learning-paths-resources-container">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty %}
|
||||
</div>
|
||||
<img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -0,0 +1,41 @@
|
||||
{% assign radius = 93 %}
|
||||
{% assign pi = 3.14159 %}
|
||||
{% assign circumference = radius | times: 2 | times: pi %}
|
||||
{% assign progress = count | times: 1.0 | divided_by: total %}
|
||||
{% assign offset = 1 | minus: progress | times: circumference %}
|
||||
|
||||
{% assign circle_background_color = '#e5e9eb' %}
|
||||
{% assign progress_number_color = '#1b3e4f' %}
|
||||
|
||||
<div class="progress-circle-wrapper">
|
||||
<svg
|
||||
class="progress-circle"
|
||||
width="212"
|
||||
height="212">
|
||||
<circle
|
||||
class="circle circle-bg"
|
||||
stroke="#6FCFEB"
|
||||
stroke-width="17"
|
||||
fill="transparent"
|
||||
r="{{ radius }}"
|
||||
cx="106"
|
||||
cy="106"
|
||||
/>
|
||||
<circle
|
||||
class="circle"
|
||||
stroke="#185A7D"
|
||||
stroke-width="17"
|
||||
fill="transparent"
|
||||
r="{{ radius }}"
|
||||
cx="106"
|
||||
cy="106"
|
||||
stroke-dasharray="{{ circumference }} {{ circumference }}"
|
||||
stroke-dashoffset="{{ offset }}"
|
||||
style='transform: rotate(-90deg);transform-origin: 50% 50%;'
|
||||
/>
|
||||
<text class='dt' x="50%" y="60%" text-anchor="middle" stroke="t#fff" stroke-width="1px" fill="{{ progress_number_color }}" dy=".3em">
|
||||
<tspan x="50%" dy="0em" class="progress-circle-big-text">{{count}}</tspan>
|
||||
<tspan x="50%" dy="1.4em" class="progress-circle-text">of {{ total }}</tspan>
|
||||
</text>
|
||||
</svg>
|
||||
</div>
|
||||
@ -0,0 +1,168 @@
|
||||
<div class="row lps-row">
|
||||
{% assign displayed_learning_paths_count = 0 %}
|
||||
<div class="col-xs-12">
|
||||
<div class="flex-wrapper">
|
||||
<div class="dashboard-title">LEARNING PATHS: NEW AND IN PROGRESS</div>
|
||||
<div class="learning-paths-link">
|
||||
<a href="/app/learning_paths?category=completed">View completed Learning Paths</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if learning_paths.enrolled.any? %}
|
||||
{% assign learning_paths_by_progress = learning_paths.enrolled | sort: "progress" | reverse %}
|
||||
{% assign learning_paths_index = 1 %}
|
||||
|
||||
{% for learning_path in learning_paths_by_progress %}
|
||||
{% if learning_path.progress < 100 and learning_paths_index < 3 %}
|
||||
{% include "cards_learning_path" with learning_path %}
|
||||
{% assign learning_paths_index = learning_paths_index | plus: 1 %}
|
||||
{% assign displayed_learning_paths_count = displayed_learning_paths_count | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if displayed_learning_paths_count == 0 %}
|
||||
<div class="learning-paths-completed-card np-card">
|
||||
<div>
|
||||
<div class="flex-wrapper">
|
||||
<div class="completion-icon">
|
||||
<svg
|
||||
width="102"
|
||||
height="103"
|
||||
viewBox="0 0 102 103"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M48.4102 68.4844C46.2188 70.6758 42.832 70.6758 40.6406 68.4844L27.8906 55.7344C25.6992 53.543 25.6992 50.1562 27.8906 47.9648C30.082 45.7734 33.4688 45.7734 35.6602 47.9648L44.625 56.7305L66.1406 35.2148C68.332 33.0234 71.7188 33.0234 73.9102 35.2148C76.1016 37.4062 76.1016 40.793 73.9102 42.9844L48.4102 68.4844ZM102 51.75C102 80.0391 79.0898 102.75 51 102.75C22.7109 102.75 0 80.0391 0 51.75C0 23.6602 22.7109 0.75 51 0.75C79.0898 0.75 102 23.6602 102 51.75ZM51 10.3125C28.0898 10.3125 9.5625 29.0391 9.5625 51.75C9.5625 74.6602 28.0898 93.1875 51 93.1875C73.7109 93.1875 92.4375 74.6602 92.4375 51.75C92.4375 29.0391 73.7109 10.3125 51 10.3125Z" fill="#16C466" />
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class='completion-title-message'>Congratulations, you've completed all your assigned Learning Paths!</div>
|
||||
<div class="completion-subtitle-message">When new learning paths become available we'll send an email announcing it and they'll always appear here.<br>For now you can
|
||||
<a href="/app/courses">browse your courses</a>,
|
||||
<a href="/app/courses">watch previous events</a>, and sign-up for any
|
||||
<a href="/app/training_events">upcoming events</a>.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.learning-paths-link {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div class="np-learning-paths-resources-container">
|
||||
<div class="np-zero-state-text">
|
||||
{% t.empty %}
|
||||
</div>
|
||||
<img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.completion-title-message {
|
||||
color: #000;
|
||||
font-size: 22px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.completion-subtitle-message a {
|
||||
color: #0077B8;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
|
||||
.completion-subtitle-message {
|
||||
color: #000;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.completion-icon {
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.learning-paths-link {
|
||||
margin-bottom: 32px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.learning-paths-link a {
|
||||
color: #0077B8;
|
||||
font-size: 15px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
|
||||
.learning-paths-link a:hover {
|
||||
color: #185A7D;
|
||||
}
|
||||
|
||||
.learning-path-card.np-card {
|
||||
height: unset;
|
||||
min-height: unset;
|
||||
}
|
||||
|
||||
.learning-paths-completed-card.np-card {
|
||||
padding: 0 !important;
|
||||
margin-bottom: 150px !important;
|
||||
}
|
||||
|
||||
.learning-paths-completed-card .np-card-container {
|
||||
padding: 32px 16px;
|
||||
}
|
||||
|
||||
.learning-paths-completed-card .learning-paths-completed-heading {
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
@media(min-width:768px) {
|
||||
|
||||
.lps-row .flex-wrapper {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.lps-row .learning-paths-link {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.learning-paths-completed-card .flex-wrapper {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.learning-paths-completed-card .np-card-container {
|
||||
padding: 32px;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
// hide title and link if no laernings paths to display
|
||||
$(document).ready(function() {
|
||||
const displayedLps = {{displayed_learning_paths_count}}
|
||||
|
||||
if (displayedLps == 0) {
|
||||
$(".lps-row .dashboard-title").hide()
|
||||
$(".learning-paths-link").hide()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
@ -0,0 +1,67 @@
|
||||
<div class="previous-events">
|
||||
<div class="dashboard-title">WATCH PREVIOUS EVENTS</div>
|
||||
<div class="previous-events-widget">
|
||||
<div class="row">
|
||||
{% assign index = 0 %}
|
||||
|
||||
{% for course in enrolled_courses %}
|
||||
{% assign is_event_course = false %}
|
||||
{% for cat in course.categories %}
|
||||
{% assign cat_name = cat.name | downcase %}
|
||||
{% if cat_name contains "webinars" or cat_name contains "events" %}
|
||||
{% assign is_event_course = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% if course.properties.previous_event_display_on_dashboard and index < 2 and is_event_course %}
|
||||
<div class="col-xs-12 col-sm-6 previous-event" data-date="{{course.properties.course_publish_date}}">
|
||||
{% include "cards_previous_event" with course %}
|
||||
</div>
|
||||
{% assign index = index | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var eventIndexes = document.querySelectorAll(".previous-event:not([data-date=''])");
|
||||
var eventIndexesArray = Array.from(eventIndexes);
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.previous-event-card .np-card-content-title {
|
||||
color: #0077B8;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: normal;
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
.previous-event-card .np-button {
|
||||
background-color: #0077B8;
|
||||
color: #FFF;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.previous-event-card .np-card-container:hover .np-card-content-title {
|
||||
color: #185A7D;
|
||||
}
|
||||
|
||||
.previous-event-card .np-card-container:hover .np-button {
|
||||
background-color: #185A7D;;
|
||||
}
|
||||
|
||||
.previous-event-card .course-image-container {
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.previous-event-card .np-card-container:hover .np-card-image {
|
||||
scale: 1.25;
|
||||
transition: .5s ease all;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,121 @@
|
||||
<div class="progress-widget">
|
||||
<div class="progress-widget-flex-wrapper">
|
||||
<div class="progress-item courses-progress">
|
||||
{% assign completed_courses_count = 0 %}
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign completed_courses_count = completed_courses_count | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div class="progress-header">Courses Completed</div>
|
||||
<a href="/app/courses?category=not-started" class="progress-link">View Courses not started</a>
|
||||
{%
|
||||
include "progress_circle",
|
||||
count: completed_courses_count,
|
||||
total: courses.enrolled.size %}
|
||||
</div>
|
||||
<div class="progress-item courses-progress">
|
||||
{% assign completed_lps_count = 0 %}
|
||||
{% for learning_path in learning_paths.enrolled %}
|
||||
{% if learning_path.progress == 100 %}
|
||||
{% assign completed_lps_count = completed_lps_count | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div class="progress-header">Learning Paths Completed</div>
|
||||
<a href="/app/learning_paths?category=completed" class="progress-link">View all Learning Paths</a>
|
||||
{%
|
||||
include "progress_circle",
|
||||
count: completed_lps_count,
|
||||
total: learning_paths.enrolled.size %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.progress-widget {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.progress-widget .progress-item {
|
||||
width: 100%;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.progress-widget .progress-header {
|
||||
color: #000;
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.progress-circle-wrapper {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.progress-circle-wrapper:before {
|
||||
content: "";
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
width: 195px;
|
||||
height: 195px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.progress-circle {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.progress-widget .progress-link {
|
||||
color: #0077B8;
|
||||
text-decoration: none;
|
||||
font-size: 15px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
margin-bottom: 16px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.progress-widget .progress-link:hover {
|
||||
color: #185A7D;
|
||||
}
|
||||
|
||||
.progress-circle-big-text {
|
||||
color: #002745;
|
||||
font-size: 80px;
|
||||
font-weight: 600;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.progress-circle-text {
|
||||
color: #000;
|
||||
text-align: center;
|
||||
font-size: 23px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
@media(min-width:500px) {
|
||||
.progress-widget .progress-widget-flex-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.progress-widget .progress-item {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: 1200px) {
|
||||
.progress-widget .progress-widget-flex-wrapper {
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,138 @@
|
||||
{% assign courses_by_progress = enrolled_courses | sort: "progress" %}
|
||||
{% assign learning_paths_by_progress = enrolled_learning_paths | sort: "progress" %}
|
||||
|
||||
<div class="dashboard-title">RECENT ACTIVITY</div>
|
||||
<div class="recent-activity-widget">
|
||||
<table class="recent-activity-table" id='recentActivityTable'>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
{% for course in courses_by_progress %}
|
||||
{% if course.progress > 0 %}
|
||||
<tr data-progress="{{course.progress}}">
|
||||
<td width="70%" class="name-element"><a href="{% route course, id: course.id %}">{{course.name}}</a></td>
|
||||
<td width="30%" class="progress-element">
|
||||
<div>
|
||||
{% if course.progress == 100 %}
|
||||
<i class="far fa-check-circle"></i> <span>completed</span>
|
||||
{% else %}
|
||||
<i class="fas fa-spinner"></i> <span>in progress</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% for learning_path in learning_paths_by_progress %}
|
||||
{% if learning_path.progress > 0 %}
|
||||
<tr data-progress="{{learning_path.progress}}">
|
||||
<td width="70%"><a class="name-element" href="{% route learning_path, id: learning_path.id %}">{{learning_path.name}}</a></td>
|
||||
<td width="30%" class="progress-element">
|
||||
<div>
|
||||
{% if learning_path.progress == 100 %}
|
||||
<i class="far fa-check-circle"></i> <span>completed</span>
|
||||
{% else %}
|
||||
<i class="fas fa-spinner"></i> <span>in progress</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.progress-element div {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.progress-element span {
|
||||
margin-left: 9px;
|
||||
color: #000;
|
||||
text-align: right;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.recent-activity-table th {
|
||||
color: #FFF;
|
||||
font-size: 15px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
text-align: left;
|
||||
padding: 6px 0 6px 12px;
|
||||
}
|
||||
|
||||
.recent-activity-widget {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.recent-activity-widget table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
box-shadow: 0px 3px 2.5px 0px rgba(0, 0, 0, 0.42);
|
||||
background-color:#fff;
|
||||
border-bottom: 2px solid #185A7D;
|
||||
}
|
||||
|
||||
.progress-element {
|
||||
border-left: none !important;
|
||||
}
|
||||
|
||||
.name-element {
|
||||
border-right: none !important;
|
||||
}
|
||||
|
||||
.recent-activity-widget td {
|
||||
border: 1px solid #dddddd;
|
||||
text-align: left;
|
||||
padding: 12px;
|
||||
border-bottom: 1px solid #185A7D;
|
||||
}
|
||||
|
||||
.recent-activity-widget th {
|
||||
color:#fff;
|
||||
border-color: #185A7D;
|
||||
background-color: #185A7D;
|
||||
}
|
||||
|
||||
.name-element a,
|
||||
.name-element a:visited {
|
||||
color: #0077B8;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
|
||||
.name-element a:hover {
|
||||
color: #185A7D;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
const table = document.getElementById('recentActivityTable');
|
||||
const tbody = table.querySelector('tbody'); // Select the tbody element
|
||||
const rows = Array.from(tbody.querySelectorAll('tr'));
|
||||
|
||||
const sortedRows = rows
|
||||
.map(row => ({ progress: parseInt(row.getAttribute('data-progress')), element: row }))
|
||||
.sort((a, b) => a.progress - b.progress);
|
||||
|
||||
rows.forEach(row => tbody.removeChild(row));
|
||||
|
||||
sortedRows.forEach((sortedRow, index) => {
|
||||
if (index < 6) {
|
||||
tbody.appendChild(sortedRow.element)
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,77 @@
|
||||
<div class="row recent-courses-row">
|
||||
<div class="col-xs-12">
|
||||
<div class="recent-courses-flex-wrapper">
|
||||
<div>
|
||||
<div class="dashboard-title">COURSES: RECENTLY ADDED</div>
|
||||
<div class="dashboard-subtitle">See what's new from Brighton Science</div>
|
||||
</div>
|
||||
<div class="recent-courses-link">
|
||||
<a href="/app/courses" class="recent-courses-link">View all Courses</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12">
|
||||
<div class="row recent-courses-list">
|
||||
{% for course in enrolled_courses %}
|
||||
{% unless course.properties.course_publish_date == "MM/DD/YYYY" %}
|
||||
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 recent-course np-hidden" data-date="{{course.properties.course_publish_date}}">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var indexes = document.querySelectorAll(".recent-course:not([data-date=''])");
|
||||
var indexesArray = Array.from(indexes);
|
||||
|
||||
const sortByDate = arr => {
|
||||
const dateSorter = (a, b) => {
|
||||
return new Date(b.dataset.date).getTime() - new Date(a.dataset.date).getTime();
|
||||
}
|
||||
arr.sort(dateSorter);
|
||||
};
|
||||
|
||||
sortByDate(indexesArray);
|
||||
|
||||
$(".recent-courses-list").empty()
|
||||
|
||||
for (let i = 0; i < indexesArray.length; i++) {
|
||||
if (i < 4) {
|
||||
document.querySelector(".recent-courses-list").appendChild(indexesArray[i])
|
||||
}
|
||||
}
|
||||
|
||||
$(".recent-course").removeClass("np-hidden")
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.recent-courses-flex-wrapper {
|
||||
margin:32px 0;
|
||||
}
|
||||
|
||||
.recent-courses.link {
|
||||
margin-bottom: 32px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.recent-courses-flex-wrapper .dashboard-title {
|
||||
margin-bottom:4px;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.recent-courses-flex-wrapper {
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:flex-end;
|
||||
margin:64px 0 32px ;
|
||||
}
|
||||
|
||||
.recent-courses-row .np-card {
|
||||
padding: 0 0 32px;
|
||||
height:100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,206 @@
|
||||
<div class="row recommended-courses-row">
|
||||
<div class="col-xs-12">
|
||||
<div class="recommended-courses-flex-wrapper">
|
||||
<div>
|
||||
<div class="dashboard-title">COURSES: RECOMMENDED</div>
|
||||
<div class="dashboard-subtitle">Personalized list of courses just for you</div>
|
||||
</div>
|
||||
<div style="display: flex; align-items: row;">
|
||||
<div class="recommended-courses-container">
|
||||
<strong>Why am I seeing these?</strong>
|
||||
<a href="/app/profile" class="recommended-courses-link">Review and update your interest profile</a>
|
||||
</div>
|
||||
|
||||
<div class="recent-courses-link view-all-courses">
|
||||
<a href="/app/courses" class="recent-courses-link">View all Courses</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12">
|
||||
<div class="row" id="recommended-courses-row">
|
||||
{% assign focus_groups = "" %}
|
||||
{% assign materials_groups = "" %}
|
||||
{% assign cleaning_method_groups = "" %}
|
||||
{% assign production_application_groups = "" %}
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.name contains "Focus" %}
|
||||
{% assign focus_groups = focus_groups | append: "," | append: group.name %}
|
||||
{% endif %}
|
||||
|
||||
{% if group.name contains "Materials" %}
|
||||
{% assign materials_groups = materials_groups | append: "," | append: group.name %}
|
||||
{% endif %}
|
||||
|
||||
{% if group.name contains "Production Application" %}
|
||||
{% assign production_application_groups = production_application_groups | append: "," | append: group.name %}
|
||||
{% endif %}
|
||||
|
||||
{% if group.name contains "Cleaning Method" %}
|
||||
{% assign cleaning_method_groups = cleaning_method_groups | append: "," | append: group.name %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
<div class="col-xs-12 np-hidden" id="recommended-courses-zero-state">
|
||||
{% capture message %}
|
||||
Update your interest profile to gain recommended content
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="unfilteredRecommendedCourses" style="display:none">
|
||||
{% for course in enrolled_courses %}
|
||||
{% if course.progress < 100 %}
|
||||
{% assign course_categories_list = "" %}
|
||||
{% for category in course.categories %}
|
||||
{% assign course_categories_list = course_categories_list | append: category.name | append: "," %}
|
||||
{% endfor %}
|
||||
<div
|
||||
class="recommended-course"
|
||||
data-categories="{{course_categories_list}}"
|
||||
data-id="{{course.id}}">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
$("document").ready(function() {
|
||||
const allCourses = $(".recommended-course")
|
||||
const focusGroups = "{{focus_groups}}"
|
||||
const productionApplicationGroups = "{{production_application_groups}}"
|
||||
const materialsGroups = "{{materials_groups}}"
|
||||
const cleaningMethodGroups = "{{cleaning_method_groups}}"
|
||||
|
||||
const focusGroupsArray = focusGroups.split(",").filter(item => item !== "");
|
||||
const productionApplicationGroupsArray = productionApplicationGroups.split(",").filter(item => item !== "");
|
||||
const materialsGroupsArray = materialsGroups.split(",").filter(item => item !== "");
|
||||
const cleaningMethodGroupsArray = cleaningMethodGroups.split(",").filter(item => item !== "");
|
||||
|
||||
let focusCourses = []
|
||||
let productionApplicationsCourses = []
|
||||
let materialsCourses = []
|
||||
let cleaningMethodCourses = []
|
||||
|
||||
$(allCourses).each((index, course) => {
|
||||
if (course.getAttribute("data-categories").includes("Focus-")) {
|
||||
const categories = course.getAttribute("data-categories").split(",")
|
||||
const focusCategories = categories.filter(category => category.includes('Focus-'));
|
||||
if (focusGroups.includes(focusCategories[0])) {
|
||||
focusCourses.push(course)
|
||||
}
|
||||
}
|
||||
|
||||
if (course.getAttribute("data-categories").includes("Production Applications-")) {
|
||||
const categories = course.getAttribute("data-categories").split(",")
|
||||
const productionApplicationsCategories = categories.filter(category => category.includes('Production Applications-'));
|
||||
if (productionApplicationGroups.includes(productionApplicationsCategories[0])) {
|
||||
productionApplicationsCourses.push(course)
|
||||
}
|
||||
}
|
||||
|
||||
if (course.getAttribute("data-categories").includes("Materials-")) {
|
||||
const categories = course.getAttribute("data-categories").split(",")
|
||||
const materialsCategories = categories.filter(category => category.includes('Materials-'));
|
||||
if (materialsGroups.includes(materialsCategories[0])) {
|
||||
materialsCourses.push(course)
|
||||
}
|
||||
}
|
||||
|
||||
if (course.getAttribute("data-categories").includes("Cleaning Method-")) {
|
||||
const categories = course.getAttribute("data-categories").split(",")
|
||||
const cleaningMethodCategories = categories.filter(category => category.includes('Cleaning Method-'));
|
||||
if (cleaningMethodGroups.includes(cleaningMethodCategories[0])) {
|
||||
cleaningMethodCourses.push(course)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
console.log("Focus Courses: ", focusCourses)
|
||||
let coursesToAppend = [];
|
||||
|
||||
for (let i = 0; i < 3; i++) {
|
||||
if (productionApplicationsCourses.length > 0) {
|
||||
coursesToAppend.push(productionApplicationsCourses.shift());
|
||||
} else if (materialsCourses.length > 0) {
|
||||
coursesToAppend.push(materialsCourses.shift());
|
||||
} else if (cleaningMethodCourses.length > 0) {
|
||||
coursesToAppend.push(cleaningMethodCourses.shift());
|
||||
} else if (focusCourses.length > 0) {
|
||||
coursesToAppend.push(focusCourses.shift());
|
||||
} else {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
console.log("Recommended Courses to Append: ", coursesToAppend)
|
||||
if (coursesToAppend.length > 0) {
|
||||
|
||||
for (let i = 0; i < coursesToAppend.length; i++) {
|
||||
console.log(coursesToAppend[i].innerHTML)
|
||||
$("#recommended-courses-row").append(`<div class="col-xs-12 col-sm-6 col-md-4">${
|
||||
coursesToAppend[i].innerHTML
|
||||
}</div>`)
|
||||
}
|
||||
} else {
|
||||
$("#recommended-courses-zero-state").removeClass("np-hidden")
|
||||
}
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
.recommended-courses-row {
|
||||
margin-bottom: 32px;
|
||||
margin-top: 86px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.recommended-courses-flex-wrapper {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.recommended-courses.link {
|
||||
margin-bottom: 32px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.recommended-courses-flex-wrapper .dashboard-title {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.recommended-courses-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.view-all-courses {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
margin-left: 100px;
|
||||
}
|
||||
|
||||
.recommended-courses-flex-wrapper strong {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
@media(min-width:768px) {
|
||||
.recommended-courses-flex-wrapper {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.recommended-courses-row .np-card {
|
||||
padding: 0 0 32px;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,13 @@
|
||||
{% comment %} <nav class="np-sub-navigation">
|
||||
<div class="np-sub-navigation-content">
|
||||
{% for link in navigations.sub_navigation %}
|
||||
<div class="np-sub-navigation-content-item {{ link.active_class }}">
|
||||
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
|
||||
<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
|
||||
{{ link.label }}
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</nav> {% endcomment %}
|
||||
@ -0,0 +1,198 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-courses np-subpage-container np-max-width">
|
||||
<div class="row row-with-thumbnails">
|
||||
<div class="col-xs-12">
|
||||
<div class="filters-container courses-filters">
|
||||
<div class="filters-heading">APPLY FILTERS<i class="fa fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="filters-content">
|
||||
<div class="filter-column status-column">
|
||||
<div class="filter-column-title">STATUS</div>
|
||||
<div class="filters-list">
|
||||
<div class="filter-item status-filter">
|
||||
<input
|
||||
type="checkbox"
|
||||
name="completed"
|
||||
value="completed">
|
||||
<label for="completed">Completed
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="filter-item status-filter">
|
||||
<input
|
||||
type="checkbox"
|
||||
name="in-progress"
|
||||
value="in-progress">
|
||||
<label for="in-progress">In Progress
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="filter-item status-filter">
|
||||
<input
|
||||
type="checkbox"
|
||||
name="in-progress"
|
||||
value="not-started">
|
||||
<label for="not-started">Not Started
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="filter-column categories-column">
|
||||
<div class="filter-column-title">CATEGORY</div>
|
||||
<div class="filters-list">
|
||||
{% for category in categories.enrolled %}
|
||||
<script>
|
||||
console.log("{{category.name}}")
|
||||
</script>
|
||||
<div class="filter-item category-filter">
|
||||
<input
|
||||
type="checkbox"
|
||||
name="{{category.name}}"
|
||||
value="{{category.name}}">
|
||||
<label for="{{category.name}}">{{ category.name }}
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% include "courses_index", class: "col-xs-12 col-sm-6 col-md-4 col-lg-3 course-column" %}
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<script>
|
||||
window.onload = () => {
|
||||
let url = new URL(window.location.href);
|
||||
let params = new URLSearchParams(url.search);
|
||||
if (params.has('category')) {
|
||||
let allParams = params.getAll('category')
|
||||
allParams.forEach((param) => {
|
||||
document.querySelector(`.filter-item input[value='${param}']`).click()
|
||||
})
|
||||
}
|
||||
|
||||
addCountToFilters()
|
||||
addActiveNavigationClass()
|
||||
|
||||
}
|
||||
|
||||
$("input[type='checkbox']").change(function(e) {
|
||||
filterCourses()
|
||||
})
|
||||
|
||||
$("document").ready(function() {
|
||||
|
||||
document
|
||||
.querySelector(".filters-heading")
|
||||
.addEventListener("click", function() {
|
||||
this.classList.toggle("active");
|
||||
var panel = this.nextElementSibling;
|
||||
if (panel.style.maxHeight) {
|
||||
panel.style.maxHeight = null;
|
||||
} else {
|
||||
panel.style.maxHeight = panel.scrollHeight + 32 + "px";
|
||||
}
|
||||
})
|
||||
|
||||
document
|
||||
.querySelector(".filters-heading")
|
||||
.click()
|
||||
})
|
||||
|
||||
|
||||
function filterCourses() {
|
||||
|
||||
// hide all courses
|
||||
$(".course-column").hide()
|
||||
|
||||
// get all checked filters
|
||||
let selectedStatusFilters = []
|
||||
let selectedCategoryFilters = []
|
||||
|
||||
$(".status-column input[type='checkbox']:checked").each((index, filter) => {
|
||||
selectedStatusFilters.push(filter.value)
|
||||
})
|
||||
|
||||
$(".categories-column input[type='checkbox']:checked").each((index, filter) => {
|
||||
selectedCategoryFilters.push(filter.value)
|
||||
})
|
||||
|
||||
// loop over courses and get filters
|
||||
$(".course-column").each((index, course) => {
|
||||
const courseStatus = $(course).data("progress")
|
||||
const courseCategory = $(course).data("category")
|
||||
|
||||
if (selectedStatusFilters.length && selectedCategoryFilters.length) {
|
||||
if ($.inArray(courseCategory, selectedCategoryFilters) !== -1 && $.inArray(courseStatus, selectedStatusFilters) !== -1) {
|
||||
$(course).show()
|
||||
}
|
||||
} else if (! selectedStatusFilters.length && selectedCategoryFilters.length) {
|
||||
if ($.inArray(courseCategory, selectedCategoryFilters) !== -1) {
|
||||
$(course).show()
|
||||
}
|
||||
} else if (selectedStatusFilters.length && ! selectedCategoryFilters.length) {
|
||||
if ($.inArray(courseStatus, selectedStatusFilters) !== -1) {
|
||||
$(course).show()
|
||||
}
|
||||
} else {
|
||||
$(course).show()
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function addCountToFilters() {
|
||||
const allFiltersFromCourses = []
|
||||
|
||||
$(".course-column").each((index, course) => {
|
||||
if ($(course).attr("data-progress")) {
|
||||
allFiltersFromCourses.push($(course).attr("data-progress"))
|
||||
}
|
||||
|
||||
if ($(course).attr("data-category")) {
|
||||
allFiltersFromCourses.push($(course).attr("data-category"))
|
||||
}
|
||||
})
|
||||
|
||||
$(".filter-item").each((index, filter) => {
|
||||
const filterValue = $(filter).find("input").val()
|
||||
const filterCount = getFilterCount(filterValue, allFiltersFromCourses)
|
||||
|
||||
if ($(filter).hasClass("category-filter")) {
|
||||
if (filterCount == 0) {
|
||||
$(filter).hide()
|
||||
} else {
|
||||
$(filter).find("label > span").text(`(${filterCount})`)
|
||||
}
|
||||
} else {
|
||||
$(filter).find("label > span").text(`(${filterCount})`)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const getFilterCount = (value, array) => {
|
||||
let count = 0;
|
||||
|
||||
array.forEach(filter => {
|
||||
if (filter == value) {
|
||||
count++;
|
||||
}
|
||||
});
|
||||
|
||||
return count
|
||||
}
|
||||
|
||||
function addActiveNavigationClass() {
|
||||
$('a[href="/app/courses"]').addClass("np-sub-navigation-content-item-active").removeClass("np-sub-navigation-content-item-inactive")
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,3 @@
|
||||
<script>
|
||||
window.location.replace("/app")
|
||||
</script>
|
||||
@ -0,0 +1,183 @@
|
||||
{% assign enrolled_courses = courses.enrolled %}
|
||||
{% assign enrolled_learning_paths = learning_paths.enrolled %}
|
||||
|
||||
{% include "header" %}
|
||||
{% include "sub_navigation" %}
|
||||
{% include "homepage_section_progress_activity" %}
|
||||
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="row">
|
||||
{% if features.training_events? %}
|
||||
<div class="col-xs-12 col-sm-6 col-md-7">
|
||||
<div class="dashboard-title">UPCOMING EVENTS</div>
|
||||
<div class="np-dashboard-resources row upcoming-events">
|
||||
{% if training_events.available.any? %}
|
||||
{% for training_event in training_events.available limit: 2 %}
|
||||
<div class="col-xs-12 col-md-6">
|
||||
{% include "cards_training_event" with training_event %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{% include "training_events_zero_state" %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="col-xs-12 col-sm-6 col-md-5">
|
||||
{% include "section_previous_events", enrolled_courses: enrolled_courses %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if features.learning_paths? %}
|
||||
{% include "section_learning_paths" %}
|
||||
{% endif %}
|
||||
<div class="background-logo">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="657"
|
||||
height="844"
|
||||
viewBox="0 0 657 844">
|
||||
<defs>
|
||||
<clipPath id="clip-BRT_Background">
|
||||
<rect width="657" height="844" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g id="BRT_Background" clip-path="url(#clip-BRT_Background)">
|
||||
<g
|
||||
id="Group_535"
|
||||
data-name="Group 535"
|
||||
transform="translate(-762.559 -1560.226)">
|
||||
<g
|
||||
id="Group_109"
|
||||
data-name="Group 109"
|
||||
transform="translate(762.559 1867.316)"
|
||||
opacity="0.05">
|
||||
<path
|
||||
id="Path_61"
|
||||
data-name="Path 61"
|
||||
d="M1406.748,820.66H1578V667.283H1406.748a153.283,153.283,0,0,1-132.81-76.691,153.354,153.354,0,0,0,132.81,230.068Z"
|
||||
transform="translate(-1253.371 -360.524)"
|
||||
fill="#6fcfeb" />
|
||||
<path
|
||||
id="Path_62"
|
||||
data-name="Path 62"
|
||||
d="M1406.748,703.671H1578V550.288H1406.748a153.353,153.353,0,0,0-132.81,230.068A153.278,153.278,0,0,1,1406.748,703.671Z"
|
||||
transform="translate(-1253.371 -550.288)"
|
||||
fill="#4e738a" />
|
||||
</g>
|
||||
<g
|
||||
id="Group_124"
|
||||
data-name="Group 124"
|
||||
transform="translate(762.559 1944.09)"
|
||||
opacity="0.05">
|
||||
<path
|
||||
id="Path_61-2"
|
||||
data-name="Path 61"
|
||||
d="M1406.748,820.66H1578V667.283H1406.748a153.283,153.283,0,0,1-132.81-76.691,153.354,153.354,0,0,0,132.81,230.068Z"
|
||||
transform="translate(-1253.371 -360.524)"
|
||||
fill="#6fcfeb" />
|
||||
<path
|
||||
id="Path_62-2"
|
||||
data-name="Path 62"
|
||||
d="M1406.748,703.671H1578V550.288H1406.748a153.353,153.353,0,0,0-132.81,230.068A153.278,153.278,0,0,1,1406.748,703.671Z"
|
||||
transform="translate(-1253.371 -550.288)"
|
||||
fill="#4e738a" />
|
||||
</g>
|
||||
<g
|
||||
id="Group_122"
|
||||
data-name="Group 122"
|
||||
transform="translate(1411.828 2020.362) rotate(180)"
|
||||
opacity="0.05">
|
||||
<path
|
||||
id="Path_61-3"
|
||||
data-name="Path 61"
|
||||
d="M153.377,230.068H324.632V76.691H153.377A153.283,153.283,0,0,1,20.567,0a153.354,153.354,0,0,0,132.81,230.068Z"
|
||||
transform="translate(0 230.068)"
|
||||
fill="#6fcfeb" />
|
||||
<path
|
||||
id="Path_62-3"
|
||||
data-name="Path 62"
|
||||
d="M153.377,153.383H324.632V0H153.377A153.354,153.354,0,0,0,20.567,230.068,153.279,153.279,0,0,1,153.377,153.383Z"
|
||||
transform="translate(0 0)"
|
||||
fill="#4e738a" />
|
||||
</g>
|
||||
<g
|
||||
id="Group_123"
|
||||
data-name="Group 123"
|
||||
transform="translate(1411.828 2097.135) rotate(180)"
|
||||
opacity="0.05">
|
||||
<path
|
||||
id="Path_61-4"
|
||||
data-name="Path 61"
|
||||
d="M153.377,230.068H324.632V76.691H153.377A153.283,153.283,0,0,1,20.567,0a153.354,153.354,0,0,0,132.81,230.068Z"
|
||||
transform="translate(0 230.068)"
|
||||
fill="#6fcfeb" />
|
||||
<path
|
||||
id="Path_62-4"
|
||||
data-name="Path 62"
|
||||
d="M153.377,153.383H324.632V0H153.377A153.354,153.354,0,0,0,20.567,230.068,153.279,153.279,0,0,1,153.377,153.383Z"
|
||||
transform="translate(0 0)"
|
||||
fill="#4e738a" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
{% include "section_recommended_courses", enrolled_courses: enrolled_courses %}
|
||||
|
||||
{% include "section_recently_added_courses", enrolled_courses: enrolled_courses %}
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.np-dashboard-resources .np-card {
|
||||
padding-left: 0;
|
||||
padding-right: 16px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.np-dashboard-resources .np-card-content-vertical {
|
||||
justify-content:flex-end;
|
||||
}
|
||||
|
||||
.previous-events,
|
||||
.upcoming-events {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.dashboard-subtitle {
|
||||
color: #000;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.recommended-courses-link,
|
||||
.recent-courses-link {
|
||||
color: #0077B8;
|
||||
font-size: 15px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
|
||||
.recommended-courses-link:hover,
|
||||
.recent-courses-link:hover {
|
||||
color: #185A7D;
|
||||
}
|
||||
|
||||
.background-logo {
|
||||
position: relative;
|
||||
max-height: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.background-logo svg {
|
||||
position: absolute;
|
||||
right: 100px;
|
||||
top: 200px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,179 @@
|
||||
{% include "header" %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-learning-paths np-subpage-container np-max-width">
|
||||
<div class="np-learning-paths-main">
|
||||
<div class="filters-container Lps-filters">
|
||||
<div class="filters-heading">APPLY FILTERS<i class="fa fa-chevron-down"></i></div>
|
||||
<div class="filters-content">
|
||||
<div class="filter-column status-column">
|
||||
<div class="filter-column-title">STATUS</div>
|
||||
<div class="filters-list">
|
||||
<div class="filter-item status-filter">
|
||||
<input type="checkbox" name="completed" value="completed">
|
||||
<label for="completed">Completed <span></span></label>
|
||||
</div>
|
||||
|
||||
<div class="filter-item status-filter">
|
||||
<input type="checkbox" name="in-progress" value="in-progress">
|
||||
<label for="in-progress">In Progress <span></span></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="filter-column categories-column">
|
||||
<div class="filter-column-title">CATEGORY</div>
|
||||
<div class="filters-list">
|
||||
{% for category in categories.enrolled %}
|
||||
<div class="filter-item category-filter">
|
||||
<input type="checkbox" name="{{category.name}}" value="{{category.name}}">
|
||||
<label for="{{category.name}}">{{category.name}} <span></span></label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% assign learning_paths_alphabetical = learning_paths.available | sort: "name" %}
|
||||
{% include "learning_paths_index", items: learning_paths_alphabetical %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.np-card-content-vertical {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.learning-path-card .np-card-content-title {
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.np-learning-path-image {
|
||||
align-self: unset !important;
|
||||
object-fit: cover !important;
|
||||
width: 100% !important;
|
||||
min-height: unset !important;
|
||||
}
|
||||
|
||||
.learning-path-image-container {
|
||||
max-width: 265px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
window.onload = () => {
|
||||
let url = new URL(window.location.href);
|
||||
let params = new URLSearchParams(url.search);
|
||||
if (params.has('category')) {
|
||||
let allParams = params.getAll('category')
|
||||
allParams.forEach((param) => {
|
||||
document.querySelector(`.filter-item input[value='${param}']`).click()
|
||||
})
|
||||
}
|
||||
|
||||
addCountToFilters()
|
||||
}
|
||||
|
||||
$("input[type='checkbox']").change(function(e) {
|
||||
filterLps()
|
||||
})
|
||||
|
||||
$("document").ready(function() {
|
||||
|
||||
document.querySelector(".filters-heading").addEventListener("click", function() {
|
||||
this.classList.toggle("active");
|
||||
var panel = this.nextElementSibling;
|
||||
if (panel.style.maxHeight) {
|
||||
panel.style.maxHeight = null;
|
||||
} else {
|
||||
panel.style.maxHeight = panel.scrollHeight + 32 + "px";
|
||||
}
|
||||
})
|
||||
|
||||
document.querySelector(".filters-heading").click()
|
||||
})
|
||||
|
||||
function filterLps() {
|
||||
// hide all Lps
|
||||
$(".lp-column").hide()
|
||||
|
||||
// get all checked filters
|
||||
let selectedStatusFilters = []
|
||||
let selectedCategoryFilters = []
|
||||
|
||||
$(".status-column input[type='checkbox']:checked").each((index, filter) => {
|
||||
selectedStatusFilters.push(filter.value)
|
||||
})
|
||||
|
||||
$(".categories-column input[type='checkbox']:checked").each((index, filter) => {
|
||||
selectedCategoryFilters.push(filter.value)
|
||||
})
|
||||
|
||||
//loop over Lps and get filters
|
||||
$(".lp-column").each((index, lp) => {
|
||||
const lpStatus = $(lp).data("progress")
|
||||
const courseCategory = $(lp).data("category")
|
||||
|
||||
if (selectedStatusFilters.length && selectedCategoryFilters.length) {
|
||||
if($.inArray(courseCategory, selectedCategoryFilters) !== -1 && $.inArray(lpStatus, selectedStatusFilters) !== -1) {
|
||||
$(lp).show()
|
||||
}
|
||||
} else if (!selectedStatusFilters.length && selectedCategoryFilters.length) {
|
||||
if($.inArray(courseCategory, selectedCategoryFilters) !== -1) {
|
||||
$(lp).show()
|
||||
}
|
||||
} else if (selectedStatusFilters.length && !selectedCategoryFilters.length) {
|
||||
if($.inArray(lpStatus, selectedStatusFilters) !== -1) {
|
||||
$(lp).show()
|
||||
}
|
||||
} else {
|
||||
$(lp).show()
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function addCountToFilters() {
|
||||
const allFiltersFromLps = []
|
||||
|
||||
$(".lp-column").each((index, course) => {
|
||||
if ($(course).attr("data-progress")) {
|
||||
allFiltersFromLps.push($(course).attr("data-progress"))
|
||||
}
|
||||
|
||||
if ($(course).attr("data-category")) {
|
||||
allFiltersFromLps.push($(course).attr("data-category"))
|
||||
}
|
||||
})
|
||||
|
||||
$(".filter-item").each((index, filter) => {
|
||||
const filterValue = $(filter).find("input").val()
|
||||
const filterCount = getFilterCount(filterValue, allFiltersFromLps)
|
||||
|
||||
|
||||
if ($(filter).hasClass("category-filter")) {
|
||||
if (filterCount == 0) {
|
||||
$(filter).hide()
|
||||
} else {
|
||||
$(filter).find("label > span").text(`(${filterCount})`)
|
||||
}
|
||||
} else {
|
||||
$(filter).find("label > span").text(`(${filterCount})`)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const getFilterCount = (value, array) => {
|
||||
let count = 0;
|
||||
|
||||
array.forEach(filter => {
|
||||
if (filter == value) { count++; }
|
||||
});
|
||||
|
||||
return count
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,53 @@
|
||||
{% include "header" %}
|
||||
<div class="your-profile-container">
|
||||
<div class="your-profile np-max-width">
|
||||
your profile
|
||||
</div>
|
||||
</div>
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div width="100%" height="100%" style="margin-bottom: 46px;">
|
||||
<iframe src="https://customer.brighton-science.com/profile-update" frameborder="0" width="100%" height="1400px" id="profile-update-frame"></iframe>
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.your-profile-container {
|
||||
width: 100%;
|
||||
background-color: #F8FBFF;
|
||||
}
|
||||
|
||||
.your-profile {
|
||||
color: #185A7D;
|
||||
font-size: 50px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
text-transform: uppercase;
|
||||
padding: 23px 5% 12px;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
color: #185A7D;
|
||||
font-size: 34px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.embed-wrapper {
|
||||
margin-bottom:48px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
document.getElementById("profile-update-frame").name = Date();
|
||||
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
addActiveNavigationClass()
|
||||
})
|
||||
|
||||
function addActiveNavigationClass() {
|
||||
$('.np-header-avatar-button').addClass("np-sub-navigation-content-item-active")
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,434 @@
|
||||
/*
|
||||
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 }}
|
||||
*/
|
||||
|
||||
body {
|
||||
font-family: 'Heebo', "Roboto", sans-serif;
|
||||
background-color:#fff;
|
||||
}
|
||||
|
||||
.np-dashboard,
|
||||
.np-learning-paths {
|
||||
background-color:#fff;
|
||||
}
|
||||
|
||||
.np-button {
|
||||
border-radius:0;
|
||||
height:30px;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color:#0077B8;
|
||||
}
|
||||
|
||||
.np-card-container,
|
||||
.np-card-progress-bar-container,
|
||||
.np-card-progress-bar {
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
.dashboard-title {
|
||||
font-size: 24px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 16px;
|
||||
color: #185A7D;
|
||||
}
|
||||
|
||||
.learning-path-card .np-card-content {
|
||||
height:100%;
|
||||
justify-content:unset;
|
||||
}
|
||||
|
||||
.np-card-stack-level-1,
|
||||
.np-card-stack-level-2 {
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
.np-flex {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.np-card-content-progress i {
|
||||
margin-right:6px;
|
||||
}
|
||||
|
||||
.np-card-content-progress i.not-started-circle {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
border: 2.7px dashed;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.dashboard-title {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.learning-path-card.np-card {
|
||||
display:flex;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.learning-path-card .np-card-container {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.learning-path-card .np-learning-path {
|
||||
height:100%;
|
||||
}
|
||||
|
||||
.learning-path-card .np-card-content-title {
|
||||
flex: 1;
|
||||
font-weight: 500;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.course-card .np-card-container,
|
||||
.previous-event-card .np-card-container {
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
.course-card .np-card-content-footer,
|
||||
.previous-event-card .np-card-content-footer {
|
||||
margin-top:0;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.course-card .course-category {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
opacity: 0.9;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-transform:uppercase;
|
||||
color: #fff;
|
||||
padding: 6px 26px;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: 27px;
|
||||
z-index: 2;
|
||||
background-color: {{ color_palette.button_color }};
|
||||
}
|
||||
|
||||
.course-card .np-card-content,
|
||||
.previous-event-card .np-card-content {
|
||||
padding: 20px 0 0;
|
||||
}
|
||||
|
||||
.course-card .np-card-content-progress,
|
||||
.previous-event-card .np-card-content-progress {
|
||||
margin-bottom:12px;
|
||||
font-size:14px;
|
||||
text-transform:lowercase;
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
.np-card.previous-event-card {
|
||||
padding: 0 0 32px;
|
||||
}
|
||||
|
||||
.previous-event-card .np-card-cotnent-title {
|
||||
font-size:16px;
|
||||
line-height:normal;
|
||||
}
|
||||
|
||||
/* FILTERS */
|
||||
.filters-container {
|
||||
margin-bottom:64px;
|
||||
background-color: #F8FBFF;
|
||||
}
|
||||
|
||||
.filters-heading {
|
||||
background-color: #185A7D;
|
||||
color:#fff;
|
||||
padding: 8px 25px;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
line-height: normal;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.filters-heading.active i {
|
||||
transform:rotate(180deg);
|
||||
}
|
||||
|
||||
.filters-content {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
}
|
||||
|
||||
.filter-column {
|
||||
padding: 20px 32px;
|
||||
}
|
||||
|
||||
.filter-column.categories-column {
|
||||
flex:1;
|
||||
}
|
||||
|
||||
.filter-column-title {
|
||||
color: #185A7D;
|
||||
font-size: 21px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
letter-spacing: 2.1px;
|
||||
text-transform: uppercase;
|
||||
margin-bottom:16px;
|
||||
}
|
||||
|
||||
.filter-item label {
|
||||
color: #000;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 40px;
|
||||
text-transform: uppercase;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.filters-content {
|
||||
display:flex;
|
||||
}
|
||||
|
||||
.categories-column .filters-list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
max-width: 550px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.filter-item {
|
||||
margin-right: 24px;
|
||||
}
|
||||
|
||||
.categories-column .filters-list .filter-item {
|
||||
width:calc(50% - 24px);
|
||||
}
|
||||
}
|
||||
|
||||
.fa-spinner {
|
||||
color: #EAAF1E;
|
||||
font-size: 22px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.fa-check-circle {
|
||||
color: #16C466;
|
||||
font-size: 22px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.learning-path-card .np-card-container {
|
||||
border: 1px solid #185A7D;
|
||||
|
||||
-webkit-box-shadow: 9px 9px 0px -1px rgba(0, 119, 184, 1);
|
||||
-moz-box-shadow: 9px 9px 0px -1px rgba(0, 119, 184, 1);
|
||||
box-shadow: 9px 9px 0px -1px rgba(0, 119, 184, 1);
|
||||
}
|
||||
|
||||
.learning-path-card .np-card-content-title,
|
||||
.course-card .np-card-content-title {
|
||||
color: #0077B8;
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.course-card .np-card-content-title {
|
||||
font-size: 16px;
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
.learning-path-card .np-card-content-card {
|
||||
color: #0077B8;
|
||||
font-size: 28px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.learning-path-card .np-card-content-progress span,
|
||||
.course-card .np-card-content-progress span {
|
||||
color: #000;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.learning-path-card .np-card-progress-bar {
|
||||
background-color: #EAAF1E;
|
||||
}
|
||||
|
||||
.learning-path-card .np-card-progress-bar-container {
|
||||
border: 1px solid #707070;
|
||||
background-color: #FFFFFF;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.learning-path-card .np-button {
|
||||
padding: 3px 16px;
|
||||
color: #FFF;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.learning-path-card .np-learning-path-items-count {
|
||||
color: #185A7D;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.case-studies {
|
||||
background-color: #256180 !important;
|
||||
}
|
||||
|
||||
.surface-research {
|
||||
background-color: #6ABCD5CC !important;
|
||||
}
|
||||
|
||||
.internal-training {
|
||||
background-color: #10BE60!important;
|
||||
}
|
||||
|
||||
.webinars-and-events {
|
||||
background-color: #EEA153 !important;
|
||||
}
|
||||
|
||||
.course-card .np-card-content-progress {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.course-card .np-card-content-progress i.not-started-circle {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.course-card .np-card-content-footer .np-button {
|
||||
color: #FFF;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
padding: 6px 18px;
|
||||
background-color: #0077B8;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type=checkbox]:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
top: -4px;
|
||||
left: 0;
|
||||
border: 2px solid #0077B8;
|
||||
border-radius: 3px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked:after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 4px;
|
||||
height: 9px;
|
||||
border: solid #0077B8;
|
||||
border-width: 0 2px 2px 0;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
left: 7px;
|
||||
}
|
||||
|
||||
.np-learning-path:hover .np-card-content-title,
|
||||
.course-card .np-card-container:hover .np-card-content-title {
|
||||
color: #185A7D;
|
||||
}
|
||||
|
||||
.course-card .np-card-container:hover .np-card-content-footer .np-button,
|
||||
.np-learning-path:hover .np-button {
|
||||
background-color: #185A7D;
|
||||
}
|
||||
|
||||
/*.np-learning-path:hover {
|
||||
-webkit-box-shadow: 3px 3px 0px -1px #185A7D;
|
||||
-moz-box-shadow: 3px 3px 0px -1px #185A7D;
|
||||
box-shadow: 3px 3px 0px -1px #185A7D;
|
||||
transition: .5s ease all;
|
||||
}*/
|
||||
|
||||
.learning-path-card:hover .np-card-container {
|
||||
-webkit-box-shadow: 3px 3px 0px -1px #185A7D;
|
||||
-moz-box-shadow: 3px 3px 0px -1px #185A7D;
|
||||
box-shadow: 3px 3px 0px -1px #185A7D;
|
||||
transition: .5s all;
|
||||
}
|
||||
|
||||
.np-learning-path:hover .np-card-image,
|
||||
.course-card .np-card-container:hover .np-card-image {
|
||||
scale: 1.25;
|
||||
transition: .5s ease all;
|
||||
}
|
||||
|
||||
.learning-path-image-container {
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.course-image-container {
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.np-learning-path-image {
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.learning-path-image-container {
|
||||
max-width: 345px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,24 @@
|
||||
{% if current_school.filtering_enabled? and current_person.filterable_catalog_categories.count > 0 %}
|
||||
<div class="uk-width-medium-1-6 uk-block uk-padding uk-list-mod">
|
||||
<h3 class="h3-size-mod">Browse by Category</h3>
|
||||
<ul class="uk-list uk-list-space uk-list-mod ">
|
||||
<li class="uk-margin-top">
|
||||
{% if query_parameter_value %}
|
||||
{% capture reset_filters_route %}{{ routes.school_website_catalog_search_path }}?q={{ query_parameter_value }}{% endcapture %}
|
||||
{% else %}
|
||||
{% assign reset_filters_route = routes.school_website_catalog_path %}
|
||||
{% endif %}
|
||||
<a href="{{ reset_filters_route }}" class="{% unless filter_parameter_value %} uk-button category-chosen {% endunless %}" data-test="catalog-filter-all">
|
||||
All Courses
|
||||
</a>
|
||||
</li>
|
||||
{% for filterable_category in current_person.filterable_catalog_categories %}
|
||||
<li>
|
||||
<a href="{{ filterable_category.catalog_link }}" class="{% if filterable_category.active? %}uk-button category-chosen{% endif %}" data-test="catalog-filter-category">
|
||||
{{ filterable_category.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -0,0 +1,88 @@
|
||||
<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">
|
||||
<a href="{{ course.cover_path }}">
|
||||
<div class="uk-panel uk-panel-box uk-panel-box-secondary uk-border svg-time-position">
|
||||
{% if course.ribbon %}
|
||||
<div class="uk-panel-badge uk-badge">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="uk-panel-teaser uk-panel-teaser-mod">
|
||||
{% if current_person.enrolled_in_course? %}
|
||||
<a href="{{ course.cover_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 %}
|
||||
{% if current_person.enrolled_in_course? %}
|
||||
<svg viewBox="0 0 36 36" class="percent-circle red">
|
||||
<path class="circle-bg"
|
||||
d="M18 2.0845
|
||||
a 15.9155 15.9155 0 0 1 0 31.831
|
||||
a 15.9155 15.9155 0 0 1 0 -31.831"
|
||||
/>s
|
||||
<path class="circle"
|
||||
stroke-dasharray="{{course.progress}}, 100"
|
||||
d="M18 2.0845
|
||||
a 15.9155 15.9155 0 0 1 0 31.831
|
||||
a 15.9155 15.9155 0 0 1 0 -31.831"
|
||||
/>
|
||||
<text x="18" y="20.35" class="percentage">{{course.progress}}%</text>
|
||||
</svg>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if current_school.filtering_enabled? %}
|
||||
<span>
|
||||
</span>
|
||||
{% endif %}
|
||||
<h3 class="uk-panel-title uk-margin-bottom-remove my-course-title">
|
||||
{% if current_person.enrolled_in_course? %}
|
||||
<a href="{{ course.cover_path }}" data-test="course-name">{{ course.name }}</a>
|
||||
{% else %}
|
||||
<a href="{{ course.details_path }}" data-test="course-name">{{ course.name }}</a>
|
||||
{% endif %}
|
||||
</h3>
|
||||
<div class= "course-desc-clamp">
|
||||
<p class="uk-margin-small-top uk-margin-large-bottom space-title"> {{ course.full_description }}
|
||||
</p>
|
||||
</div>
|
||||
<p class="uk-margin-small-top uk-margin-large-bottom">
|
||||
{% comment %} <svg id="clock red" viewBox="0 0 100 100">
|
||||
<circle id="face" cx="50" cy="50" r="45"/>
|
||||
<rect id="hour" x="48.5" y="11.5" width="1" height="40" rx="2.5" ry="2.55" />
|
||||
<line id="min" x1="49.5" y1="51" x2="80" y2="26" />
|
||||
</svg> {% endcomment %}
|
||||
<div class="clock-container">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g stroke="#e60000">
|
||||
<g>
|
||||
<g>
|
||||
<g transform="translate(-555 -1347) translate(554 982) translate(1 363) translate(0 2)">
|
||||
<circle cx="10" cy="10" r="9.333"/>
|
||||
<path d="M6 6L10 10 16.667 10M10 3.333L10 4.667M10 16.667L10 15.333M3.333 10L4.667 10"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
{{ course.short_description }}
|
||||
</p>
|
||||
<div>
|
||||
{% comment %} <p class="uk-margin-small-top uk-margin-large-bottom">{{ course.instructor_names }}</p> {% endcomment %}
|
||||
{% if current_person.enrolled_in_course? %}
|
||||
<div data-percent="{{ course.progress }}"></div>
|
||||
{% else %}
|
||||
{% if current_school.apps.commerce.active? %}
|
||||
{{ course.formatted_price }}
|
||||
{% else %}
|
||||
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
@ -0,0 +1,9 @@
|
||||
<div class="uk-width-1-1 uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
|
||||
<h2>My Trainings</h2>
|
||||
<div class="uk-margin-bottom sk-text-link">
|
||||
You haven't registered for any trainings yet.
|
||||
</div>
|
||||
<a href="/training_events" class="uk-button uk-button-primary">
|
||||
Discover Trainings
|
||||
</a>
|
||||
</div>
|
||||
@ -0,0 +1,26 @@
|
||||
<li class="event-list-item">
|
||||
{% if event.logmein? %}
|
||||
{% if event.pending? %}
|
||||
<span class="sk-badge sk-badge__pending">Pending</span>
|
||||
{% elsif event.waiting? %}
|
||||
<span class="sk-badge sk-badge__waiting">Waiting</span>
|
||||
{% endif %}
|
||||
{{ event.starts_at }} {% t .is_your %} <span class=" event-name-highlighted event-list-item__title">{{ event.title }}</span> {% t .event_held_online %}
|
||||
<div class="event-list-item__actions uk-float-right">
|
||||
<a class="join-cta" href="{{ event.join_url }}" target="_blank">{% t .join %}</a> <i class="actions-ellipsis-button"></i>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if event.internal? %}
|
||||
{{ event.starts_at }} {% t .is_your %} <span class="uk-text-primary event-list-item__title">{{ event.title }}</span>
|
||||
{% if event.location_name %}
|
||||
{% t .event_held_in %} {{ event.room_name }} {% t .at %} {{ event.location_name }}
|
||||
{% endif %}
|
||||
{% if event.session_url %}
|
||||
<div class="event-list-item__actions uk-float-right">
|
||||
<a href="{{ event.session_url }}" target="_blank">{% t .join %}</a> <i class="actions-ellipsis-button"></i>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</li>
|
||||
|
||||
|
||||
@ -0,0 +1,24 @@
|
||||
{% comment %} {% if current_school.filtering_enabled? and current_person.filterable_categories.count > 0 %}
|
||||
<div class="uk-width-medium-1-6 uk-block uk-padding">
|
||||
{% t .filter_by_category %}:
|
||||
<ul class="uk-list uk-list-space">
|
||||
<li class="uk-margin-top">
|
||||
{% if query_parameter_value %}
|
||||
{% capture reset_filters_route %}{{ routes.school_website_search_path }}?q={{ query_parameter_value }}{% endcapture %} Courses
|
||||
{% else %}
|
||||
{% assign reset_filters_route = routes.my_content_path %}
|
||||
{% endif %}
|
||||
<a href="{{ reset_filters_route }}" class="{% unless filter_parameter_value %}uk-text-bold{% endunless %}">
|
||||
{% t .all %}
|
||||
</a>
|
||||
</li>
|
||||
{% for filterable_category in current_person.filterable_categories %}
|
||||
<li>
|
||||
<a href="{{ filterable_category.link }}" class="{% if filterable_category.active? %}uk-text-bold{% endif %}">
|
||||
{{ filterable_category.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %} {% endcomment %}
|
||||
@ -0,0 +1,139 @@
|
||||
<footer class="footer-container">
|
||||
<script type="text/javascript">
|
||||
window.parent.postMessage(window.location.pathname + window.location.search,'*')
|
||||
</script>
|
||||
<script>
|
||||
// open all links in a new tab
|
||||
|
||||
|
||||
|
||||
function linkPress(event){
|
||||
let target = event.target
|
||||
do {
|
||||
|
||||
if (target.nodeName.toUpperCase() === 'A' && target.href) {
|
||||
const hasLink = target.origin.includes('northpassprovider.evipscloud.com')
|
||||
if(!hasLink){
|
||||
target.target = '_blank';
|
||||
target.setAttribute( 'rel', 'noopener noreferrer nofollow')
|
||||
}
|
||||
break;
|
||||
}
|
||||
} while (target = target.parentElement);
|
||||
}
|
||||
|
||||
document.body.addEventListener('click',linkPress,true)
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
function underlineNav() {
|
||||
var current = location.pathname.split('/')[1];
|
||||
var navItems = document.querySelectorAll('.course-top-nav a');
|
||||
for (var i = 0, len = navItems.length; i < len; i++) {
|
||||
if (navItems[i].getAttribute("href") == "") {
|
||||
return navItems[i].className = "current";
|
||||
}
|
||||
if (navItems[i].getAttribute("href")== "/courses") {
|
||||
navItems[i].className= "current";
|
||||
|
||||
}
|
||||
if (navItems[i].getAttribute("href").indexOf(current) != -1) {
|
||||
navItems[i].className= "current";
|
||||
navItems[i-1].className= "not_current";
|
||||
navItems[i-2].className= "not_current";
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
underlineNav();
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
{% comment %}
|
||||
<script>
|
||||
const data = null;
|
||||
|
||||
const xhr = new XMLHttpRequest();
|
||||
xhr.addEventListener("readystatechange", function () {
|
||||
if (this.readyState === this.DONE) {
|
||||
}
|
||||
});
|
||||
|
||||
xhr.open("GET", "https://northpassprovider.evipscloud.com/catalog");
|
||||
xhr.setRequestHeader("accept", "application/json");
|
||||
xhr.setRequestHeader("x-api-key", "4wCcTwYlAv0Wy9FS3D0ySEGmy");
|
||||
xhr.responseType= "document";
|
||||
xhr.send(data);
|
||||
</script>
|
||||
{% endcomment %}
|
||||
|
||||
|
||||
<div class="footer-content">
|
||||
<div class="group">
|
||||
<img
|
||||
class="ev-logo"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>
|
||||
<div class="ev-links">
|
||||
<a href="http://support.evrealestate.com" target="_blank">
|
||||
Support
|
||||
</a>
|
||||
<a target="_blank">Privacy</a>
|
||||
<a target="_blank">Terms</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class= "copyright">© 2020 Engel & Völkers Americas, Inc. All rights reserved.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
|
||||
{% comment %} <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> {% endcomment %}
|
||||
@ -0,0 +1,44 @@
|
||||
|
||||
|
||||
<header class="wgs uk-z-4" >
|
||||
<div class="uk-padding-horizontal uk-container uk-container-center uk-container-mod">
|
||||
<nav class="uk-navbar" data-behavior="dropdown">
|
||||
<ul class="uk-navbar-nav resize-nav course-top-nav">
|
||||
|
||||
<li>
|
||||
<a href="/"> Home</a>
|
||||
<a href="/my_dashboard"> My Dashboard</a>
|
||||
<a href="/courses"> Course Catalog</a>
|
||||
<a href="/learning_paths"> Learning Paths</a>
|
||||
<a href="/training_events"> Trainings</a>
|
||||
|
||||
|
||||
</li>
|
||||
{% comment %}
|
||||
{% for website_navigation in header_navigations %}
|
||||
{% if website_navigation.path != "/training_events" %}
|
||||
|
||||
<li>
|
||||
<a href="{{ website_navigation.path }}" {% if website_navigation.external? %} target="_blank" {% endif %}>
|
||||
{% if website_navigation.path == "/courses" %}
|
||||
Course Catalogue
|
||||
{% else website.pa %}
|
||||
{{ website_navigation.name }}
|
||||
{% endif %}
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %} {% endcomment %}
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
<div></div>
|
||||
{% else %}
|
||||
<li><a href="{{ routes.log_in_path }}">{% t .log_in %}</a></li>
|
||||
{% endif %}
|
||||
{% comment %} {% include 'catalog_search_form' %} {% endcomment %}
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
@ -0,0 +1,38 @@
|
||||
<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 my-dashboard__tile">
|
||||
<div class="uk-panel uk-panel-box uk-panel-box-secondary uk-border">
|
||||
<div class="uk-panel-teaser">
|
||||
{% if current_person.enrolled_in_learning_path? %}
|
||||
<a href="{{ learning_path.cover_path }}" class="main-link">
|
||||
<img src="{{ learning_path.list_image_url }}" class="uk-responsive-width uk-width-1-1">
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="{{ learning_path.details_path }}" class="main-link">
|
||||
<img src="{{ learning_path.list_image_url }}" class="uk-responsive-width uk-width-1-1">
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if current_school.filtering_enabled? and current_school.learning_paths_enabled? %}
|
||||
<span>
|
||||
{{ learning_path.learning_path_category_names }}
|
||||
</span>
|
||||
{% endif %}
|
||||
<h3 class="uk-panel-title uk-margin-bottom-remove">
|
||||
{% if current_person.enrolled_in_learning_path? %}
|
||||
<a href="{{ learning_path.cover_path }}" data-test="learning-path-name">{{ learning_path.name }}</a>
|
||||
{% else %}
|
||||
<a href="{{ learning_path.details_path }}" data-test="learning-path-name">{{ learning_path.name }}</a>
|
||||
{% endif %}
|
||||
</h3>
|
||||
<p class="uk-margin-small-top uk-margin-large-bottom">{{ learning_path.instructor_names }}</p>
|
||||
<p class="uk-margin-small-bottom">{{ learning_path.progress_text }}</p>
|
||||
{% if current_person.enrolled_in_learning_path? %}
|
||||
<a href="{{ learning_path.cover_path }}" class="uk-button my-dashboard__tile-action uk-position-bottom-right go-path-style" data-test="go-to-path">
|
||||
{{ learning_path.go_to_label }}
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="{{ learning_path.details_path }}" class="uk-button my-dashboard__tile-action uk-position-bottom-right go-path-style" data-test="go-to-path">
|
||||
{{ learning_path.view_label }}
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</li>
|
||||
@ -0,0 +1,10 @@
|
||||
{% comment %} <div class="uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
|
||||
<ul class="course-top-nav resize-nav underline-my-courses">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Course Catalogue</a></li>
|
||||
<li><a href="#">{{ my_content.headline }}</a></li>
|
||||
</div> {% endcomment %}
|
||||
|
||||
{% comment %} <div></div> <h3 class="uk-margin-top-remove">{{ my_content.subheadline }}</h3> {% endcomment %}
|
||||
|
||||
|
||||
@ -0,0 +1,22 @@
|
||||
{% comment %} <div class="uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
|
||||
<h2 data-test="my-paths">{{ my_content.learning_paths_headline }}</h2>
|
||||
<h3 class="uk-margin-top-remove">{{ my_content.learning_paths_subheadline }}</h3>
|
||||
</div>
|
||||
<div class="uk-grid uk-grid-flex uk-margin-left-remove">
|
||||
{% include "learning_path_filters" with "" %}
|
||||
{% if current_school.filtering_enabled? and current_school.learning_paths_enabled? and current_person.filterable_learning_path_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 my-dashboard__list learning-paths__list uk-grid-match" data-uk-grid-match="{target:'.uk-panel'}">
|
||||
{% if my_content.learning_paths.any? %}
|
||||
{% for learning_path in my_content.learning_paths %}
|
||||
{% include "learning_path" %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<p>{{ my_content.empty_learning_paths }}</p>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
@ -0,0 +1,51 @@
|
||||
<li
|
||||
id="training-event-{{training_event.id}}"
|
||||
class="uk-width-large-1-3 uk-width-medium-1-2 uk-width-small-1-1 uk-margin-large-bottom"
|
||||
>
|
||||
<div
|
||||
class="sk-event sk-event--border sk-event--height"
|
||||
data-test="event-{{ training_event.title.parameterize }}"
|
||||
>
|
||||
<div class="sk-event__top uk-flex">
|
||||
<div class="sk-event__header uk-width-4-4 uk-padding-large-left">
|
||||
<div class="sk-event__title">{{ training_event.title }}</div>
|
||||
<div class="sk-event__type-v2">
|
||||
{% comment %} {{ training_event.type }} {% endcomment %}
|
||||
{% if training_event.type == "In-person Event" %}
|
||||
In-person Training
|
||||
{% else %}
|
||||
Webinar Training
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-padding">
|
||||
<div class="sk-event__sessions">
|
||||
<ul style="list-style-type: none; margin-bottom: 15px; padding-left: 0;">
|
||||
{% for session in training_event.sessions limit: 3 %}
|
||||
{% include "training_session", session: session, offset: 0, class_name: "" %}
|
||||
{% endfor %}
|
||||
|
||||
{% for session in training_event.sessions offset: 3 %}
|
||||
{% include "training_session", session: session, offset: 3, class_name: "hideable uk-hidden" %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% if training_event.sessions.size > 3 %}
|
||||
<a
|
||||
href="#"
|
||||
data-uk-toggle="{target: '#training-event-{{training_event.id}} .hideable'}"
|
||||
style="
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
margin: 15px 0;
|
||||
outline: 0;"
|
||||
>
|
||||
<span class="hideable">{% t .view_more %}</span>
|
||||
<span class="hideable uk-hidden">{% t .collapse %}</span>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
@ -0,0 +1,24 @@
|
||||
<li
|
||||
class="de-session uk-flex uk-flex-middle uk-margin-bottom {{ class_name }}"
|
||||
data-test="session-{{ forloop.index | plus: offset }}"
|
||||
>
|
||||
<i class="far fa-stopwatch de-session-icon uk-margin-horizontal stopwatch-color"/></i>
|
||||
<div>
|
||||
<span class="de-session-name">{% t .name %} {{ forloop.index | plus: offset }}</span>
|
||||
<span
|
||||
class="de-session-status uk-padding-small-left"
|
||||
data-test="registration-status"
|
||||
>
|
||||
{{session.registration_status}}
|
||||
</span>
|
||||
<span class="de-session-date">
|
||||
{{ session.session_date }}
|
||||
</span>
|
||||
</div>
|
||||
<a
|
||||
class="de-session-button uk-button uk-button-outline view-button"
|
||||
href="{{ session.self_url }}"
|
||||
>
|
||||
{% t .view %}
|
||||
</a>
|
||||
</li>
|
||||
@ -0,0 +1,121 @@
|
||||
|
||||
|
||||
{% if preview_banner %}
|
||||
{{ preview_banner }}
|
||||
{% endif %}
|
||||
|
||||
<div class="uk-container uk-container-center uk-padding-large uk-margin-large-top">
|
||||
{% comment %} <h4 class="uk-text-muted uk-margin-remove">{{ course.superscript }}</h4> {% endcomment %}
|
||||
{% if course.learner_can_retake? %}
|
||||
<form action="{{ course.course_attempts_path }}" method="POST" onsubmit="retakeButton.disabled = true;">
|
||||
<button type="submit" class="uk-button uk-float-right completion-button completion-button-style" data-test="retake-course-button" name="retakeButton">{{ course.retake_course }}</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<a href="{{ course.outline_path }}" class="uk-button uk-float-right completion-button completion-button-style" data-test="start-course-button">{{ course.start_or_continue }} Course</a>
|
||||
{% endif %}
|
||||
|
||||
{% comment %} {% if current_school.filtering_enabled? %}
|
||||
<h3 class="uk-margin-remove">{{ course.course_category_names }}</h3>
|
||||
{% endif %} {% endcomment %}
|
||||
|
||||
<h1 data-test="course-name" class="uk-margin-remove cover-course-title">{{ course.name }}</h1>
|
||||
<div>
|
||||
<p class="uk-margin-small-top uk-margin-large-bottom course-time clock-container">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g stroke="#e60000">
|
||||
<g>
|
||||
<g>
|
||||
<g transform="translate(-555 -1347) translate(554 982) translate(1 363) translate(0 2)">
|
||||
<circle cx="10" cy="10" r="9.333"/>
|
||||
<path d="M6 6L10 10 16.667 10M10 3.333L10 4.667M10 16.667L10 15.333M3.333 10L4.667 10"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>{{ course.short_description }}</p>
|
||||
</div>
|
||||
<div class="cover-container">
|
||||
<div class="cover-left">
|
||||
<div class="course-img-style-mod">
|
||||
<img src="{{ course.featured_image_url }}" />
|
||||
<svg viewBox="0 0 36 36" class="percent-circle red">
|
||||
<path class="circle-bg"
|
||||
d="M18 2.0845
|
||||
a 15.9155 15.9155 0 0 1 0 31.831
|
||||
a 15.9155 15.9155 0 0 1 0 -31.831"
|
||||
/>
|
||||
<path class="circle"
|
||||
stroke-dasharray="{{course.progress}}, 100"
|
||||
d="M18 2.0845
|
||||
a 15.9155 15.9155 0 0 1 0 31.831
|
||||
a 15.9155 15.9155 0 0 1 0 -31.831"
|
||||
/>
|
||||
<text x="18" y="20.35" class="percentage">{{course.progress}}%</text>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="uk-width-medium-1-2 uk-margin-bottom course-overview">
|
||||
<article class="uk-article">
|
||||
<h3>Course Overview</h3>
|
||||
<p>{{ course.full_description }}</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
{% if course.has_outline? %}
|
||||
<div class="uk-width-medium-1-2 cover-right">
|
||||
|
||||
<h3>{{ course.outline_label }}</h3>
|
||||
<ol class="uk-list cover-outline ">
|
||||
{% for section in learner_syllabus.sections %}
|
||||
<li class="uk-margin-large-bottom">
|
||||
<h3><strong>Module {{ forloop.index }}: {{ 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 change-underline-color">
|
||||
{% for activity in section.activities %}
|
||||
<li class="{% if activity.completed? %}completed {% endif %}{% if activity.locked? %}locked{% endif %}" >
|
||||
<svg class = "check-mark" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<g fill-rule="nonzero">
|
||||
<g>
|
||||
<g class="outside-circle">
|
||||
<path fill="#FFFFFF" stroke="#444444" d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0z" transform="translate(-728 -327) translate(729 328)"/>
|
||||
<g class="inside-check">
|
||||
<path fill="#444444" d="M10.725.225L3.75 7.2 1.275 4.725c-.3-.3-.75-.3-1.05 0-.3.3-.3.75 0 1.05l3 3c.15.15.3.225.525.225.225 0 .375-.075.525-.225l7.5-7.5c.3-.3.3-.75 0-1.05-.3-.3-.75-.3-1.05 0z" transform="translate(-728 -327) translate(729 328) translate(4 6)"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
{% 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>
|
||||
|
||||
@ -0,0 +1,97 @@
|
||||
<div class="uk-container uk-container-center uk-margin-top uk-margin-bottom uk-padding-large-top">
|
||||
<h1 class="uk-text-center uk-padding-horizontal">{{ course.name }}</h1>
|
||||
</div>
|
||||
<div class="uk-block uk-block-muted uk-margin-large-bottom uk-border-top uk-border-bottom">
|
||||
<div class="uk-container uk-container-center">
|
||||
<div class="uk-grid uk-padding-horizontal">
|
||||
<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 class="uk-width-medium-4-10">
|
||||
<div class="uk-margin-large-bottom uk-text-large uk-text-muted">
|
||||
{{ course.short_description }}
|
||||
</div>
|
||||
{% if current_person.enrolled_in_course? %}
|
||||
<a href="{{ course.cover_path }}"></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">
|
||||
{%- comment -%} {% if current_school.apps.commerce.active? %}
|
||||
{{ course.buy_label }} - {{ course.formatted_price }}
|
||||
{% else %}
|
||||
{% t .enroll %}
|
||||
{% endif %} {%- endcomment -%}
|
||||
<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 %}
|
||||
{% comment %} {% unless current_school.disable_social_share? %}
|
||||
<div class="uk-padding-large-top uk-margin-top">
|
||||
{{ course.social_links }}
|
||||
</div>
|
||||
{% endunless %} {% endcomment %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div 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 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 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,61 @@
|
||||
{% comment %}
|
||||
<div class="uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
|
||||
<ul class="course-top-nav resize-nav undo-underline underline-catalog">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Course Catalogue</a></li>
|
||||
<li><a href="#">{{ my_content.headline }}</a></li>
|
||||
</div>
|
||||
{% endcomment %}
|
||||
{% comment %} <div class="header-image">
|
||||
<img src="https://engel-prod-global.s3.amazonaws.com/global/static/banners/academy-banner.png" width="1300" height="151" alt="Academy-Catalog-Banner">
|
||||
</div> {% endcomment %}
|
||||
|
||||
<div class='uk-container uk-container-center'>
|
||||
<div class="uk-width-small-1-1 uk-width-medium-1-1 uk-margin-vertical">
|
||||
<h2 class="uk-padding-horizontal uk-margin-large-bottom" data-test="discover-learning-paths-header">
|
||||
Academy courses available to you.
|
||||
</h2>
|
||||
<hr/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='uk-container uk-container-center'>{% include 'catalog_search_form' %}</div>
|
||||
<div class="uk-container uk-container-center uk-margin-top uk-margin-large-bottom">
|
||||
{% include "my_content_header" with "" %}
|
||||
<div class="uk-grid uk-grid-flex uk-margin-left-remove ">
|
||||
{% include "catalog_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>
|
||||
{% comment %} {% if course_catalog.headline or course_catalog.subheadline %}
|
||||
<div class="uk-text-center uk-padding-large-vertical uk-padding-horizontal">
|
||||
{% if courses %}
|
||||
|
||||
{% else %}
|
||||
<h1></h1>
|
||||
<h2 class="page-header">
|
||||
|
||||
</h2>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div id="catalog-content" 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>
|
||||
{% endcomment %}
|
||||
</div>
|
||||
@ -0,0 +1,9 @@
|
||||
<style>
|
||||
|
||||
.iZnTPu {
|
||||
display:none;
|
||||
}
|
||||
.cgrUBS {
|
||||
display:none;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,36 @@
|
||||
<div class="uk-padding-horizontal uk-container uk-container-center">
|
||||
<div class="uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
|
||||
<h2>Discover Trainings</h2>
|
||||
</div>
|
||||
|
||||
{% if discover_events.filter_options.any? %}
|
||||
<div class="sk-events__filter uk-margin-large-top uk-margin-bottom uk-margin-horizontal">
|
||||
<form class="uk-form uk-grid uk-width-large-2-3 uk-width-small-1-1">
|
||||
<label class="uk-display-inline-block" for="filter">{% t .filter.label %}</label>
|
||||
<div class="uk-display-inline-block uk-width-medium-4-10 uk-width-small-1-1 uk-margin-bottom">
|
||||
{{ discover_events.filter }}
|
||||
</div>
|
||||
<div class="uk-display-inline-block">
|
||||
<button class="uk-button uk-button-primary apply-button">{% t .filter.apply %}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if training_events.empty? %}
|
||||
<div class="sk-margin-xlarge-top">
|
||||
<h1 class="uk-text-center">{% t .no_events %}</h1>
|
||||
<h1 class="uk-text-center uk-margin-top-remove">{% t .check_later %}</h1>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="uk-grid uk-grid-flex uk-margin-left-remove">
|
||||
<div class="uk-width-1-1 uk-padding">
|
||||
<ul class="uk-grid uk-grid-medium school-website-course-list uk-grid-match">
|
||||
{% for training_event in training_events %}
|
||||
{% include "training_event" training_event = training_event %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -0,0 +1,73 @@
|
||||
{% if homepage.headline %}
|
||||
<h1 class="uk-text-center uk-heading-large uk-container-center uk-heading-mod" style="margin-top:32px;">{{ homepage.headline }}</h1>
|
||||
{% endif %}
|
||||
|
||||
{% comment %} <h1 class="uk-text-center uk-heading-large uk-heading-large-mod uk-container-center"></h1> {% endcomment %}
|
||||
{% if homepage.subheadline %}
|
||||
<h2 class="uk-text-center uk-margin-large-bottom uk-subheading-mod" style='font-family: "EngelVoelkersText", Arial, sans-serif;'>{{ homepage.subheadline }}</h2>
|
||||
{% endif %}
|
||||
{% comment %} <h2 class="uk-text-center uk-margin-large-bottom uk-text-center-mod"></h2> {% endcomment %}
|
||||
{% unless homepage.artwork_url contains "/defaults/homepage-artwork_url" %}
|
||||
<div class="school-website-hero hero-tall uk-overlay uk-cover-background school-hero-mod" style="background-image: url('{{ homepage.artwork_url }}');">
|
||||
|
||||
</div>
|
||||
{% endunless %}
|
||||
|
||||
<div class="uk-container uk-container-center uk-padding-large-top uk-padding-large-bottom">
|
||||
<hgroup class="banner 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 class= "left-margin-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">
|
||||
<ul class="uk-grid school-website-course-list" data-behavior="listResize">
|
||||
{% for course in homepage.published_featured_courses %}
|
||||
{% include "course" %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<hgroup class="banner uk-padding-large-top uk-padding-large-horizontal">
|
||||
|
||||
{% comment %}
|
||||
<h2 class= "left-margin-h2">World IPS</h2>
|
||||
<div class="uk-width-small-1-1 uk-width-1-1 uk-padding-large-horizontal uk-container-center uk-padding-large-top">
|
||||
<ul class="uk-grid school-website-course-list" data-behavior="listResize">
|
||||
{% for course in my_content.courses %}
|
||||
{% if course.course_category_names == "World IPS" %}
|
||||
{% include 'course' %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</hgroup>
|
||||
{% endcomment %}
|
||||
<hgroup class="banner uk-padding-large-top uk-padding-large-horizontal">
|
||||
|
||||
<h2 class= "left-margin-h2">Webinar Archives</h2>
|
||||
<div class="uk-width-small-1-1 uk-width-1-1 uk-padding-large-horizontal uk-container-center uk-padding-large-top">
|
||||
<ul class="uk-grid school-website-course-list" data-behavior="listResize">
|
||||
{% for course in my_content.courses %}
|
||||
{% if course.course_category_names == "Webinar Archives" %}
|
||||
{% include 'course' %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</hgroup>
|
||||
|
||||
|
||||
</div>
|
||||
@ -0,0 +1,16 @@
|
||||
<div class="uk-container uk-container-center uk-margin-top uk-margin-large-bottom">
|
||||
<div class="uk-width-small-1-1 uk-width-medium-1-1 uk-margin-vertical">
|
||||
<h2 class="uk-padding-horizontal uk-margin-large-bottom" data-test="discover-learning-paths-header">
|
||||
Specialized curriculums assigned based on role or program.
|
||||
</h2>
|
||||
<hr/>
|
||||
</div>
|
||||
|
||||
<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 learning_path in learning_paths %}
|
||||
{% include "learning_path" %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,37 @@
|
||||
<div class="uk-container uk-container-center school-website-course-index-list uk-margin-top uk-margin-bottom">
|
||||
<div class="uk-width-small-1-1 uk-width-medium-1-1 uk-margin-vertical uk-padding-horizontal">
|
||||
<h2 class="uk-padding-horizontal uk-margin-large-bottom" data-test="discover-learning-paths-header">
|
||||
Academy courses relevant to you.
|
||||
</h2>
|
||||
<hr/>
|
||||
</div>
|
||||
<div class="uk-padding-horizontal">
|
||||
{% comment %} {% if current_school.apps.instructor_led_training.active? %}
|
||||
{% if current_person.upcoming_registered_events.any? %}
|
||||
{% include "events" %}
|
||||
{% else %}
|
||||
{% include "events_empty" %}
|
||||
{% endif %}
|
||||
{% endif %} {% endcomment %}
|
||||
|
||||
{% if my_content.learning_paths? %}
|
||||
{% include "my_paths" %}
|
||||
{% endif %}
|
||||
|
||||
{% include "my_content_header" with "" %}
|
||||
<div class="uk-grid uk-margin-left-remove">
|
||||
{% include "filters" with "" %}
|
||||
{% if current_school.filtering_enabled? and current_person.filterable_categories.count > 0 %}
|
||||
<div class="uk-container uk-container-center 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>
|
||||
@ -0,0 +1,653 @@
|
||||
|
||||
/*
|
||||
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 }}
|
||||
*/
|
||||
|
||||
/* FONT IMPORT */
|
||||
@font-face {
|
||||
font-family: "EngelVoelkersHead";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/engel-volkers/EngelVoelkersHead_W_Rg.woff") format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "EngelVoelkersHead";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/engel-volkers/EngelVoelkersHead_W_Bd.woff") format('woff');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "EngelVoelkersText";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/engel-volkers/EngelVoelkersText_W_Rg.woff") format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "EngelVoelkersText";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/engel-volkers/EngelVoelkersText_W_Lt.woff") format('woff');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "EngelVoelkersText";
|
||||
src: url("https://s3.amazonaws.com/static.northpass.com/engel-volkers/EngelVoelkersText_W_BD.woff") format('woff');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
|
||||
{% comment %}
|
||||
Styles for course.html.liquid template
|
||||
{% endcomment %}
|
||||
* {
|
||||
color: #0d0d0d !important;
|
||||
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: "EngelVoelkersText", Arial, sans-serif;
|
||||
color: #0d0d0d;
|
||||
font-size:16px;
|
||||
}
|
||||
|
||||
body {
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
overflow-y: scroll;
|
||||
margin: 0 0 5% 0%;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
font-family: "EngelVoelkersHead", Georgia, serif;
|
||||
}
|
||||
|
||||
h3, h4, h5 {
|
||||
font-family: "EngelVoelkersText", Arial, sans-serif;
|
||||
}
|
||||
|
||||
.header-modify {
|
||||
width: 1440px;
|
||||
}
|
||||
.uk-container-mod {
|
||||
}
|
||||
|
||||
{% comment %}
|
||||
Header Nav Styles
|
||||
{% endcomment %}
|
||||
.uk-navbar-nav{
|
||||
float: none ;
|
||||
display: flex;
|
||||
|
||||
}
|
||||
.course-top-nav li{
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content:flex-end;
|
||||
list-style: none;
|
||||
width: 100%;
|
||||
font-size: 18px;
|
||||
letter-spacing: .05px;
|
||||
list-style: none;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
.course-top-nav li a {
|
||||
text-decoration:none;
|
||||
color: #444444;
|
||||
letter-spacing: 0.01px;
|
||||
font-size: 18px;
|
||||
font-weight:bolder;
|
||||
list-style: none;
|
||||
height: auto;
|
||||
line-height:30px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
|
||||
.current::after {
|
||||
content: "";
|
||||
bottom: 2px;
|
||||
height: 2px;
|
||||
background: red;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
@media all and (max-width: 879px) {
|
||||
.resize-nav li{
|
||||
flex-flow: column wrap !important;
|
||||
height: auto;
|
||||
}
|
||||
.resize-nav li a{
|
||||
justify-content:center;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.course-top-nav li a {
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
.current::after{
|
||||
content: "";
|
||||
bottom: 2px;
|
||||
height: 2px;
|
||||
background: red;
|
||||
display: flex;
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: 500px) {
|
||||
.resize-nav {
|
||||
height: auto;
|
||||
|
||||
|
||||
}
|
||||
.resize-nav a {
|
||||
text-align: center;
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.course-top-nav a:hover {
|
||||
-ms-transform: translateY(-2px);
|
||||
-webkit-transform: translateY(-2px);
|
||||
transform: translateY(-2px);
|
||||
transition:.5s;
|
||||
}
|
||||
|
||||
.uk-border {
|
||||
border: none !important;
|
||||
}
|
||||
.uk-border-bottom {
|
||||
border-bottom:none !important;
|
||||
}
|
||||
|
||||
|
||||
.my-course-title{
|
||||
letter-spacing: .05px;
|
||||
font-weight:bolder;
|
||||
color: #444444;
|
||||
letter-spacing: 0.01px;
|
||||
height:5%;
|
||||
}
|
||||
|
||||
.space-title {
|
||||
display:flex;
|
||||
}
|
||||
.uk-grid-modify {
|
||||
width: 1100px;
|
||||
}
|
||||
.search-box {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
|
||||
{% comment %} .uk-margin-large-bottom .course-time p{
|
||||
color:red;
|
||||
margin-bottom: 0px;
|
||||
} {% endcomment %}
|
||||
|
||||
|
||||
.course-desc-clamp {
|
||||
margin-top:4% !important;
|
||||
display: -webkit-box !important;
|
||||
-webkit-box-orient: vertical !important;
|
||||
-webkit-line-clamp: 3 !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
|
||||
.course-desc-clamp p span{
|
||||
color: #444444 !important;
|
||||
|
||||
}
|
||||
|
||||
.uk-panel-teaser-mod {
|
||||
position: relative !important;
|
||||
display: inline-block !important;
|
||||
transition: transform 150ms ease-in-out !important;
|
||||
color: white;
|
||||
|
||||
}
|
||||
.uk-panel-teaser-mod img {
|
||||
display: block !important;
|
||||
max-width: 100% !important;
|
||||
height: auto !important;
|
||||
}
|
||||
.uk-panel-teaser-mod svg{
|
||||
position: absolute !important;
|
||||
bottom: 0 !important;
|
||||
right: 0 !important;
|
||||
}
|
||||
{% comment %}
|
||||
Styles for percentage circle within Course image element
|
||||
{% endcomment %}
|
||||
.percent-circle {
|
||||
display: block !important;
|
||||
margin: 10px auto !important;
|
||||
max-width: 20% !important;
|
||||
max-height: 20% !important;
|
||||
}
|
||||
.circle-bg {
|
||||
fill: white;
|
||||
stroke: #eee;
|
||||
stroke-width: 2.2;
|
||||
}
|
||||
|
||||
.circle {
|
||||
fill: none;
|
||||
stroke-width: 2.2;
|
||||
stroke-linecap: round;
|
||||
}
|
||||
|
||||
.percent-circle.red .circle {
|
||||
stroke: rgb(210,4,0) ;
|
||||
}
|
||||
|
||||
.percentage {
|
||||
fill: #666;
|
||||
font-size: .70rem !important;
|
||||
color: black !important;
|
||||
text-anchor: middle !important;
|
||||
}
|
||||
|
||||
{% comment %}
|
||||
Homepage
|
||||
{% endcomment %}
|
||||
.uk-heading-mod {
|
||||
font-stretch: normal;
|
||||
font-style: normal;
|
||||
letter-spacing: 0.02px;
|
||||
}
|
||||
.uk-subheading-mod {
|
||||
font-size: 20px;
|
||||
max-width: 735px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.school-hero-mod {
|
||||
max-width: 1044px;
|
||||
max-height: 400px;
|
||||
margin: 0 auto 0 auto;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.left-margin-h2 {
|
||||
margin: 0 auto 0 auto;
|
||||
padding-left:
|
||||
}
|
||||
.uk-text-center-mod {
|
||||
max-width: 800px;
|
||||
font-size: 21px;
|
||||
display:block;
|
||||
margin: 0 auto 0 auto;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.uk-heading-large {
|
||||
font-size: 25px;
|
||||
line-height: auto;
|
||||
}
|
||||
.uk-text-center-mod {
|
||||
max-width: 450px;
|
||||
font-size: 14x;
|
||||
display:block;
|
||||
margin: 0 auto 0 auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
{% comment %}
|
||||
Styles for Clock SVG next to Estimated Course Completion Time
|
||||
{% endcomment %}
|
||||
.clock-container {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content:flex-start;
|
||||
align-items: flex-end;
|
||||
background: white;
|
||||
color: #E60000 !important;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.clock-container svg{
|
||||
display: flex;
|
||||
width: 7%;
|
||||
margin-right: 2%;
|
||||
background: white;
|
||||
}
|
||||
|
||||
{% comment %} .svg-time-position.clock-container svg {
|
||||
display:flex;
|
||||
align-items: flex-end;
|
||||
} {% endcomment %}
|
||||
|
||||
.school-website-course-tile .uk-panel-box {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
#face { stroke-width: 3px; stroke: red; fill:white;}
|
||||
#hour, #min {
|
||||
stroke-width: 2.2px;
|
||||
fill: rgb(213,20,16);
|
||||
stroke: rgb(213,20,16);
|
||||
}
|
||||
#clock, #red {
|
||||
width:20%;
|
||||
}
|
||||
|
||||
|
||||
{% comment %}
|
||||
Course Catalog
|
||||
{% endcomment %}
|
||||
|
||||
.header-image img{
|
||||
margin: 0 auto;
|
||||
display:block;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.category-chosen {
|
||||
background: rgb(255,255,255) !important;
|
||||
color: #E60000 !important;
|
||||
padding-left: 5px;
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #E60000 !important;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 830px) {
|
||||
.category-chosen {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.uk-list-mod li a{
|
||||
line-height: 35px;
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
@media (min-width: 768px)
|
||||
.uk-list-mod {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.h3-size-mod {
|
||||
max-width: 160px;
|
||||
}
|
||||
{% comment %}
|
||||
Learning Path Style
|
||||
{% endcomment %}
|
||||
|
||||
.go-path-style {
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font: inherit;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
padding: 0 25px;
|
||||
vertical-align: middle;
|
||||
line-height: 39px;
|
||||
min-height: 30px;
|
||||
font-size: 18px;
|
||||
font-weight:bolder;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
transition: background-color 100ms ease-in;
|
||||
border: 1px solid #068ca8;
|
||||
border-color: #e60000 !important;
|
||||
color: #ffffff !important;
|
||||
background: #e60000 !important;
|
||||
|
||||
}
|
||||
|
||||
|
||||
{% comment %}
|
||||
.go-path-style {
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
font: inherit;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
padding: 0 20px;
|
||||
vertical-align: middle;
|
||||
line-height: 39px;
|
||||
min-height: 30px;
|
||||
font-size: 14px;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
border-radius: 2px;
|
||||
transition: background-color 100ms ease-in;
|
||||
border: 1px solid #068ca8;
|
||||
border-color: #d20400 !important;
|
||||
color: #ffffff !important;
|
||||
background: #d20400 !important;
|
||||
|
||||
}
|
||||
{% endcomment %}
|
||||
|
||||
{% comment %}
|
||||
My Dashboard Styles
|
||||
{% endcomment %}
|
||||
|
||||
.discover-events-button {
|
||||
background: rgb(210,4,0) !important;
|
||||
color: rgb(255,255,255) !important;
|
||||
padding: 0 25px;
|
||||
font-size: 18px;
|
||||
font-weight:bolder;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #eee !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
{% comment %}
|
||||
Footer Styles
|
||||
{% endcomment %}
|
||||
|
||||
.footer-container {
|
||||
border-top: 1px solid #e4e4e4;
|
||||
}
|
||||
|
||||
.footer-container .footer-content {
|
||||
padding-top: 50px;
|
||||
display: flex;
|
||||
-webkit-box-align: baseline;
|
||||
align-items: baseline;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
font-weight: 300;
|
||||
flex-wrap: wrap;
|
||||
margin: 0px auto;
|
||||
width: 95%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.group {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: baseline;
|
||||
align-items: baseline;
|
||||
margin: 0 2.5% 0 2.5%;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 830px)
|
||||
.footer-container .footer-content .group {
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.group img{
|
||||
display: flex;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 830px) {
|
||||
.group {
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.copyright {
|
||||
font-size: 14px !important;
|
||||
display:flex;
|
||||
}
|
||||
@media all and (max-width: 830px) {
|
||||
.copyright {
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container img {
|
||||
border-style:none;
|
||||
}
|
||||
|
||||
.ev-links {
|
||||
display:flex;
|
||||
justify-content: space-between !important;
|
||||
margin: 0 4% 0 4%;
|
||||
width:400px;
|
||||
}
|
||||
|
||||
.ev-links a {
|
||||
margin: 0 10% 0 10%;
|
||||
justify-content: space-between
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: 830px) {
|
||||
.ev-links a {
|
||||
margin-top: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.sk-branding-banner {
|
||||
-webkit-box-align: none;
|
||||
align-items: none;
|
||||
background-color: none;
|
||||
display: none;
|
||||
height: none;
|
||||
-webkit-box-pack: none;
|
||||
justify-content: none;
|
||||
}
|
||||
|
||||
.sk-branding-banner .sk-powered-button {
|
||||
display:none;
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
.sk-branding-banner.uk-button.uk-button-link.uk-text-small .sk-powered-button{
|
||||
display:none !important;
|
||||
height: 0px;
|
||||
width:0px;
|
||||
line-height: 0px !important;
|
||||
font-size: 0px !important;
|
||||
}
|
||||
|
||||
{% comment %}
|
||||
Events Page
|
||||
{% endcomment %}
|
||||
.stopwatch-color {
|
||||
color: rgb(210,4,0) !important;
|
||||
}
|
||||
|
||||
|
||||
.view-button {
|
||||
border-radius: 6px;
|
||||
font-size: 14px;
|
||||
line-height: 28px;
|
||||
margin-left: 4%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.apply-button {
|
||||
border-radius: 6px;
|
||||
font-size: 18px;
|
||||
font-weight:bolder;
|
||||
padding: 0 25px;
|
||||
}
|
||||
|
||||
{% comment %}
|
||||
Styles for Events List Segement in My Dashboard
|
||||
{% endcomment %}
|
||||
|
||||
.event-name-highlighted {
|
||||
font-size: 16px;
|
||||
list-style: none;
|
||||
line-height: 30px;
|
||||
color: rgb(210,4,0) !important;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.event-list-item__title {
|
||||
font-size: 16px;
|
||||
list-style: none;
|
||||
line-height: 30px;
|
||||
color: rgb(210,4,0) !important;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
.event-list-item__actions {
|
||||
font-weight:550;
|
||||
}
|
||||
|
||||
.iZnTPu {
|
||||
font: white !important;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.uk-float-right {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.search-box {
|
||||
display:flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
@ -0,0 +1,170 @@
|
||||
<div class="top-bar">
|
||||
<div class="top-bar__container uk-container uk-container-center uk-padding-horizontal">
|
||||
<div class="top-bar__col">
|
||||
<h2 class="top-bar__headline" data-test="session-name">{{ training_session.session_name }}</h2>
|
||||
<div class="top-bar__attributes">
|
||||
<div class="top-bar__attribute" data-test="event-title">
|
||||
<div class="top-bar__attribute-label">
|
||||
{% t .belongs_to %}
|
||||
</div>
|
||||
<div class="top-bar__attribute-value">
|
||||
{{ training_session.title }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="top-bar__attribute">
|
||||
<div class="top-bar__attribute-label">
|
||||
{% t .type %}
|
||||
</div>
|
||||
<div class="top-bar__attribute-value">
|
||||
{{ training_session.event_type_title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% if training_session.instructor_assigned? %}
|
||||
<div class="top-bar__col uk-hidden-small">
|
||||
<div class="person" data-test="instructor-panel">
|
||||
<div class="person__avatar">
|
||||
<img src="{{ training_session.instructor_image_url }}" alt="avatar" />
|
||||
</div>
|
||||
<div class="person__details">
|
||||
<div class="person__name">
|
||||
{{ training_session.instructor_name }}
|
||||
</div>
|
||||
<div class="person__title">
|
||||
{{ training_session.instructor_title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-container uk-container-center uk-padding-horizontal">
|
||||
<div class="uk-flex uk-flex-wrap">
|
||||
<div class="uk-width-large-6-10 uk-visible-large">
|
||||
<div class="session-description">
|
||||
<script type="text/javascript" src="{{ training_session.description | strip_html }}"></script>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-large-4-10">
|
||||
<div class="session-sidebar">
|
||||
<div class="session-sidebar__content">
|
||||
<div class="session-dialog dialog">
|
||||
<div class="dialog__body">
|
||||
<div class="uk-flex">
|
||||
<div class="uk-width-1-4">
|
||||
<div class="calendar-card">
|
||||
<div class="calendar-card__day">
|
||||
{{ training_session.session_day }}
|
||||
</div>
|
||||
<div class="calendar-card__month">
|
||||
{{ training_session.session_month }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-3-4">
|
||||
<h4 class="session-dialog__headline">
|
||||
{{ training_session.title }}
|
||||
</h4>
|
||||
<p class="session-dialog__detail">
|
||||
<i class="uk-icon-clock-o"></i>
|
||||
{{ training_session.session_time }}
|
||||
</p>
|
||||
<p class="session-dialog__detail">
|
||||
{% if training_session.location %}
|
||||
<i class="uk-icon-map-marker"></i>
|
||||
{{ training_session.location }}
|
||||
{% endif %}
|
||||
{% if training_session.session_url %}
|
||||
<i class="uk-icon-globe"></i>
|
||||
<a href="{{ training_session.session_url }}">{{ training_session.session_url }}</a>
|
||||
{% endif %}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dialog__footer" style="display: none;">
|
||||
{{ training_session.registration_actions }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="session-description uk-hidden-large">
|
||||
{{ training_session.description }}
|
||||
</div>
|
||||
<section class="other-sessions">
|
||||
<header class="other-sessions__header">
|
||||
<h4 class="other-sessions__headline">
|
||||
{% t .other_sessions_headline %}
|
||||
</h4>
|
||||
</header>
|
||||
<div class="other-sessions__body">
|
||||
<ul class="other-sessions__list">
|
||||
{% for other_session in training_session.other_sessions %}
|
||||
<li class="other-session">
|
||||
<div class="other-session__calendar-card-wrapper">
|
||||
<div class="calendar-card calendar-card--small">
|
||||
<div class="calendar-card__day">
|
||||
{{ other_session.session_day }}
|
||||
</div>
|
||||
<div class="calendar-card__month">
|
||||
{{ other_session.session_month }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="other-session__details">
|
||||
<h5 class="other-session__name">
|
||||
{{ other_session.session_name }}
|
||||
</h5>
|
||||
<div class="other-session__time">
|
||||
<i class="uk-icon-clock-o"></i>
|
||||
{{ other_session.session_time }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="other-session__buttons">
|
||||
<a class="uk-button" href="{{ other_session.self_url }}">
|
||||
{% t .attend %}
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<footer class="other-sessions__footer">
|
||||
{% if training_session.other_sessions_count > 3 %}
|
||||
<button class="other-sessions__more-button" onclick="findOutMore();">
|
||||
{% t .find_out_more %}
|
||||
</button>
|
||||
{% endif %}
|
||||
</footer>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var container = document.querySelector(".other-sessions__body");
|
||||
var items = document.querySelectorAll(".other-session");
|
||||
var containerHeight = 0;
|
||||
|
||||
for (var i = 0; i < Math.min(3, items.length); i++) {
|
||||
containerHeight += items[i].offsetHeight;
|
||||
}
|
||||
|
||||
container.style.height = containerHeight + "px";
|
||||
|
||||
function findOutMore() {
|
||||
var button = document.querySelector(".other-sessions__more-button");
|
||||
var list = document.querySelector(".other-sessions__list");
|
||||
container.style.height = list.offsetHeight + "px";
|
||||
button.style.display = "none";
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
iframe {
|
||||
min-height:790px !important;
|
||||
border: 0; width: 100%; overflow:auto;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,31 @@
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
{% if course.ribbon %}
|
||||
<div class="np-card-ribbon">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.short_description }}
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
{% if course.has_to_restart? %}
|
||||
{% include "course_version_outdated_popup", path: course_path %}
|
||||
{% endif %}
|
||||
<a class="np-button course-button" href="{{ course_path }}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,88 @@
|
||||
{% assign any_course = false %}
|
||||
{% assign category_id = category_name | replace: " ", "-" %}
|
||||
|
||||
<div class="category-carousel-title np-homepage-featured-text" id="{{category_id}}-text">
|
||||
<div class="np-homepage-headline">
|
||||
{{ category_name }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline">
|
||||
{{ category_desc }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carousel-wrapper" id="{{category_id}}">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% assign course_categories = course.categories | map: "name" %}
|
||||
{% if course_categories contains category_name %}
|
||||
{% assign any_course = true %}
|
||||
<div class="carousel-item">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var slider = tns({
|
||||
container: '#{{category_id}}',
|
||||
items: 1,
|
||||
slideBy: 'page',
|
||||
nav: false,
|
||||
controlsText: ["<i class='fal fa-angle-left arrow-left '></i>","<i class='fal fa-angle-right arrow-right'></i>"],
|
||||
responsive: {
|
||||
768: {
|
||||
items: 2
|
||||
},
|
||||
1140: {
|
||||
items: 3
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
{% unless any_course %}
|
||||
#{{category_id}}-text {
|
||||
display: none;
|
||||
}
|
||||
{% endunless %}
|
||||
|
||||
.arrow-right {
|
||||
font-size: 2.5rem;
|
||||
margin-right: -2rem;
|
||||
color: #77728d;
|
||||
}
|
||||
.arrow-left {
|
||||
font-size: 2.5rem;
|
||||
margin-left: -2rem;
|
||||
color: #77728d;
|
||||
}
|
||||
.carousel-wrapper {
|
||||
display: flex;
|
||||
}
|
||||
.np-card {
|
||||
height: 100%;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.tns-outer {
|
||||
position: relative;
|
||||
margin: 0 4% 20px;
|
||||
}
|
||||
.tns-controls {
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
z-index: 11;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tns-outer [aria-controls], .tns-outer [data-action] {
|
||||
cursor: pointer;
|
||||
background: none;
|
||||
border: none;
|
||||
color: #000
|
||||
}
|
||||
.carousel-wrapper .np-card {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,20 @@
|
||||
<div class="np-card-content-subtitle course-points">
|
||||
{{ course.properties.points }} CEU
|
||||
</div>
|
||||
<h3 class="np-card-heading">
|
||||
{% t .header, key: current_school.course_vocabulary %}
|
||||
</h3>
|
||||
<div class="np-card-text">
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-top-image-spacing {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.course-points {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,17 @@
|
||||
<div>
|
||||
<div class="np-dashboard-resources-title">My CEU</div>
|
||||
<div class="np-card">
|
||||
<div class="np-card-container np-dashboard-border" style="text-align: center;">
|
||||
<h1 class="user-point-num" style="margin-bottom: 1rem;">
|
||||
{% assign learner_points = 0 %}
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign learner_points = learner_points | plus: course.properties.points %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{{ learner_points }}
|
||||
</h1>
|
||||
<h3 class="user-point-label" style="margin-top: 1rem;">CEU</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,10 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
|
||||
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
|
||||
269
Custom_Templates/customer_templates/Headway/_header.html.liquid
Normal file
269
Custom_Templates/customer_templates/Headway/_header.html.liquid
Normal file
@ -0,0 +1,269 @@
|
||||
<header class="np-header np-header-color">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
{% if current_person.signed_in? %}
|
||||
<button
|
||||
data-toggle-class="np-hidden"
|
||||
class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
|
||||
data-toggle-target=".np-header-mobile-avatar-menu,
|
||||
.np-header-mobile-menu-content, .np-main, .np-footer"
|
||||
></button>
|
||||
<button
|
||||
data-test="open-mobile-menu"
|
||||
data-toggle-class="np-hidden"
|
||||
class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
|
||||
data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
|
||||
>
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-avatar-image"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
/>
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if current_school.logo_url %}
|
||||
<h1 class="np-header-logo">
|
||||
<a href="{% route home %}">
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-header-logo-image"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>
|
||||
</a>
|
||||
</h1>
|
||||
{% else %}
|
||||
<a href="{% route home %}" class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<div class="np-hidden-mobile np-header-desktop-nav">
|
||||
<ul class="np-header-desktop-nav-list">
|
||||
{% for link in navigations.sub_navigation %}
|
||||
{% unless link.label == "Catalog" %}
|
||||
<li class="np-sub-navigation-content-item {{ link.active_class }}">
|
||||
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
|
||||
{{ link.label }}
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</li>
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
<li class="np-sub-navigation-content-item">
|
||||
<a class="np-sub-navigation-content-item-link" href="https://protect-us.mimecast.com/s/yLUACL9zwoTmPllJiBRreN?domain=joinviolet.com">
|
||||
Continuing Education (CEUs)
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="np-hidden-mobile np-header-search np-header-search-expanded">
|
||||
<form action="{% route search %}" method="get" data-test="desktop-search">
|
||||
<input
|
||||
aria-label="{% t .search %}"
|
||||
class="np-header-search-input np-header-font-background-color"
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="{% t .search %}"
|
||||
/>
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
</div>
|
||||
<div class="np-hidden-mobile np-header-avatar">
|
||||
<button
|
||||
class="np-header-avatar-button"
|
||||
data-test="open-desktop-menu"
|
||||
data-toggle-class-on-target="np-hidden"
|
||||
data-toggle-target=".np-header-avatar-tooltip"
|
||||
data-toggle-outside
|
||||
>
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-avatar-image"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
>
|
||||
</button>
|
||||
<div class="np-header-avatar-tooltip np-hidden" role="tooltip">
|
||||
<span class="np-header-avatar-tooltip-arrow-up"></span>
|
||||
<div class="np-header-avatar-tooltip-learner">
|
||||
<div class="np-header-avatar-tooltip-learner-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
<div class="np-header-avatar-tooltip-learner-email">
|
||||
{{ current_person.email }}
|
||||
</div>
|
||||
</div>
|
||||
<nav class="np-header-avatar-tooltip-navigation">
|
||||
{% for link in navigations.sub_navigation %}
|
||||
{% unless link.label == "Catalog" or link.label == "Events" %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link dropdown-navigation"
|
||||
href="{{ link.url }}">
|
||||
{{ link.label }}
|
||||
</a>
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
{% unless current_school.sso_active? %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link"
|
||||
href="{% route account %}"
|
||||
>
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link np-danger"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<a
|
||||
class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
|
||||
aria-label="{% t shared.sign_in %}"
|
||||
href="{% route login %}"
|
||||
>
|
||||
{% t shared.sign_in %}
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="np-hidden-desktop">
|
||||
<div class="np-header-mobile-menu-content np-hidden">
|
||||
{% if current_person.signed_in? %}
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-mobile-menu-content-avatar"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
/>
|
||||
<div class="np-header-mobile-menu-content-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-header-mobile-menu-content-nav">
|
||||
<form
|
||||
class="np-header-search"
|
||||
data-test="mobile-search"
|
||||
method="get"
|
||||
action="{% route search %}"
|
||||
>
|
||||
<input
|
||||
aria-label="{% t .search %}"
|
||||
class="np-header-search-input"
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="{% t .search %}"
|
||||
/>
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
{% for website_navigation in navigations.header_navigations %}
|
||||
<a
|
||||
href="{{ website_navigation.path }}"
|
||||
class="np-header-mobile-menu-content-button"
|
||||
{% if website_navigation.external? %} target="_blank" {% endif %}
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
<div class="np-header-mobile-menu-content-line"></div>
|
||||
{% unless current_school.sso_active? %}
|
||||
<a
|
||||
class="np-header-mobile-menu-content-button"
|
||||
href="{% route account %}"
|
||||
>
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a
|
||||
class="np-header-mobile-menu-content-button np-danger"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include "messages" %}
|
||||
|
||||
<style>
|
||||
.np-sub-navigation-content-item-link {
|
||||
color: #353535;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item-bar {
|
||||
height: 2px;
|
||||
position: absolute;
|
||||
margin-top: 4px;
|
||||
width: -webkit-fill-available;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item-active {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-navigation {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.np-header-desktop-nav {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.np-header-desktop-nav-list {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li.np-sub-navigation-content-item {
|
||||
margin: 0 20px 0 0;
|
||||
}
|
||||
|
||||
.np-header-search-input, .np-header-search-input:focus {
|
||||
background: #fff;
|
||||
border: 1px solid #DADCE0;
|
||||
border-radius: 4px;
|
||||
color: #353535;
|
||||
font-size: 15px;
|
||||
opacity: 1;
|
||||
outline: none;
|
||||
padding: 0 20px 0 40px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.np-header-search-icon {
|
||||
color: #bebebe;
|
||||
left: 12px;
|
||||
right: 0;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.np-header-search-input::placeholder {
|
||||
color: #717171;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 999px) {
|
||||
.dropdown-navigation {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.np-header-desktop-nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 1023px) {
|
||||
li.np-sub-navigation-content-item {
|
||||
margin: 0 12px 0 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,5 @@
|
||||
<div class="np-max-width" id="courses-carousels">
|
||||
{% include 'category_carousel', category_name: 'Onboarding', category_desc: "Step-by-step instructions for getting started with Headway" %}
|
||||
{% include 'category_carousel', category_name: 'Practice growth and expansion', category_desc: "Resources, tips, and insights from other private practice providers" %}
|
||||
{% include 'category_carousel', category_name: 'Compliance', category_desc: "Understand insurers' expectations and industry standards" %}
|
||||
</div>
|
||||
@ -0,0 +1,14 @@
|
||||
<div class="np-learning-paths-resources">
|
||||
{% if items.any? %}
|
||||
{% for learning_path in items %}
|
||||
{% include "cards_learning_path" with learning_path %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<div class="np-learning-paths-resources-container">
|
||||
<div class="np-zero-state-text">
|
||||
You're not assigned to any learning paths.
|
||||
</div>
|
||||
<img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -0,0 +1,128 @@
|
||||
{% comment %}
|
||||
For this widget to work you must import Slick CSS and JS
|
||||
{% endcomment %}
|
||||
|
||||
{% assign courseCompletedCouter = 0 %}
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign courseCompletedCouter = courseCompletedCouter | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div class="achievements-box" style="{% if courseCompletedCouter > 0%}display: block !important;{% endif %}">
|
||||
<div class="np-dashboard-resources-title">Recent achievements</div>
|
||||
<div class="np-dashboard-resources">
|
||||
<div class="np-card">
|
||||
<div class="np-card-container np-dashboard-border">
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="np-card-content-achievements">
|
||||
<div class="achievements-carousel">
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.progress == 100 %}
|
||||
<div>
|
||||
<div class="np-card-content-title col-12">
|
||||
{{ course.name }}
|
||||
</div>
|
||||
<div class="col-12 ">
|
||||
<img class="np-achievement-icon" src="{{ course.properties.badge }}" />
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.index,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
$('.achievements-carousel').slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
dots: false,
|
||||
infinite: true,
|
||||
autoplay: false,
|
||||
autoplaySpeed: 5000,
|
||||
cssEase: 'linear',
|
||||
prevArrow: '<i class="fal fa-chevron-left"></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right"></i>',
|
||||
responsive: [{
|
||||
breakpoint: 991,
|
||||
settings: {
|
||||
|
||||
dots: false
|
||||
}
|
||||
}]
|
||||
})
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.achievements-carousel{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.np-card-content-achievements .np-card-content-title {
|
||||
font-size: 0.937rem;
|
||||
text-align:center;
|
||||
font-weight:500;
|
||||
}
|
||||
|
||||
.np-achievement-icon {
|
||||
color: #bec2c6;
|
||||
margin:14px auto 26px;
|
||||
width:130px;
|
||||
}
|
||||
|
||||
.np-card-content-achievements .slick-slider {
|
||||
width:100%;
|
||||
max-width: 375px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.np-view-all-achievements {
|
||||
color:#2BB24C;
|
||||
font-size:0.75rem;
|
||||
text-transform:uppercase;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
margin-bottom:1.5rem;
|
||||
}
|
||||
|
||||
.np-card-content-achievements {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 2rem 2rem .5rem;
|
||||
}
|
||||
|
||||
.slick-arrow {
|
||||
opacity: 0.5;
|
||||
font-size: 1.5rem;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
top: 50%;
|
||||
cursor:pointer;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.slick-arrow.fa-chevron-left { left:0 }
|
||||
.slick-arrow.fa-chevron-right { right:0; }
|
||||
|
||||
@media (min-width:1024px) {
|
||||
.np-card-content-achievements .slick-slider {
|
||||
max-width: none;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,51 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
{% if features.learning_paths? %}
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t shared.learning_paths %}
|
||||
</div>
|
||||
{% include "learning_paths_index", items: learning_paths.enrolled %}
|
||||
{% endif %}
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
{% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
|
||||
</div>
|
||||
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-4">
|
||||
{% comment %} {% include 'dashboard_widget_ceu_points' %} {% endcomment %}
|
||||
{% include "widget_achievements" %}
|
||||
|
||||
|
||||
{% comment %} {% if features.training_events? %}
|
||||
<div>
|
||||
<div class="np-dashboard-resources-title">
|
||||
Upcoming events
|
||||
</div>
|
||||
{% include "training_events_dashboard" %}
|
||||
</div>
|
||||
{% endif %} {% endcomment %}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.achievements-box{
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 767px){
|
||||
.user-point-num{
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
.user-point-label{
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
158
Custom_Templates/customer_templates/Headway/homepage.html.liquid
Normal file
158
Custom_Templates/customer_templates/Headway/homepage.html.liquid
Normal file
@ -0,0 +1,158 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
<main class="np-main np-homepage">
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="{{ homepage.artwork_url }}"
|
||||
alt="{{ homepage.headline }}"
|
||||
/>
|
||||
<div class="np-homepage-hero-content">
|
||||
<div class="np-homepage-hero-content-headers">
|
||||
<div class="np-homepage-headline np-header-font-color">
|
||||
{{ homepage.headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
</div>
|
||||
<a class="np-homepage-hero-cta np-button" href="#courses-carousels">
|
||||
See Courses
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{% include "sub_navigation" %}
|
||||
{% comment %} <div class="np-homepage-featured np-max-width">
|
||||
<div class="np-homepage-featured-text">
|
||||
<div class="np-homepage-headline">
|
||||
{{ homepage.featured_courses_headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline">
|
||||
{{ homepage.featured_courses_subheadline }}
|
||||
</div>
|
||||
</div>
|
||||
{% if courses.featured.any? %}
|
||||
<div class="np-homepage-featured-courses row">
|
||||
{% for course in courses.featured %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-homepage-featured-empty">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-courses"
|
||||
alt="{% t .empty, key: current_school.course_vocabulary %}"
|
||||
/>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="view-all-button-container">
|
||||
<a href="/catalog" class="view-all-button">View all</a>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
|
||||
{% include 'homepage_category_carousels' %}
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
body {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.np-homepage-hero {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
|
||||
.np-homepage-hero::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 64px;
|
||||
right: 64px;
|
||||
bottom: 0;
|
||||
border-bottom: 1px solid #DADCE0;
|
||||
}
|
||||
|
||||
.np-homepage-hero-content {
|
||||
padding: 36px 56px;
|
||||
width: -webkit-fill-available;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
height: -webkit-fill-available;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.np-homepage-hero-cta {
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
.np-homepage-featured-text {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.np-homepage-hero-content-headers {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.np-homepage-headline {
|
||||
font-weight: unset;
|
||||
}
|
||||
|
||||
.np-homepage-featured {
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
|
||||
.np-homepage-headline {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.category-carousel-title .np-homepage-subheadline {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.category-carousel-title .np-homepage-subheadline {
|
||||
color: #353535;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.np-homepage-featured .np-homepage-headline {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
.col-xs-12.col-md-6.col-lg-4.np-stretch-content {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.view-all-button-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.view-all-button {
|
||||
color: #353535;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid #DADCE0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.np-homepage-featured .np-homepage-headline,
|
||||
.category-carousel-title .np-homepage-headline {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.category-carousel-title .np-homepage-subheadline {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-headline {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,80 @@
|
||||
/*
|
||||
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 }}
|
||||
*/
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
|
||||
|
||||
html > body,
|
||||
.np-dashboard.np-dashboard,
|
||||
.np-learning-paths.np-learning-paths {
|
||||
background: #f8f8f8;
|
||||
}
|
||||
|
||||
body *:not(i) {
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
|
||||
.np-homepage-headline, .np-card-content-title,
|
||||
.np-dashboard-resources-title, .np-resource-title,
|
||||
.np-training-session-sessions-title, .np-top-title,
|
||||
.np-text-title, .np-card-heading, .np-text-title-bold {
|
||||
font-family: 'Marcellus', serif;
|
||||
color: #353535;
|
||||
}
|
||||
|
||||
.np-homepage-headline.np-homepage-headline,
|
||||
.np-homepage-subheadline.np-homepage-subheadline,
|
||||
.np-resource-title.np-resource-title,
|
||||
.np-resource-subtitle.np-resource-subtitle {
|
||||
color: #353535;
|
||||
}
|
||||
|
||||
.np-dashboard-resources-title.np-dashboard-resources-title {
|
||||
font-size: 1rem;
|
||||
line-height: 1;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.np-top-title {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.np-resource-header .np-top-title {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.course-points {
|
||||
background-color: {{ color_palette.button_color }};
|
||||
color: {{ color_palette.button_font_color }};
|
||||
width: fit-content;
|
||||
padding: 5px 10px;
|
||||
border-radius: 4px;
|
||||
font-weight: 700;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.np-button.course-button {
|
||||
color: #353535;
|
||||
background-color: transparent;
|
||||
border: 1px solid #DADCE0;
|
||||
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.np-button.course-button:hover {
|
||||
background-color: rgba(33, 35, 38, 0.04);
|
||||
}
|
||||
|
||||
.np-card-container {
|
||||
box-shadow: 0px 0px 16px 0 rgb(161 171 171 / 45%);
|
||||
}
|
||||
@ -0,0 +1,52 @@
|
||||
{% comment %} <div class="grid__item grid__item--tablet-up-third">
|
||||
<div class="templates-card">
|
||||
<div class="templates-card__content background-white">
|
||||
<h3 class="heading--4" style="font-size: 1.3em !important;">{{ title }}</h3>
|
||||
<p class="templates-card__description">{{ description }}</p>
|
||||
</div>
|
||||
<a class="templates-card__link-section"
|
||||
target="_blank"
|
||||
href="{{ link }}"
|
||||
>
|
||||
<div class="templates-card__link-container styled-links-container">
|
||||
<span class="templates-card__link styled-links" style="color: black !important">
|
||||
{{ link_description }}
|
||||
<span class="template-card__link-icon">
|
||||
{{ download_icon }}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
|
||||
{% comment %} <table style="width:100%">
|
||||
<tr>
|
||||
<th style="float:left">{{ title }}</th>
|
||||
<th>{{ description }}</th>
|
||||
<th style="float:right"><a target="_blank" href="{{ link }}">{{ link_description }} {{ download_icon }}</a></th>
|
||||
</tr>
|
||||
</table> {% endcomment %}
|
||||
|
||||
<div class="grid__item workshop__item">
|
||||
<div class="grid">
|
||||
<div class="workshop__course-title-wrapper grid__item grid__item--tablet-up-quarter">
|
||||
<div class="workshop__course-title-container">
|
||||
<p class="workshop__course-title-text color-black">
|
||||
{{ title }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<span class="workshop__course-title-arrow"></span>
|
||||
<div class="grid__item grid__item--tablet-up-third workshop__course-information">
|
||||
<p>{{ description }}</p>
|
||||
</div>
|
||||
<div class="grid__item grid__item--desktop-up-2 grid__item--tablet-up-1 workshop__course-information">
|
||||
|
||||
<a class="de-session-button uk-button uk-button-outline filled-button" target="_blank" href="{{ link }}">
|
||||
<p class="white-text">{{ link_description }}</p>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,447 @@
|
||||
<div class="hh-panel">
|
||||
<div class="grid grid--equal-height">
|
||||
<div class="grid__item grid__item--tablet-up-half hh-cat-header" style="width: 100%; padding-bottom: 10px">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b hh-padding-b">
|
||||
Listing Agents</h2>
|
||||
</div>
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Listing - Seller Checklist",
|
||||
description: "Seller checklist to prepare for a listing or showing",
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/document/d/1x1BPhWTbBrPuVEv5fX5HRJF_xWWOA2MhcqiEql3j7Hs/template/preview"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Listing - Day One Preparation",
|
||||
description: 'Walk sellers through "Day One" of a new listing',
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/document/d/1v2xVG-lo0c_IFGpHDJpD09JcQreiyQFGg3nIsw8C_a0/template/preview"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Listing - Allen Tate Listing Services",
|
||||
description: 'Walk sellers through the services you provide during the 3 stages of selling their home',
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/document/d/1ztdcc3AFVBDuCaFRyJseXNtjlbX4yF8dhoSS5FoOCBc/template/preview"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Listing Checklists",
|
||||
description: 'View all the listing agent checklists available to you.',
|
||||
link_description: "Go To Folder",
|
||||
link: "https://drive.google.com/drive/folders/1Qgejauyv8g_2zkkn_cRQM1z9IytcWojW?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "CMA Property Adjustments Guidelines",
|
||||
description: 'View these guidelines',
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/spreadsheets/d/1vTQjKzgrpU04ClOQGV_lpH34VLP6qs_MHEOO-9v-8eg/template/preview"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Seller Weekly Update Example",
|
||||
description: "View this example on a seller's weekly update",
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/document/d/1hrAlGzf9TWdazULqRyHMD-Of1ZBQn3Egk36ym-BpnzA/template/preview"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Seller Comparison Net Sheet",
|
||||
description: "Use this tepmlate to help you compare.",
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/spreadsheets/d/1sT_y-P7q7hCiZj0gqcYBuaEOs6gbPzAFcmEv7QAEaUs/template/preview"
|
||||
%}
|
||||
|
||||
<div class="grid__item grid__item--tablet-up-half hh-cat-header" style="width: 100%; padding-bottom: 10px">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b hh-padding-b">
|
||||
Buyer Agents</h2>
|
||||
</div>
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Buyers - Allen Tate Buyer Services",
|
||||
description: "Walk buyers through the services you provide during the 4 stages of buying a home.",
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/document/d/11cFkIyDC_HCdvvFuzgKfvI7wmYI557Oq0Vf6l56suCk/template/preview"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Buyer Checklists",
|
||||
description: "View all the buyer agent checklists available to you.",
|
||||
link_description: "View",
|
||||
link: "https://drive.google.com/drive/folders/1Y_BPsreANUZXFfn2rBtWt_I_EGzdAv2H?usp=sharing"
|
||||
%}
|
||||
|
||||
<div class="grid__item grid__item--tablet-up-half hh-cat-header" style="width: 100%; padding-bottom: 10px">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b hh-padding-b">
|
||||
Business Planning</h2>
|
||||
</div>
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Business Planning Folder",
|
||||
description: "All our business planning resources in one folder",
|
||||
link_description: "Go To Folder",
|
||||
link: "https://drive.google.com/drive/folders/1po07BjVIc0b_oB4_5rUK_A6OpVAjOls7?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Business Planning Workbook",
|
||||
description: "A guide to preparing your business plan",
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/spreadsheets/d/1TzInbaIChkzxyPVb6bFaJgn4v5uxrmOZAtibH-ziC7o/template/preview"
|
||||
%}
|
||||
|
||||
<div class="grid__item grid__item--tablet-up-half hh-cat-header" style="width: 100%; padding-bottom: 10px">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b hh-padding-b">
|
||||
Winner's Edge</h2>
|
||||
</div>
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Winner's Edge Annual Calendar",
|
||||
description: "See the Winner's Edge dates for this year",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/presentation/d/1WQBYHBksnLkqFDg0LtweQdZCTV4Pf_kPaQa8qrbs8ak/edit?usp=share_link"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Winner's Edge Monthly Calendars",
|
||||
description: "See each session of Winner's Edge in detail",
|
||||
link_description: "Go To Folder",
|
||||
link: "https://drive.google.com/drive/folders/11YgSmZ95qPDGx_8Q72WPNzLooXB0Ichn?usp=sharing"
|
||||
%}
|
||||
|
||||
<div class="grid__item grid__item--tablet-up-half hh-cat-header" style="width: 100%; padding-bottom: 10px">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b hh-padding-b">
|
||||
HelpGuides</h2>
|
||||
</div>
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "ActivePipe Helpguide",
|
||||
description: "Get quick links to all your Adwerx questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1U76x5GWRX7E-Ho44otYq5EM44VE1OQDom-wFxOhQZL8/edit"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Adwerx HelpGuide",
|
||||
description: "Get quick links to all your ActivePipe questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1Qr-4rR-6Vn6P5GwJykQcEZ4rUd6yrbCnOxotHkjFJcM/edit?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Agent Icon Helpguide",
|
||||
description: "Get quick links to all your Agent Icon questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1XwQUf1DeY7DbXyCxonBvy8zp7pBz6h4goQ5y7OF3iSo/edit?usp=drive_link"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Allen Tate Home Concierge HelpGuide",
|
||||
description: "Get quick links to all your Allen Tate Home Concierge questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1SUFxDDRJthBikTU7PXaAm1thERLyow6WB-FzEOeNvII/edit?usp=share_link"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Boost Helpguide",
|
||||
description: "Get quick links to all your Boost questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1CndCkJK85R0e_kq_Od66Et_TA8LpNuCbewd7I72jtM0/edit?usp=drive_link"
|
||||
%}
|
||||
|
||||
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Google Workspace HelpGuide",
|
||||
description: "Get quick links to all your Google Workspace questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1bqMXUEZeK7CgPjqe8kDa_pWGeIW0EBcLaSa9za-I3ac/edit?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "LiveBy Local Helpguide",
|
||||
description: "Get quick links to all your LiveBy Local questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1l1aeDvD4gNVjGxhjwTnkgyYqc6Zarn66GbsmNDcsXAg/edit?usp=drive_link"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Lolo HelpGuide",
|
||||
description: "Get quick links to all your Lolo questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1X3JRgkihveTPyqVPaM7t4dpk3OGIEDOn4HgAO3dtHwQ/edit?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "MoxiEngage Contacts Helpguide",
|
||||
description: "Get quick links to all your MoxiEngage contacts questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1XwzGzyqX8GZDgsuE2QpjWlf-QfS212RCnUDCNSU-3Sk/edit?usp=drive_link"
|
||||
%}
|
||||
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "MoxiEngage HelpGuide",
|
||||
description: "Get quick links to all your MoxiEngage questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1o1g3IXJbSM456XVWoQguBlratxAzXqGYzG03YOaeYfo/edit?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "MoxiPresent HelpGuide",
|
||||
description: "Get quick links to all your MoxiPresent questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1RHAPSXx0hcvgwTHOc2tYwgf4YYFye7LC9ZQP2zGL5H4/edit?usp=sharing"
|
||||
%}
|
||||
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "MoxiPromote HelpGuide",
|
||||
description: "Get quick links to all your MoxiPromote questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1VBU4D9YrhGYllYM3zKPqYCB331m_1C-tgaOmQQvQZtk/edit?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Percy HelpGuide",
|
||||
description: "Get quick links to all your Percy questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1-gPWcD9NisgBQLRz9Y7Gw2M2sdrmq2LGfOekA3J_2tc/edit?usp=sharing"
|
||||
%}
|
||||
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Quantum Digital HelpGuide",
|
||||
description: "Get quick links to all your Quantum Digitial questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1Ezaa14CTVlsYZtBfdfkoyJp-PsjV20kW_hS0bfP72Vs/edit?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "RealScout HelpGuide",
|
||||
description: "Get quick links to all your RealScout questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1_VkarCE_IHLgjmUeoIZB83GSTtbjdJKJ0MqOk1I6Ex0/edit?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Risk Management Helpguide",
|
||||
description: "Get quick links to preserving emails and texts",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1MLhpZvkRo-tFA1YntUcP61HUProvFEa9dbOKUKkSE7w/edit"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "SkySlope HelpGuide",
|
||||
description: "Get quick links to all your SkySlope questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1HaAqjqNYKIWLzPW4FVCCiohChb3juZAnxr8gpt3avDc/edit?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Spacio HelpGuide",
|
||||
description: "Get quick links to all your Spac.io questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/18O98GFfj4mh0OTVT2VE9Zb8LFd9g8sPCuC7HQheIo5c/edit?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Testimonial Tree HelpGuide",
|
||||
description: "Get quick links to all your Testimonial Tree questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1Zbo5AXolgxdMR8EPsbFu0JG1UjfSn2xVnyyjOm16jzQ/edit?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Website HelpGuide",
|
||||
description: "Get quick links to all your Website questions",
|
||||
link_description: "View",
|
||||
link: "https://docs.google.com/document/d/1qVw1xHPkOS2IIJ2gn2GHmWmYGdn1uXg9B0eLi1Hc3VE/preview"
|
||||
%}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="grid__item grid__item--tablet-up-half hh-cat-header" style="width: 100%; padding-bottom: 10px">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b hh-padding-b">
|
||||
Certifications</h2>
|
||||
</div>
|
||||
|
||||
{%
|
||||
include "double_url_resources",
|
||||
title: "eService Certification",
|
||||
description: "The information you need to complete your eService Certification",
|
||||
link_description: "Instructions",
|
||||
link: "https://docs.google.com/document/d/1MlQxu9aT78EE2tMcOXvw8s09Cs-sfqUSR9AVdbZ2hyU/edit?usp=sharing",
|
||||
second_link_description: "Completion Form",
|
||||
second_link: "https://docs.google.com/forms/d/e/1FAIpQLSd_hYhDO3aWpkLfpXGnmNZCdeqVn6s6TI_XdGDTt3sXsB2m0Q/viewform"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "double_url_resources",
|
||||
title: "Luxury Certification",
|
||||
description: "The information you need to complete your Luxury Certification",
|
||||
link_description: "Instructions",
|
||||
link: "https://docs.google.com/document/d/1837yhBXa-oCsbQNGpCPX2Dzty6DUte_M-Z1zKc58v9k/edit?usp=sharing",
|
||||
second_link_description: "Completion Form",
|
||||
second_link: "https://allentate.formstack.com/forms/luxury_certification_program_completion_form"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "double_url_resources",
|
||||
title: "New Home Sales Certification",
|
||||
description: "The information you need to complete your New Home Sales Certification",
|
||||
link_description: "Instructions",
|
||||
link: "https://docs.google.com/document/d/1fWyrZJPfW5z5ouJzGLNfWDBAPL483fp5ofTMAslPfxk/edit?usp=sharing",
|
||||
second_link_description: "Completion Form",
|
||||
second_link: "https://docs.google.com/forms/d/e/1FAIpQLSeiwyhmfUGiziHxg46jIs_geFo_3T8_nUnFAoiCT-hsw3_bCg/viewform"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "double_url_resources",
|
||||
title: "MarTech Certification",
|
||||
description: "The information you need to complete your MarTech Certification",
|
||||
link_description: "Instructions",
|
||||
link: "https://docs.google.com/document/d/1bvSF97kNc-3zdNQMUYmczlg7NtKKQ1H68f6iZDEs2Mk/edit?usp=sharing",
|
||||
second_link_description: "Completion Form",
|
||||
second_link: "https://docs.google.com/forms/d/e/1FAIpQLSefxa6OIdONk8qdFR_b9ohJQvthpM15-nBFNPnsIdPsuEwWdQ/viewform?usp=sf_link"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "double_url_resources",
|
||||
title: "Masters Certification",
|
||||
description: "The information you need to complete your Masters Certification",
|
||||
link_description: "Instructions",
|
||||
link: "https://docs.google.com/document/d/1i7qIC8YGnNLg-kJtAddsU5__3gYVr4XkaRn4YG3csHA/edit?usp=sharing",
|
||||
second_link_description: "Completion Form",
|
||||
second_link: "https://docs.google.com/forms/d/e/1FAIpQLSfFj4rGyV7p7HOuHAk5sCqR3kOxzl8TazmB-2lmi7dS-UGdWw/viewform"
|
||||
%}
|
||||
|
||||
<div class="grid__item grid__item--tablet-up-half hh-cat-header" style="width: 100%; padding-bottom: 10px">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b hh-padding-b">
|
||||
Ninja</h2>
|
||||
</div>
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Use this scorecard template",
|
||||
description: "Use this scorecard template",
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/spreadsheets/d/1NOSHcmQSXuPgW5KtibhRUEY_0WQN4Ew9qekBBhubR5I/template/preview"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Ninja 16-Step Seller Process",
|
||||
description: "Use this template to walk you through the 16-step Ninja seller process",
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/document/d/1X2v9qMzXzs_DBi3nKaueW5mW9NCR3wa-nx1qMyTcdPU/template/preview"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Ninja 10-Step Buyer Process",
|
||||
description: "Use this template to walk you through the 10-step Ninja buyer process",
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/document/d/1aYdOI-b5WUoNnzDLw_tsdzvY_228Z51Du5yFqgC7bMU/template/preview"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Hot and Warm List",
|
||||
description: "Use this hot and warm list template to get you started",
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/document/d/1aNtIn7HWZH8J2FouLlXyyYG-qCWUAE53ZwdSguI_btI/template/preview"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Pre-Listing Interview",
|
||||
description: "Use this template to help you prepare for a pre-listing interview",
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/document/d/1mJ0sDoQ6vvd2VpmlpgmYbMBWYQxs3b2Yk5B9Q8W5QI8/template/preview"
|
||||
%}
|
||||
|
||||
<div class="grid__item grid__item--tablet-up-half hh-cat-header" style="width: 100%; padding-bottom: 10px">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b hh-padding-b">
|
||||
Miscellaneous</h2>
|
||||
</div>
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Coloring Pages",
|
||||
description: "Print off some Allen Tate coloring pages for little ones",
|
||||
link_description: "Go to Folder",
|
||||
link: "https://drive.google.com/drive/folders/1JDMoebFezuGRve6MkkXMZ9X8BwAUXvwQ?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Google Contact Import Template",
|
||||
description: "Use this template to help you import contacts into your Allen Tate gmail",
|
||||
link_description: "Use Template",
|
||||
link: "https://docs.google.com/spreadsheets/d/1c5p0hC1OgKgDwLw_GPgqQA7ZUBqaFKrLdWGvrQPDw7o/template/preview"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Activate Habits",
|
||||
description: "Get resources to help you activate",
|
||||
link_description: "Go to Folder",
|
||||
link: "https://drive.google.com/drive/folders/18QuqfUbOY22QTbAFN6kOmaMOfgBWHotF?usp=sharing"
|
||||
%}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
const courseTitleElements = document.querySelectorAll(".workshop__course-title-text");
|
||||
|
||||
courseTitleElements.forEach(element => {
|
||||
if (element.textContent.trim() === "eService Certification") {
|
||||
const parentElement = element.closest(".grid");
|
||||
const sessionButtons = parentElement.querySelectorAll(".de-session-button");
|
||||
|
||||
sessionButtons.forEach(button => {
|
||||
const buttonTextElement = button.querySelector("p.white-text");
|
||||
if (buttonTextElement && buttonTextElement.textContent.trim() === "Completion Form") {
|
||||
button.style.display = "none";
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@ -0,0 +1,78 @@
|
||||
|
||||
<div class="hh-panel">
|
||||
<div class="grid grid--equal-height">
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Hosting another agent's open house checklist",
|
||||
description : "Ensure the most successful search and tour experience for your buyer(s)",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1WiSZYlPgo3xb2lwagSciy0QlhBtKx4UT"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Broker open house / Broker tour checklist",
|
||||
description: "Suggested steps to help you prepare for a successful broker open house",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1XodAS9woCcg3gJXapH7d6JQJv7345MRf"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Understanding groups, tags, and notes in the hh CRM",
|
||||
description: "Learn the identifiers available in the hh CRM for organizing your contacts",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1j675czZRRqZqdJeRZ7tG2qIVeSlD1Ru9"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Top reasons to archive a contact",
|
||||
description: "Suggested strategies on when it's right to archive a contact from your CRM",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1iwTpOklc8rE6AORFwv8jUlIkOXcjPz1v"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Strategies for setting habits to get your contacts organized",
|
||||
description: "Suggested strategies for setting habits to keep your database organized",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1-0uTnPMtIfEIp9yZkm2e5jpmWtju64J4"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "ABC method + hot/warm/cold leads",
|
||||
description: "Learn the ABC sphere method and hot/warm/cold leads method for organizing contacts",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1AHBsibAD8s0tfxnrQUJ7tgHwymJYbJFJ"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Relationship-nurturing ideas",
|
||||
description: "Use this document for some starter ideas on nurturing relationships",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1Pxw5M9XnN75n6q0qse9uul8lqRmAcLRu"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Local business referral list",
|
||||
description: "Use this document to build and track your key business referral partners",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/a/urbanhh.com/file/d/1Njt-5OVGb9JcAhtP6YZHheegJdULQjJX/view?usp=sharing"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Questions to ask your local business referral partner",
|
||||
description: "Use this document for some questions to ask your business referral partners",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=15UsBv2whhOG_v4nvTmIZO5Bc8YSuvhzm"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Template for annual marketing plan",
|
||||
description: "Use this template to create an annual marketing plan for nurturing your sphere",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1is7cWenO6_E7-wcwCNfweOAsQq_hkqmO"
|
||||
%}
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,24 @@
|
||||
{% if isHowardHanna %}
|
||||
<div class="calendar">
|
||||
<iframe name="cw_frame" width="100%" height="1200" src=https://www.calendarwiz.com/calendars/calendar.php?crd=howardhanna&cid[]=all>Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>
|
||||
</div>
|
||||
{% elsif isRandRealty %}
|
||||
<section class="section hh-padding-b" style="padding-top: 0; margin-bottom: 60px;">
|
||||
<div class="grid">
|
||||
<div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-5" style="width: 100% !important">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b calendar-title">Howard Hanna | Rand Realty Training Calendar</h2>
|
||||
<p class="text-major calendar-subtitle">Register now for our training events! Use the drop-down menu to explore training in every office.</p>
|
||||
<div class="calendar">
|
||||
<iframe name="cw_frame" width="100%" height="1200" src="https://www.calendarwiz.com/calendars/calendar.php?crd=howardhannarandrealty&cid[]=293786">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
<style>
|
||||
.calendar {
|
||||
min-height: 1200px;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,33 @@
|
||||
{% if isHowardHanna %}
|
||||
<div class="calendar">
|
||||
<iframe name="cw_frame" width="100%" height="1200" src=https://www.calendarwiz.com/calendars/calendar.php?crd=howardhanna&cid[]=all>Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>
|
||||
</div>
|
||||
{% elsif isRandRealty %}
|
||||
<section class="section hh-padding-b" style="padding-top: 0; margin-bottom: 60px;">
|
||||
<div class="grid">
|
||||
<div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-5" style="width: 100% !important">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b calendar-title">Howard Hanna | Rand Realty Training Calendar</h2>
|
||||
<p class="text-major calendar-subtitle">Register now for our training events! Use the drop-down menu to explore training in every office.</p>
|
||||
<div class="calendar">
|
||||
<iframe name="cw_frame" width="100%" height="1200" src="https://www.calendarwiz.com/calendars/calendar.php?crd=howardhannarandrealty&cid[]=293786">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>
|
||||
</div>
|
||||
<iframe style="border:none;width:100%;height:1600px;" src="https://www.calendarwiz.com/eventboard/?crd=howardhannarandrealty" id="cw_eventboard_howardhannarandrealty"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
<style>
|
||||
.calendar {
|
||||
min-height: 1200px;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.calendar-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.calendar-subtitle {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,19 @@
|
||||
<div class="search-box uk-float-right">
|
||||
<form class="uk-form search" action="{{ routes.school_website_catalog_search_path }}" accept-charset="UTF-8" method="get">
|
||||
<input name="utf8" type="hidden" value="✓">
|
||||
<input type="search" name="q" id="q" placeholder="Search"
|
||||
class="search__input" autofocus="autofocus" pattern=".{3,}"
|
||||
required title="{% t .search_title %}" value="{{ query_parameter_value }}"
|
||||
data-test="search-input">
|
||||
<input type="hidden" name="filter[categories_name]" id="filter" value="{{ filter_parameter_value }}">
|
||||
<div id="search_results_count" class="search__results">
|
||||
{% if search_result %}
|
||||
{{ search_result.count }} {% pluralize search_result.count, .results %}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="search__submit">
|
||||
<i class="uk-icon-search search__icon"></i>
|
||||
<input type="submit" name="commit" value="" class="search__button">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@ -0,0 +1,102 @@
|
||||
|
||||
<div class="hh-panel">
|
||||
<div class="grid grid--equal-height">
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Livestream open house checklist",
|
||||
description: "Recommended steps and best practices for hosting a Livestream Open House through the hh platform.",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/file/d/1_RlabQgoU0Oebg8tYlZFEXt72tf9O-Re/view?usp=sharing"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Buyer consultation checklist",
|
||||
description: "Plan and prioritize each step needed to best assist buyers during the home purchase process",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1xe31zfqnCooVyimo7BCVHjt9IchLQVNu"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Hosting Your open house checklist",
|
||||
description: "Execute your next open house with ease by following these steps shared by top hh agents",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1QmtDkF3a8-_HkMtSCe1uJt9Kc9AJAWYS"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Buyer search process checklist",
|
||||
description: "Plan and prioritize each step of working with a Buyer client through their Home Sale",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1O-xKez0jf0bb3NQ0g0FxE3RbUE8z65NS"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Hosting another Agent's open house checklist",
|
||||
description : "Ensure the most successful search and tour experience for your buyer(s)",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1WiSZYlPgo3xb2lwagSciy0QlhBtKx4UT"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Broker open house / Broker tour checklist",
|
||||
description: "Suggested steps to help you prepare for a successful broker open house",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1XodAS9woCcg3gJXapH7d6JQJv7345MRf"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How to ensure a smooth closing for your buyer",
|
||||
description: "Suggested steps to ensure a smooth closing for your buyers",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1d2I_nbTy5hGWp5Wk3W-ZfiRejJuALwcI"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Print advertising checklist",
|
||||
description: "Suggested steps to develop a comprehensive print advertising plan to maximize business growth",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/file/d/1YBMQTB13YQ38tKMifBbyM88XWOtqODL7/view"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Pre- & post-listing presentation meeting checklist",
|
||||
description: "Recommended steps ensure you have the most successful listing presentation",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1SNeY6KYfwR3a8204SvFzJA1VBvnNN1Xq"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How to quickly get your listings on the market checklist",
|
||||
description: "Get your listing on the market faster by following these key steps",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1osgufx9U0A9MAihKPsNeTcz55NDRiB6s"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How to build a strong social media presence checklist",
|
||||
description: "Quick, actionable steps to help keep you organized and see success on social media",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1999KTS6w4THm_pOLWPloPiwYrhdPJOMf"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Advertising checklist",
|
||||
description: "Plan your advertising strategy",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/file/d/12Z9T2acgtYdr2Gu9yj4oTh4_cQq39aSe/view"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Offer process checklist",
|
||||
description: "A comprehensive list outlining what to gather and how to present a comprehensive and compelling offer.",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/file/d/1juAF7SAAjnXywKmUczYJ1M-7aesS_i9o/view?usp=sharing"
|
||||
%}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,72 @@
|
||||
{% if isHowardHanna %}
|
||||
<section id="ChecklistResources" class="section">
|
||||
<div class="templates-header hh-margin-b">
|
||||
<div class="grid">
|
||||
<div class="grid__item grid__item--tablet-up-third grid__item--desktop-up-5" style="background: white; width: 100% !important;">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b">Resources</h2>
|
||||
<p class="text-major">
|
||||
See below to download some of our most requested material and frequently asked questions.
|
||||
<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid">
|
||||
<div class="grid__item">
|
||||
<div class="grid__item border-bottom workshop__table-heading-wrapper">
|
||||
<div class="grid">
|
||||
<div class="grid__item grid__item--tablet-up-quarter">
|
||||
<p class="font-weight--bold heading--5"></p>
|
||||
</div>
|
||||
<div class="grid__item grid__item--tablet-up-third hh-desc">
|
||||
<p class="font-weight--bold heading--5"></p>
|
||||
</div>
|
||||
<div class="grid__item grid__item--desktop-up-2 grid__item--tablet-up-1">
|
||||
<p class="font-weight--bold heading--5"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="c-all" class="grid__item workshop__item">
|
||||
{% include "no_filter" %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% elsif isAllenTate %}
|
||||
|
||||
<section id="ChecklistResources" class="section">
|
||||
<div class="templates-header hh-margin-b">
|
||||
<div class="grid">
|
||||
<div class="grid__item grid__item--tablet-up-third grid__item--desktop-up-5"
|
||||
style="background: white; width: 100% !important;">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b">Resources</h2>
|
||||
<p class="text-major">
|
||||
See below to download some of our most requested material and frequently asked questions.
|
||||
<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid">
|
||||
<div class="grid__item">
|
||||
<div class="grid__item border-bottom workshop__table-heading-wrapper">
|
||||
<div class="grid">
|
||||
<div class="grid__item grid__item--tablet-up-quarter">
|
||||
<p class="font-weight--bold heading--5"></p>
|
||||
</div>
|
||||
<div class="grid__item grid__item--tablet-up-third hh-desc">
|
||||
<p class="font-weight--bold heading--5"></p>
|
||||
</div>
|
||||
<div class="grid__item grid__item--desktop-up-2 grid__item--tablet-up-1">
|
||||
<p class="font-weight--bold heading--5"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="c-all" class="grid__item workshop__item">
|
||||
{% include "allen_tate_resources" %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
@ -0,0 +1,130 @@
|
||||
{% comment %} Logic to traverse courses and find total number of sections {% endcomment %}
|
||||
{% assign total_activities = 0 %}
|
||||
{%- for sections in course.published_sections -%}
|
||||
{%- for activity in sections.activities -%}
|
||||
{% capture total_activities %}{{ total_activities | plus:1 }}{% endcapture %}
|
||||
{%- endfor -%}
|
||||
{%- endfor -%}
|
||||
|
||||
{% comment %}
|
||||
There's no way to access a course's UID. We will obtain this by using string
|
||||
manipulation on the cover_path URL which has a UID.
|
||||
course.cover_path ~> /outline/{{id}}/cover
|
||||
{% endcomment %}
|
||||
{% assign course_path = course.cover_path | split: '/' %}
|
||||
{% assign current_course_id = course_path[2] %}
|
||||
|
||||
{% comment %}
|
||||
Maps each course to a unique wistia video ID
|
||||
7y2g0qxeau - Dropshipping 101
|
||||
qo5788bbls - Print-on-demand
|
||||
e9hnbvbf7d - Getting Started
|
||||
6g1xm0gjib - Sell online
|
||||
ltclfpq7nt - Instagram
|
||||
opg154519q - Product photography
|
||||
u3blun0rzz - Email Marketing
|
||||
a611upbzc3 - Design online store
|
||||
bo4mzx19u6 - SEO
|
||||
7y64y9pmh4 - Basic Facebook Advertising
|
||||
7o0az46tem - Google Ads
|
||||
ykp3huo7aw - Advanced Facebook Advertising
|
||||
kb70y48ybt - Goal Setting with Daymond John
|
||||
{% endcomment %}
|
||||
{% assign wistia_video_map =
|
||||
'
|
||||
bjd91jww | 7y2g0qxeau ,
|
||||
ozhqhnlz | qo5788bbls ,
|
||||
la8hxhth | e9hnbvbf7d ,
|
||||
ydidcycm | 6g1xm0gjib ,
|
||||
uyoyzb1a | ltclfpq7nt ,
|
||||
0bx4ha83 | opg154519q ,
|
||||
v9fhhpjh | u3blun0rzz ,
|
||||
e1wjgvk5 | a611upbzc3 ,
|
||||
srhueoa4 | bo4mzx19u6 ,
|
||||
8yt4tqt9 | 7y64y9pmh4 ,
|
||||
rx4dopwc | 7o0az46tem ,
|
||||
qk3vorxv | ykp3huo7aw ,
|
||||
ysr17oj6 | kb70y48ybt ,
|
||||
'
|
||||
%}
|
||||
|
||||
{% assign course_wistia_video_id = '' %}
|
||||
{% assign wistia_element = wistia_video_map | split: ',' %}
|
||||
{%- for course in wistia_element -%}
|
||||
|
||||
{% comment %}
|
||||
Capture will convert the array element into an array and strip is used
|
||||
to remove the blank space characters for string comparison
|
||||
{% endcomment %}
|
||||
{% assign course_element = course | split: '|' %}
|
||||
|
||||
{%- capture course_id -%}
|
||||
{{ course_element[0] | strip }}
|
||||
{%- endcapture -%}
|
||||
|
||||
{%- if course_id == current_course_id -%}
|
||||
{% assign course_wistia_video_id = course_element[1] %}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
|
||||
<div id="{{ course.progress }}" class="course-details__item grid__item grid__item--tablet-up-half grid__item--desktop-up-third" data-test="{{ course.name }}">
|
||||
{% if course.ribbon %}
|
||||
<div class="uk-panel-badge uk-badge">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<a href="{{ course.cover_path }}" target="_blank" class="main-link">
|
||||
<img src="{{ course.list_image_url }}" class="course-details__image" alt="">
|
||||
</a>
|
||||
|
||||
<div class="gutter-bottom">
|
||||
<h4 class="heading--3 course-details__name">{{ course.name }}</h4>
|
||||
<p class="course-details__desc">
|
||||
{{ course.short_description }}
|
||||
<!-- <a class="body-link">Learn More</a> -->
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid">
|
||||
<div class="grid__item grid__item--mobile-up-half">
|
||||
<p>Total modules</p>
|
||||
</div>
|
||||
<div class="grid__item grid__item--mobile-up-half text-right">
|
||||
<p>{{ course.published_sections.count }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="course-details__seperator">
|
||||
|
||||
<div class="grid">
|
||||
<div class="grid__item grid__item--mobile-up-half">
|
||||
<span>Total activities</span>
|
||||
</div>
|
||||
<div class="grid__item grid__item--mobile-up-half text-right">
|
||||
<span>{{ total_activities }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="course-details__seperator">
|
||||
|
||||
<div class="grid">
|
||||
<div class="grid__item text-center--tablet-down">
|
||||
{%- if course.progress_text == '0% Complete'-%}
|
||||
<a href="{{ course.cover_path }}" target="_blank"class="course-button marketing-button marketing-button--small">
|
||||
Start Course
|
||||
</a>
|
||||
|
||||
<!-- <span class="wistia_embed wistia_async_{{course_wistia_video_id | strip}} popover=true popoverContent=html wistia_embed_initialized">
|
||||
<div class="wistia_click_to_play">
|
||||
<a href="https://fast.wistia.net/embed/iframe/{{course_wistia_video_id}}?popover=true" class="marketing-button marketing-button--small marketing-button--secondary">
|
||||
Watch Trailer
|
||||
</a>
|
||||
</div>
|
||||
</span> -->
|
||||
{%- else -%}
|
||||
<a href="{{ course.cover_path }}" class="course-button marketing-button marketing-button--small">
|
||||
Continue Course
|
||||
</a>
|
||||
<span class="course-details__progress-text">{{ course.progress_text }}</span>
|
||||
{%- endif -%}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,21 @@
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains category_name %}
|
||||
<div id="{{category_id}}" class="grid">
|
||||
<div class="grid__item grid__item--tablet-up-half hh-cat-header" style="width: 100%; padding-bottom: 10px">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b hh-padding-b">
|
||||
{{category_name}}</h2>
|
||||
</div>
|
||||
<p class="carousel-change{{iterator}} show-more">See More</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid--equal-height slider{{iterator}} test-carousel">
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains category_name %}
|
||||
{% include 'course' %}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
</div>
|
||||
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
@ -0,0 +1,472 @@
|
||||
|
||||
<!-- Add the slick-theme.css if you want default styling -->
|
||||
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css"/>
|
||||
<!-- Add the slick-theme.css if you want default styling -->
|
||||
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css"/>
|
||||
|
||||
<section id="Courses" class="section background-white section--padding-top-only" style="padding-top: 0;">
|
||||
{% include 'my_content_header' %}
|
||||
{%- assign courses = my_content.courses -%}
|
||||
|
||||
{% if isRandRealty %}
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Howard Hanna | Rand Realty",
|
||||
iterator: "27",
|
||||
category_id: "HowardHannaVerticalLineRandRealty"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "HH|RR New Agent",
|
||||
iterator: "28",
|
||||
category_id: "HHRRNewAgent"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "HH|RR Agent Support",
|
||||
iterator: "29",
|
||||
category_id: "HHRRAgentSupport"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "HH|RR Manager",
|
||||
iterator: "30",
|
||||
category_id: "HHRRManager"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "HH|RR Hanna Rand Advantage",
|
||||
iterator: "36",
|
||||
category_id: "HHRRAdvantage"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "HH|RR Coaching & Mastermind",
|
||||
iterator: "35",
|
||||
category_id: "HHRRCoachingMastermind"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "HH|RR CORE Companion",
|
||||
iterator: "31",
|
||||
category_id: "HHRRCORECompanion"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "HH|RR Certification",
|
||||
iterator: "37",
|
||||
category_id: "HHRRCertification"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "HH|RR Marketing Your Business",
|
||||
iterator: "34",
|
||||
category_id: "HHRRMarketingYourBusiness"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "HH|RR Sales Skills",
|
||||
iterator: "32",
|
||||
category_id: "HHRRSalesSkills"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "HH|RR Tech Toolbox",
|
||||
iterator: "38",
|
||||
category_id: "HHRRTechToolbox"
|
||||
%}
|
||||
|
||||
<style>
|
||||
.course-button {
|
||||
color: #ffffff;
|
||||
background-color: #004538 !important;
|
||||
}
|
||||
|
||||
.course-button:hover {
|
||||
background-color: #ffffff;
|
||||
color: #004538 !important;
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
|
||||
{% if isHowardHanna %}
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Agent Fundamentals for the Newly Licensed",
|
||||
iterator: "1",
|
||||
category_id: "AgentFundamentalsForTheNewlyLicensed"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Career Development: Sales, Planning & More",
|
||||
iterator: "2",
|
||||
category_id: "CareerDevelopmentSalesPlanningAndMore"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Hanna Advantage & Value Proposition",
|
||||
iterator: "3",
|
||||
category_id: "HannaAdvantageAndValueProposition"
|
||||
%}
|
||||
|
||||
<!-- Howard Hanna Management -->
|
||||
{% if current_person.properties.access_level == 'region-admin' or
|
||||
current_person.properties.access_level == 'office-owner' or
|
||||
current_person.properties.access_level == 'Global Admin in Moxiworks' or
|
||||
current_person.properties.access_level == 'Regional Manager' or
|
||||
current_person.properties.access_level == 'Sales Office Manager' or
|
||||
current_person.properties.access_level == 'Corporate Manager' or
|
||||
current_person.properties.access_level == 'manager'
|
||||
%}
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Howard Hanna Management",
|
||||
iterator: "4",
|
||||
category_id: "HowardHannaManagement"
|
||||
%}
|
||||
{% endif %}
|
||||
<!-- Howard Hanna Management -->
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "H-Suite Tech Tools",
|
||||
iterator: "5",
|
||||
category_id: "HSuiteTechTools"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Marketing Skills and Strategies",
|
||||
iterator: "6",
|
||||
category_id: "MarketingSkillsAndStrategies"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Support Staff Development",
|
||||
iterator: "7",
|
||||
category_id: "SupportStaffDevelopment"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Technical Support",
|
||||
iterator: "8",
|
||||
category_id: "TechnicalSupport"
|
||||
%}
|
||||
{% elsif isAllenTate %}
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Allen Tate Certifications",
|
||||
iterator: "14",
|
||||
category_id: "AllenTateCertifications"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Allen Tate Advantage",
|
||||
iterator: "15",
|
||||
category_id: "AllenTateAdvantage"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Lead Generation",
|
||||
iterator: "16",
|
||||
category_id: "LeadGeneration"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Most Recent Tate Webinars",
|
||||
iterator: "26",
|
||||
category_id: "MostRecentTateWebinars"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Marketing Skills and Strategies",
|
||||
iterator: "17",
|
||||
category_id: "MarketingSkillsandStrategies"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Business Generation Suite",
|
||||
iterator: "18",
|
||||
category_id: "BusinessGenerationSuite"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Working with Buyers",
|
||||
iterator: "19",
|
||||
category_id: "WorkingwithBuyers"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Working with Sellers",
|
||||
iterator: "20",
|
||||
category_id: "WorkingwithSellers"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Luxury Homes",
|
||||
iterator: "21",
|
||||
category_id: "LuxuryHomes"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Family of Companies & Our Partners",
|
||||
iterator: "22",
|
||||
category_id: "FamilyofCompanies"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Health & Wellness",
|
||||
iterator: "23",
|
||||
category_id: "Health"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Allen Tate Leadership",
|
||||
iterator: "24",
|
||||
category_id: "AllenTateLeadership"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Real Estate Essentials",
|
||||
iterator: "11",
|
||||
category_id: "RealEstateEssentials"
|
||||
%}
|
||||
|
||||
{%
|
||||
include 'course_category',
|
||||
category_name: "Staff Development",
|
||||
iterator: "25",
|
||||
category_id: "Staff Development"
|
||||
%}
|
||||
{% endif %}
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.course-button {
|
||||
color: #ffffff;
|
||||
background-color: #0c643a;
|
||||
}
|
||||
|
||||
.course-button:hover {
|
||||
background-color: #ffffff;
|
||||
color: #0c643a;
|
||||
}
|
||||
|
||||
._left:before, ._right:before {
|
||||
font-size:30px;
|
||||
background: black;
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
font-style: normal;
|
||||
font-feature-settings: normal;
|
||||
font-variant: normal;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
font-family: Font Awesome\ 5 Pro;
|
||||
font-weight: 900;
|
||||
margin-bottom: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
p[class*="carousel-change"] {
|
||||
float: right;
|
||||
padding: 18px;
|
||||
color:#0061df;
|
||||
font-size:16px;
|
||||
}
|
||||
|
||||
.slick-dots {
|
||||
bottom: 50px;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
._left, ._right {
|
||||
top: 17.5%;
|
||||
z-index: 1000;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
box-sizing: border-box;
|
||||
touch-action: manipulation;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
font-weight: inherit;
|
||||
letter-spacing: 0.01em !important;
|
||||
line-height: 0;
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 0;
|
||||
transform: translate(0, -50%);
|
||||
cursor: pointer;
|
||||
right: 30%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
._right {
|
||||
right:5%;
|
||||
}
|
||||
|
||||
._left {
|
||||
left: 5%;
|
||||
}
|
||||
|
||||
.uk-panel-badge {
|
||||
right: 18px !important;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
._right {
|
||||
right:4.5%;
|
||||
top: 18.5%;
|
||||
}
|
||||
._left {
|
||||
left: 4.5%;
|
||||
top: 18.5%;
|
||||
}
|
||||
.uk-panel-badge {
|
||||
right: 10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
._right {
|
||||
right:3%;
|
||||
top: 19%;
|
||||
}
|
||||
._left {
|
||||
left: 3%;
|
||||
top: 19%;
|
||||
}
|
||||
.uk-panel-badge {
|
||||
right: 4px !important;
|
||||
}
|
||||
}
|
||||
|
||||
._1ycOA {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-size-adjust: 100%;
|
||||
--polaris-version-number: "4.27.0";
|
||||
--polaris-animation-skeleton-shimmer: polaris-SkeletonShimmerAnimation;
|
||||
--toast-translate-y-out: 15rem;
|
||||
--toast-translate-y-in: 0;
|
||||
--global-ribbon-height: 0px;
|
||||
--p-text-subdued: #6d7175;
|
||||
--p-card-shadow: 0 .2rem .4rem #dfe3e8;
|
||||
--top-bar-background: #00848e;
|
||||
--top-bar-background-lighter: #1d9ba4;
|
||||
--top-bar-color: #f9fafb;
|
||||
--p-frame-offset: 0px;
|
||||
font-family: -apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
fill: #292824;
|
||||
vertical-align: middle;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
box-shadow: 0 0 1px rgba(66,71,76,.45), 0 2px 1px rgba(0,0,0,.05);
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
NUMBER_OF_CAROUSELS = 38
|
||||
|
||||
function initializeCarousel(carousel) {
|
||||
$(carousel).slick({
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
dots: true,
|
||||
infinite: true,
|
||||
cssEase: 'linear',
|
||||
prevArrow: '<svg viewBox="0 0 20 20" class="_1ycOA _left"><path d="M12 16a.997.997 0 0 1-.707-.293l-5-5a.999.999 0 0 1 0-1.414l5-5a.999.999 0 1 1 1.414 1.414L8.414 10l4.293 4.293A.999.999 0 0 1 12 16" fill-rule="evenodd"></path></svg>',
|
||||
nextArrow: '<svg viewBox="0 0 20 20" class="_1ycOA _right"><path d="M8 16a.999.999 0 0 1-.707-1.707L11.586 10 7.293 5.707a.999.999 0 1 1 1.414-1.414l5 5a.999.999 0 0 1 0 1.414l-5 5A.997.997 0 0 1 8 16" fill-rule="evenodd"></path></svg>',
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 1,
|
||||
infinite: true,
|
||||
dots: true
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 600,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
|
||||
function handleShowButtonForCarousel(carouselNumber) {
|
||||
if ($('.carousel-change' + carouselNumber).hasClass('show-more')) {
|
||||
$('.slider' + carouselNumber).slick('unslick');
|
||||
$('.show-more').text('Show Less');
|
||||
$('.show-more').addClass('show-less');
|
||||
$('.show-more').removeClass('show-more');
|
||||
} else if ($('.carousel-change' + carouselNumber).hasClass('show-less')) {
|
||||
$('.show-less').text('Show More');
|
||||
$('.show-less').addClass('show-more');
|
||||
$('.show-less').removeClass('show-less');
|
||||
initializeCarousel('.slider' + carouselNumber)
|
||||
}
|
||||
}
|
||||
|
||||
function moreThanThreeChildren(carouselIndex) {
|
||||
var sliderSize = $('.slider' + carouselIndex + ' > .slick-list > .slick-track').children().length
|
||||
return sliderSize > 3
|
||||
}
|
||||
|
||||
function handleAllShowButtons() {
|
||||
for (let carouselIndex = 1; carouselIndex <= NUMBER_OF_CAROUSELS; carouselIndex++) {
|
||||
if (moreThanThreeChildren(carouselIndex)) {
|
||||
console.log(carouselIndex, "good")
|
||||
$('.carousel-change' + carouselIndex).click(() => { handleShowButtonForCarousel(carouselIndex) });
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
console.log(carouselIndex, "bad")
|
||||
$('.slider' + carouselIndex).slick('unslick');
|
||||
$('.carousel-change' + carouselIndex).remove();
|
||||
}, 200)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
initializeCarousel('.test-carousel');
|
||||
handleAllShowButtons();
|
||||
});
|
||||
</script>
|
||||
@ -0,0 +1,27 @@
|
||||
<div class="grid__item workshop__item">
|
||||
<div class="grid">
|
||||
<div class="workshop__course-title-wrapper grid__item grid__item--tablet-up-quarter">
|
||||
<div class="workshop__course-title-container">
|
||||
<p class="workshop__course-title-text color-black">
|
||||
{{ title }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<span class="workshop__course-title-arrow"></span>
|
||||
<div class="grid__item grid__item--tablet-up-third workshop__course-information">
|
||||
<p>{{ description }}</p>
|
||||
</div>
|
||||
<div class="grid__item grid__item--desktop-up-2 grid__item--tablet-up-1 workshop__course-information">
|
||||
|
||||
<a class="de-session-button uk-button uk-button-outline filled-button" target="_blank" href="{{ link }}">
|
||||
<p class="white-text">{{ link_description }}</p>
|
||||
</a>
|
||||
|
||||
<a class="de-session-button uk-button uk-button-outline filled-button" style="margin-top: 10px" target="_blank"
|
||||
href="{{ second_link }}">
|
||||
<p class="white-text">{{ second_link_description }}</p>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,22 @@
|
||||
<div class="uk-width-1-1 uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
|
||||
<h2>{% t .my_events %}</h2>
|
||||
<ul class="uk-list event-list">
|
||||
{% for event in current_person.upcoming_registered_events.sessions.head %}
|
||||
{% include "events_list_item" event = event %}
|
||||
{% endfor %}
|
||||
{% for event in current_person.upcoming_registered_events.sessions.tail %}
|
||||
<div class="uk-hidden hideable">
|
||||
{% include "events_list_item" event = event %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
{% if current_person.upcoming_registered_events.additional_sessions? %}
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<a href="#" data-uk-toggle="{target: '.hideable'}">
|
||||
<span class="hideable">{% t .show_all_events %}</span>
|
||||
<span class="hideable uk-hidden">{% t .show_fewer_events %}</span>
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -0,0 +1,22 @@
|
||||
<div class="uk-width-1-1 uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
|
||||
<h2>{% t .my_events %}</h2>
|
||||
<ul class="uk-list event-list">
|
||||
{% for event in current_person.upcoming_registered_events.sessions.head %}
|
||||
{% include "events_list_item" event = event %}
|
||||
{% endfor %}
|
||||
{% for event in current_person.upcoming_registered_events.sessions.tail %}
|
||||
<div class="uk-hidden hideable">
|
||||
{% include "events_list_item" event = event %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
{% if current_person.upcoming_registered_events.additional_sessions? %}
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<a href="#" data-uk-toggle="{target: '.hideable'}">
|
||||
<span class="hideable">{% t .show_all_events %}</span>
|
||||
<span class="hideable uk-hidden">{% t .show_fewer_events %}</span>
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -0,0 +1,9 @@
|
||||
<div class="uk-width-1-1 uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
|
||||
<h2>{% t .title %}</h2>
|
||||
<div class="uk-margin-bottom sk-text-link">
|
||||
{% t .subtitle %}
|
||||
</div>
|
||||
<a href="/training_events" class="uk-button uk-button-primary">
|
||||
{% t .button %}
|
||||
</a>
|
||||
</div>
|
||||
@ -0,0 +1,33 @@
|
||||
<div class="uk-width-1-1 uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
|
||||
<h2>{% t .title %}</h2>
|
||||
<div class="uk-margin-bottom sk-text-link">
|
||||
{% t .subtitle %}
|
||||
</div>
|
||||
<a href="/training_events" class="uk-button uk-button-primary discover-event-button">
|
||||
{% t .button %}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d" %}
|
||||
{% include "styles_hh" %}
|
||||
{% elsif group.enrollment_code == "1817d8c96780f13abbf0f2023e3b26b3bd43d248" %}
|
||||
{% include "styles_at" %}
|
||||
<style>
|
||||
.uk-button-primary:not(.uk-button-outline) {
|
||||
background: #8b0e04 !important;
|
||||
color: white !important;
|
||||
}
|
||||
.uk-button-primary:not(.uk-button-outline):hover {
|
||||
background: #8b0e04 !important;
|
||||
}
|
||||
.discover-event-button {
|
||||
background: #8b0e04 !important;
|
||||
color: white !important;
|
||||
}
|
||||
</style>
|
||||
{% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
|
||||
group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
|
||||
{% include "styles_hh" %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
@ -0,0 +1,24 @@
|
||||
<li class="event-list-item">
|
||||
{% if event.logmein? %}
|
||||
{% if event.pending? %}
|
||||
<span class="sk-badge sk-badge__pending">Pending</span>
|
||||
{% elsif event.waiting? %}
|
||||
<span class="sk-badge sk-badge__waiting">Waiting</span>
|
||||
{% endif %}
|
||||
{{ event.starts_at }} {% t .is_your %} <span class="uk-text-primary event-list-item__title">{{ event.title }}</span> {% t .event_held_online %}
|
||||
<div class="event-list-item__actions uk-float-right">
|
||||
<a href="{{ event.join_url }}" target="_blank">{% t .join %}</a> <i class="actions-ellipsis-button"></i>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if event.internal? %}
|
||||
{{ event.starts_at }} {% t .is_your %} <span class="uk-text-primary event-list-item__title">{{ event.title }}</span>
|
||||
{% if event.location_name %}
|
||||
{% t .event_held_in %} {{ event.room_name }} {% t .at %} {{ event.location_name }}
|
||||
{% endif %}
|
||||
{% if event.session_url %}
|
||||
<div class="event-list-item__actions uk-float-right">
|
||||
<a href="{{ event.session_url }}" target="_blank">{% t .join %}</a> <i class="actions-ellipsis-button"></i>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</li>
|
||||
@ -0,0 +1,24 @@
|
||||
<li class="event-list-item">
|
||||
{% if event.logmein? %}
|
||||
{% if event.pending? %}
|
||||
<span class="sk-badge sk-badge__pending">Pending</span>
|
||||
{% elsif event.waiting? %}
|
||||
<span class="sk-badge sk-badge__waiting">Waiting</span>
|
||||
{% endif %}
|
||||
{{ event.starts_at }} {% t .is_your %} <span class="uk-text-primary event-list-item__title">{{ event.title }}</span> {% t .event_held_online %}
|
||||
<div class="event-list-item__actions uk-float-right">
|
||||
<a href="{{ event.join_url }}" target="_blank">{% t .join %}</a> <i class="actions-ellipsis-button"></i>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if event.internal? %}
|
||||
{{ event.starts_at }} {% t .is_your %} <span class="uk-text-primary event-list-item__title">{{ event.title }}</span>
|
||||
{% if event.location_name %}
|
||||
{% t .event_held_in %} {{ event.room_name }} {% t .at %} {{ event.location_name }}
|
||||
{% endif %}
|
||||
{% if event.session_url %}
|
||||
<div class="event-list-item__actions uk-float-right">
|
||||
<a href="{{ event.session_url }}" target="_blank">{% t .join %}</a> <i class="actions-ellipsis-button"></i>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</li>
|
||||
@ -0,0 +1,187 @@
|
||||
{% assign rand_realty_groups = "8f637c703ec45ac5dec70ee9517155aa0d9775c2,613932dbeb1595c00b78de8d1860a3bfdb479b22,176629fa82da1d03f3d58c81e751e61b9836a46d,91ee3a2db2f3f8b71a9d6a2d664781c8ed10e5cb,e9d26fef9adb61c4b523a273aba18c35d40b7a94,a468fb6f64f5af9757d7f60891d2240c7ea43c1e,9a70c58d13cabfc6a1b3bf63f14caaaf097fc43e,32ada17825448e171287f0c7625e2ad1ed051b0f" | split:","%}
|
||||
{% assign isAllenTate = false %}
|
||||
{% assign isHowardHanna = false %}
|
||||
{% assign isRandRealty = false %}
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.enrollment_code == "1817d8c96780f13abbf0f2023e3b26b3bd43d248" %}
|
||||
{% assign isAllenTate = true %}
|
||||
{% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
|
||||
group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
|
||||
{% assign isHowardHanna = true %}
|
||||
{% elsif rand_realty_groups contains group.enrollment_code %}
|
||||
{% assign isRandRealty = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if isAllenTate %}
|
||||
{% include "styles_at" %}
|
||||
{% elsif isHowardHanna %}
|
||||
{% include "styles_hh" %}
|
||||
{% elsif isRandRealty %}
|
||||
{% include "styles_rand" %}
|
||||
{% endif %}
|
||||
|
||||
{% if isAllenTate %}
|
||||
<script>
|
||||
var link = document.querySelector("link[rel~='icon']");
|
||||
if (!link) {
|
||||
link = document.createElement('link');
|
||||
link.rel = 'icon';
|
||||
document.getElementsByTagName('head')[0].appendChild(link);
|
||||
}
|
||||
link.href = 'https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/AllenTate/Realtors_1C_burg.png';
|
||||
|
||||
document.title = 'Tate University';
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
{% unless isRandRealty %}
|
||||
<footer class="uk-padding-large-vertical uk-border-top">
|
||||
<div class="uk-container uk-container-center">
|
||||
{% if isHowardHanna %}
|
||||
<img src="https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/HowardHanna/HannaU-Logo-White.png">
|
||||
{% elsif isAllenTate %}
|
||||
<img src="https://s3.us-west-2.amazonaws.com/static.schoolkeep.com/AllenTate/Tate+Uni+Logo+Lockup+White.png" class="small-height">
|
||||
{% endif %}
|
||||
|
||||
<div class="uk-grid uk-padding-large-left uk-padding-large-right float-right">
|
||||
|
||||
<div class="uk-width-small-1-1 uk-width-medium-7-10 uk-margin-bottom float-right">
|
||||
{% if website_footer.show_customer_service_email? and website_footer.school_customer_service_email %}
|
||||
<p class="uk-text-center-small white-text">
|
||||
{% t .need_help %}
|
||||
{% t .email %}
|
||||
{% if isHowardHanna%}
|
||||
<a class="white-text" href="mailto:{{ website_footer.school_customer_service_email }}">
|
||||
{{ website_footer.school_customer_service_email }}
|
||||
</a>
|
||||
{% elsif isAllenTate %}
|
||||
<a class="white-text" style="color:white !important;" href="mailto:training@allentate.com">
|
||||
training@allentate.com
|
||||
</a>
|
||||
{% endif %}
|
||||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
{% else %}
|
||||
{% include 'footer_rand' %}
|
||||
{% endunless %}
|
||||
|
||||
<script src="//code.jquery.com/jquery-2.0.3.min.js"></script>
|
||||
|
||||
<script>
|
||||
function filterResourcesByCategory() {
|
||||
$('#hh-dropdown').change(function(){
|
||||
var dropdownValue = this.value;
|
||||
$(this).siblings().each(function() {
|
||||
element = $(this);
|
||||
var id = $(this).attr('id');
|
||||
if (typeof id !== "undefined" ) {
|
||||
if (id !== dropdownValue && id.startsWith("c-")) {
|
||||
element.css('display','none');
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
window.onload = function() {
|
||||
filterResourcesByCategory();
|
||||
var openButton = document.getElementsByClassName('marketing-nav__hamburger')[0];
|
||||
var closeButton = document.getElementsByClassName('drawer__close-button')[0];
|
||||
var mobileNavOverlay = document.getElementsByClassName('mobile-nav__overlay')[0];
|
||||
|
||||
if (typeof(openButton) != 'undefined' && openButton != null) {
|
||||
openButton.addEventListener('click', function() {
|
||||
document.body.classList.add("js-drawer-open");
|
||||
});
|
||||
|
||||
closeButton.addEventListener('click', function() {
|
||||
document.body.classList.remove("js-drawer-open");
|
||||
});
|
||||
|
||||
mobileNavOverlay.addEventListener('click', function() {
|
||||
document.body.classList.remove("js-drawer-open");
|
||||
});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
@font-face {
|
||||
font-family:"avenir";
|
||||
src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir.ttc") format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family:"avenir-next";
|
||||
src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir+Next.ttc") format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family:"avenir-next-condensed";
|
||||
src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/Avenir+Next+Condensed.ttc") format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family:"avenir-next-lt-pro-bold";
|
||||
src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Bold.ttf") format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family:"avenir-next-lt-pro-cn-it";
|
||||
src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-CnIt.ttf") format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family:"avenir-next-lt-pro-demi";
|
||||
src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Demi.ttf") format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family:"avenir-next-lt-pro-heavy";
|
||||
src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Heavy.ttf") format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family:"avenir-next-lt-pro-regular";
|
||||
src:url("https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/fonts/AvenirNextLTPro-Regular.ttf") format("truetype");
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
font-family: "avenir", sans-serif !important;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: "avenir", sans-serif !important;
|
||||
}
|
||||
|
||||
.uk-navbar-nav>li>a {
|
||||
font-family: "avenir", sans-serif !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
<style>
|
||||
.arrow {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.breadcrumbs {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.breadcrumbs a {
|
||||
color: #0061df;
|
||||
}
|
||||
|
||||
.breadcrumbs p {
|
||||
margin: 40px 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
||||
@ -0,0 +1,60 @@
|
||||
<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">
|
||||
<img src="https://s3.amazonaws.com/static.northpass.com/Hanna+University/Rand+Realty/HHRR+Logo+Lockup_NEW+White.png" style="max-width: 25%;">
|
||||
|
||||
{% if website_footer.show_navigation_links? %}
|
||||
<nav>
|
||||
<ul class="uk-text-center-small" style="margin-top:10px; margin-bottom:10px">
|
||||
{% 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">
|
||||
Need help?
|
||||
<a href="mailto:training@randrealty.com">
|
||||
training@randrealty.com
|
||||
</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>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
footer a:not(.uk-button) {
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
document.getElementsByClassName("facebook")[0].href = "https://www.facebook.com/Randrealty/"
|
||||
document.getElementsByClassName("twitter")[0].href = "https://twitter.com/hhrandrealty"
|
||||
document.getElementsByClassName("linkedin")[0].href = "https://www.linkedin.com/company/howard-hanna-rand-realty/"
|
||||
document.getElementsByClassName("youtube")[0].href = "https://www.youtube.com/c/HowardHannaRandRealty"
|
||||
document.getElementsByClassName("instagram")[0].href = "https://www.instagram.com/randrealty/"
|
||||
</script>
|
||||
@ -0,0 +1,37 @@
|
||||
{%- comment -%}
|
||||
BHG Rand Realty - Mortgage 8f637c703ec45ac5dec70ee9517155aa0d9775c2
|
||||
Howard Hanna | Rand Realty 613932dbeb1595c00b78de8d1860a3bfdb479b22
|
||||
Howard Hanna Rand Realty 176629fa82da1d03f3d58c81e751e61b9836a46d
|
||||
Howard Hanna Rand Realty Admins 91ee3a2db2f3f8b71a9d6a2d664781c8ed10e5cb
|
||||
Howard Hanna Rand Realty Management e9d26fef9adb61c4b523a273aba18c35d40b7a94
|
||||
Rand Commercial - New City a468fb6f64f5af9757d7f60891d2240c7ea43c1e
|
||||
RAND - Jersey City Journal Square 9a70c58d13cabfc6a1b3bf63f14caaaf097fc43e
|
||||
Rand Social Media Boot Camp 2022 32ada17825448e171287f0c7625e2ad1ed051b0f
|
||||
{%- endcomment -%}
|
||||
|
||||
|
||||
{% assign rand_realty_groups = "8f637c703ec45ac5dec70ee9517155aa0d9775c2,613932dbeb1595c00b78de8d1860a3bfdb479b22,176629fa82da1d03f3d58c81e751e61b9836a46d,91ee3a2db2f3f8b71a9d6a2d664781c8ed10e5cb,e9d26fef9adb61c4b523a273aba18c35d40b7a94,a468fb6f64f5af9757d7f60891d2240c7ea43c1e,9a70c58d13cabfc6a1b3bf63f14caaaf097fc43e,32ada17825448e171287f0c7625e2ad1ed051b0f" | split:","%}
|
||||
{% assign isAllenTate = false %}
|
||||
{% assign isHowardHanna = false %}
|
||||
{% assign isRandRealty = false %}
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.enrollment_code == "1817d8c96780f13abbf0f2023e3b26b3bd43d248" %}
|
||||
{% assign isAllenTate = true %}
|
||||
{% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
|
||||
group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
|
||||
{% assign isHowardHanna = true %}
|
||||
{% elsif rand_realty_groups contains group.enrollment_code %}
|
||||
{% assign isRandRealty = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
{% for group in current_person.groups %}
|
||||
{% if isHowardHanna %}
|
||||
{% include "header_hh" %}
|
||||
{% elsif isAllenTate %}
|
||||
{% include "header_at" %}
|
||||
{% elsif isRandRealty %}
|
||||
{% include "header_rand" %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
@ -0,0 +1,528 @@
|
||||
<header class="">
|
||||
<div class="marketing-nav-wrapper">
|
||||
{%- assign courses = my_content.courses -%}
|
||||
<nav
|
||||
class="marketing-nav marketing-nav__primary hh-margin-t"
|
||||
id="ShopifyMainNav"
|
||||
itemscope="itemscope"
|
||||
itemtype="https://schema.org/SiteNavigationElement"
|
||||
role="navigation"
|
||||
aria-label="Main Navigation"
|
||||
style="background-color: white !important;"
|
||||
>
|
||||
<a href="{{ current_school.logo_navigation_url }}" class="uk-brand">
|
||||
|
||||
{% if current_school.logo_url %}
|
||||
<div class="marketing-nav__logo" style="margin-top: 20px; margin-right: 0;">
|
||||
<a href="/">
|
||||
<img src="https://s3.us-west-2.amazonaws.com/static.schoolkeep.com/AllenTate/Tate+Logo+Lockup+2+(1).png" class="small-height"alt="{{ current_school.name }}">
|
||||
</a>
|
||||
</div>
|
||||
{% else %}
|
||||
<span class="uk-text-large uk-text-bold">{{ current_school.name }}</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
<div class="uk-navbar-flip">
|
||||
<!-- uk-hidden-small -->
|
||||
<ul class="hh-desktop-nav marketing-nav__items marketing-nav__user">
|
||||
|
||||
<li class="hh-search" style="padding-top: 15px;">
|
||||
<div class="marketing-nav__item marketing-nav__item--user">
|
||||
{% include "search_form" with "" %}
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://www.hannauniversity.com/" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/#Courses" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Courses
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Allen Tate Certifications" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#AllenTateCertifications">Allen Tate Certifications</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Allen Tate Advantage" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#AllenTateAdvantage">Allen Tate Advantage</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Lead Generation" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#LeadGeneration">Lead Generation</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Marketing Skills and Strategies" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#MarketingSkillsandStrategies">Marketing Skills and Strategies</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Business Generation Suite" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#BusinessGenerationSuite">Business Generation Suite</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Working with Buyers" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#WorkingwithBuyers">Working with Buyers</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Working with Sellers" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#WorkingwithSellers">Working with Sellers</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Luxury Homes" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#LuxuryHomes">Luxury Homes</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Family of Companies & Our Partners" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#FamilyofCompanies">Family of Companies & Our Partners</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Health & Wellness" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#Health">Health & Wellness</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Real Estate Essentials" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#RealEstateEssentials">Real Estate Essentials</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
|
||||
{% if current_person.properties.access_level == 'region-admin' or
|
||||
current_person.properties.access_level == 'office-owner' or
|
||||
current_person.properties.access_level == 'Global Admin in Moxiworks' or
|
||||
current_person.properties.access_level == 'Regional Manager' or
|
||||
current_person.properties.access_level == 'Sales Office Manager' or
|
||||
current_person.properties.access_level == 'Corporate Manager' or
|
||||
current_person.properties.access_level == 'manager'
|
||||
%}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#AllenTateLeadership">Allen Tate Leadership</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Staff Development" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#StaffDevelopment">Staff Development</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
</div>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/training_events" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Events
|
||||
</a>
|
||||
{% comment %} <div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/training_events" target="_blank">Virtual Workshops</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a >In-Person Registration</a>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Pre-Recorded Webinars
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/a99f3fe7-f395-4a32-a29f-ed565906e7fb/cover" target="_blank">Hoby's Town Halls</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/96f82b1d-5904-4c99-8fa1-5eba64787834/cover" target="_blank">Tate Talk Live</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/67a00789-adfb-418f-a319-615221809d5f/cover" target="_blank">Marketing</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/da15ad68-3f42-40c1-98a1-f8a4e228726b/cover" target="_blank">Business Generation Suite</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/6b033139-2a14-4188-b429-9e96378f8492/cover" target="_blank">General</a>
|
||||
</div>
|
||||
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://in.leadingre.com" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Institute by LeadingRE
|
||||
</a>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Affiliated Learning Links
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
|
||||
<div class="white-background">
|
||||
<a href="https://allentate.theceshop.com/" target="_blank">The CE Shop</a>
|
||||
</div>
|
||||
|
||||
<div class="white-background">
|
||||
<a href="https://info.superiorschoolnc.com/allen-tate-agents" target="_blank">Superior School of Real Estate</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4523" target="_blank">NAR Certifications</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4524" target="_blank">NAR Designations</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://sellnewhomes.com/HannaLiveCNHS" target="_blank">Certified New Home Specialist</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/#ChecklistResources" class="marketing-nav__item marketing-nav__item--user"
|
||||
itemprop="name">
|
||||
Resources
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="live-workshops">
|
||||
<a class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
{{current_person.name}}
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/my_courses" target="_blank">My Courses</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- uk-visible-small -->
|
||||
<div class="hh-mobile-nav ">
|
||||
{% search %}
|
||||
<button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
|
||||
</button>
|
||||
{% endsearch %}
|
||||
|
||||
{% catalog_search %}
|
||||
<button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
|
||||
</button>
|
||||
{% endcatalog_search %}
|
||||
<a href="#mobile-nav" class="black-text mobile-navbar-toggle uk-navbar-toggle" data-uk-offcanvas></a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% search %}
|
||||
<div id="mobile-search" class="school-website-header uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
|
||||
{% include "search_form" with "" %}
|
||||
<a class="uk-button uk-button-link" href="{{ routes.my_content_path }}">Back</a>
|
||||
</div>
|
||||
{% endsearch %}
|
||||
|
||||
{% catalog_search %}
|
||||
<div id="mobile-search" class="school-website-header uk-visible-small uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
|
||||
{% include "catalog_search_form" with "" %}
|
||||
<a class="uk-button uk-button-link" href="{{ routes.school_website_catalog_path }}">{% t .cancel %}</a>
|
||||
</div>
|
||||
{% endcatalog_search %}
|
||||
|
||||
<div id="mobile-nav" class="uk-offcanvas">
|
||||
<div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
|
||||
<ul class="uk-nav uk-nav-offcanvas" data-uk-nav>
|
||||
<li class="hh-search" style="padding-top: 15px;">
|
||||
<div class="marketing-nav__item marketing-nav__item--user">
|
||||
{% include "search_form" with "" %}
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://www.hannauniversity.com/" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Courses
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Allen Tate Certifications" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#AllenTateCertifications">Allen Tate Certifications</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Allen Tate Advantage" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#AllenTateAdvantage">Allen Tate Advantage</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Lead Generation" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#LeadGeneration">Lead Generation</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Marketing Skills and Strategies" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#MarketingSkillsandStrategies">Marketing Skills and Strategies</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Business Generation Suite" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#BusinessGenerationSuite">Business Generation Suite</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Working with Buyers" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#WorkingwithBuyers">Working with Buyers</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Working with Sellers" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#WorkingwithSellers">Working with Sellers</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Luxury Homes" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#LuxuryHomes">Luxury Homes</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Family of Companies & Our Partners" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#FamilyofCompanies">Family of Companies & Our Partners</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Health & Wellness" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#Health">Health & Wellness</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
|
||||
{% if current_person.properties.access_level == 'region-admin' or
|
||||
current_person.properties.access_level == 'office-owner' or
|
||||
current_person.properties.access_level == 'Global Admin in Moxiworks' or
|
||||
current_person.properties.access_level == 'Regional Manager' or
|
||||
current_person.properties.access_level == 'Sales Office Manager' or
|
||||
current_person.properties.access_level == 'Corporate Manager' or
|
||||
current_person.properties.access_level == 'manager'
|
||||
%}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#AllenTateLeadership">Allen Tate Leadership</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Staff Development" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#StaffDevelopment">Staff Development</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
</div>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/training_events" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Events
|
||||
</a>
|
||||
{% comment %} <div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/training_events" target="_blank">Virtual Workshops</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a >In-Person Registration</a>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Pre-Recorded Webinars
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/a99f3fe7-f395-4a32-a29f-ed565906e7fb/cover" target="_blank">Hoby's Town Halls</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/96f82b1d-5904-4c99-8fa1-5eba64787834/cover" target="_blank">Tate Talk Live</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/67a00789-adfb-418f-a319-615221809d5f/cover" target="_blank">Marketing</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/da15ad68-3f42-40c1-98a1-f8a4e228726b/cover" target="_blank">Business Generation Suite</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/6b033139-2a14-4188-b429-9e96378f8492/cover" target="_blank">General</a>
|
||||
</div>
|
||||
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" class="marketing-nav__item marketing-nav__item--user" target="_blank" itemprop="name">
|
||||
Institute by LeadingRE
|
||||
</a>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Affiliated Learning Links
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
|
||||
<div class="white-background">
|
||||
<a href="https://allentate.theceshop.com/" target="_blank">The CE Shop</a>
|
||||
</div>
|
||||
|
||||
<div class="white-background">
|
||||
<a href="https://info.superiorschoolnc.com/allen-tate-agents" target="_blank">Superior School of Real Estate</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4523" target="_blank">NAR Certifications</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4524" target="_blank">NAR Designations</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/#ChecklistResources" class="marketing-nav__item marketing-nav__item--user"
|
||||
itemprop="name">
|
||||
Resources
|
||||
</a>
|
||||
</li>
|
||||
{% comment %} <li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/#ChecklistResources" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Checklists & Resources
|
||||
</a>
|
||||
</li> {% endcomment %}
|
||||
|
||||
<li class="live-workshops">
|
||||
<a class="marketing-nav__item marketing-nav__item--user" itemprop="name">{{ current_person.name }}</a>
|
||||
<div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/my_courses" target="_blank">My Courses</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.school-website-header {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.survey-tooltip {
|
||||
visibility: hidden;
|
||||
width: 300px;
|
||||
position: absolute;
|
||||
line-height: 3.5;
|
||||
min-height: 110px;
|
||||
font-size: 15px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 3px 3px 11px rgba(0,0,0,0.08);
|
||||
transition: 0.1s;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.live-workshops:hover .survey-tooltip {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.survey-tooltip:hover {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.white-background {
|
||||
background-color: rgb(249, 250, 252);
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.white-background {
|
||||
line-height: 2;
|
||||
padding: 10px 20px;
|
||||
background: #fff;
|
||||
}
|
||||
.survey-tooltip {
|
||||
min-height: 10px !important;
|
||||
}
|
||||
.hh-coaching {
|
||||
line-height: 2;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,591 @@
|
||||
<header class="">
|
||||
<div class="marketing-nav-wrapper">
|
||||
{%- assign courses = my_content.courses -%}
|
||||
<nav
|
||||
class="marketing-nav marketing-nav__primary hh-margin-t"
|
||||
id="ShopifyMainNav"
|
||||
itemscope="itemscope"
|
||||
itemtype="https://schema.org/SiteNavigationElement"
|
||||
role="navigation"
|
||||
aria-label="Main Navigation"
|
||||
style="background-color: white !important;"
|
||||
>
|
||||
<a href="{{ current_school.logo_navigation_url }}" class="uk-brand">
|
||||
|
||||
{% if current_school.logo_url %}
|
||||
<div class="marketing-nav__logo" style="margin-top: 20px; margin-right: 0;">
|
||||
<a href="/">
|
||||
<img src="{{ current_school.logo_url }}" alt="{{ current_school.name }}">
|
||||
</a>
|
||||
</div>
|
||||
{% else %}
|
||||
<span class="uk-text-large uk-text-bold">{{ current_school.name }}</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
<div class="uk-navbar-flip">
|
||||
<!-- uk-hidden-small -->
|
||||
<ul class="hh-desktop-nav marketing-nav__items marketing-nav__user">
|
||||
|
||||
<li class="hh-search" style="padding-top: 15px;">
|
||||
<div class="marketing-nav__item marketing-nav__item--user">
|
||||
{% include "search_form" with "" %}
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://www.hannauniversity.com/" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/#Courses" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Courses
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Agent Fundamentals for the Newly Licensed" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#AgentFundamentalsForTheNewlyLicensed">Agent Fundamentals for the Newly Licensed</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Career Development: Sales, Planning & More" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#CareerDevelopmentSalesPlanningAndMore">Career Development: Sales, Planning & More</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Hanna Advantage & Value Proposition" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HannaAdvantageAndValueProposition">Hanna Advantage & Value Proposition</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{% if current_person.properties.access_level == 'region-admin' or
|
||||
current_person.properties.access_level == 'office-owner' or
|
||||
current_person.properties.access_level == 'Global Admin in Moxiworks' or
|
||||
current_person.properties.access_level == 'Regional Manager' or
|
||||
current_person.properties.access_level == 'Sales Office Manager' or
|
||||
current_person.properties.access_level == 'Corporate Manager' or
|
||||
current_person.properties.access_level == 'manager'
|
||||
%}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HowardHannaManagement">Howard Hanna Management</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "H-Suite Tech Tools" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HSuiteTechTools">H-Suite Tech Tools</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Marketing Skills and Strategies" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#MarketingSkillsAndStrategies">Marketing Skills and Strategies</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Support Staff Development" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#SupportStaffDevelopment">Support Staff Development</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Technical Support" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#TechnicalSupport">Technical Support</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/training_events" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Workshops
|
||||
</a>
|
||||
{% comment %} <div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/training_events" target="_blank">Virtual Workshops</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="">In-Person Registration</a>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Pre-Recorded Webinars
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/a99f3fe7-f395-4a32-a29f-ed565906e7fb/cover" target="_blank">Town Halls</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/07544807-2a28-43b1-82cf-3d849a048308/cover" target="_blank">Wednesday Webinars</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/8ba96bed-aea6-475e-adc7-100f5ad724e2/cover" target="_blank">Tech Tuesdays</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/c/09fdf3c14175177f417d33be514378d3ba464602" target="_blank">HannaCon 2022: Stronger Together</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/8bbd1af2-87e6-418d-a5d9-c1db68563a55/cover" target="_blank">MarTech Updates</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/ad754743-25d3-411f-a432-5b5823d7e112/cover" target="_blank">Real Estate Skills</a>
|
||||
</div>
|
||||
|
||||
<div class="white-background">
|
||||
{% if group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d" %}
|
||||
<a href="https://www.hannauniversity.com/courses/d4d6e084-6809-4c02-bc93-229f7896f9ef/cover" target="_blank">Rand: The Great Week Call</a>
|
||||
{% else %}
|
||||
<a href="https://www.hannauniversity.com/courses/bee10a53-10c0-4eb0-aabe-6ef6e37df4bd/cover" target="_blank">Howard Hanna Rand Realty</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Affiliated Learning Links
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
|
||||
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d" %}
|
||||
<div class="white-background">
|
||||
<a href="https://in.leadingre.com" target="_blank">Institute by LeadingRE</a>
|
||||
</div>
|
||||
{% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
|
||||
group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
|
||||
<div class="white-background">
|
||||
<a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank">Institute by LeadingRE</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d" %}
|
||||
<div class="white-background">
|
||||
<a href="https://rand.theceshop.com" target="_blank">The CE Shop</a>
|
||||
</div>
|
||||
{% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
|
||||
group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
|
||||
<div class="white-background">
|
||||
<a href="https://howardhanna.theceshop.com/" target="_blank">The CE Shop</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://blog.narrpr.com/l/howard-hanna/" target="_blank">RPR Howard Hanna</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if current_person.properties.state contains 'OH' %}
|
||||
<div class="white-background">
|
||||
<a href="https://howardhanna.fastclass.com/catalog/1" target="_blank">Hondros</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if current_person.properties.state contains 'PA' %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.alankells.com/" target="_blank">Alan Kells</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if current_person.properties.state contains 'VA' %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.moseley.org/" target="_blank">Moseley</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4522" target="_blank">CE Approved Courses</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4523" target="_blank">NAR Certifications</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4524" target="_blank">NAR Designations</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://fairhaven.realtor/" target="_blank">NAR Fairhaven Simulation</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://sellnewhomes.com/HannaLiveCNHS" target="_blank">Certified New Home Specialist</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="/c/b02b0b8d3f12648feea34409fc358e1c26250072#skip_me" target="_blank">
|
||||
Obtain Your Florida Real Estate License
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
|
||||
group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/#ChecklistResources" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Checklists & Resources
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<li class="live-workshops">
|
||||
<a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
{{current_person.name}}
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/my_courses" target="_blank">My Courses</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- uk-visible-small -->
|
||||
<div class="hh-mobile-nav ">
|
||||
{% search %}
|
||||
<button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
|
||||
</button>
|
||||
{% endsearch %}
|
||||
|
||||
{% catalog_search %}
|
||||
<button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
|
||||
</button>
|
||||
{% endcatalog_search %}
|
||||
<a href="#mobile-nav" class="mobile-navbar-toggle uk-navbar-toggle" data-uk-offcanvas></a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% search %}
|
||||
<div id="mobile-search" class="school-website-header uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
|
||||
{% include "search_form" with "" %}
|
||||
<a class="uk-button uk-button-link" href="{{ routes.my_content_path }}">Back</a>
|
||||
</div>
|
||||
{% endsearch %}
|
||||
|
||||
{% catalog_search %}
|
||||
<div id="mobile-search" class="school-website-header uk-visible-small uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
|
||||
{% include "catalog_search_form" with "" %}
|
||||
<a class="uk-button uk-button-link" href="{{ routes.school_website_catalog_path }}">{% t .cancel %}</a>
|
||||
</div>
|
||||
{% endcatalog_search %}
|
||||
|
||||
<div id="mobile-nav" class="uk-offcanvas">
|
||||
<div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
|
||||
<ul class="uk-nav uk-nav-offcanvas" data-uk-nav>
|
||||
<li class="hh-search" style="padding-top: 15px;">
|
||||
<div class="marketing-nav__item marketing-nav__item--user">
|
||||
{% include "search_form" with "" %}
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://www.hannauniversity.com/" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/#Courses" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Courses
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Advanced Sales Skills" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#AdvancedSalesSkills">Advanced Sales Skills</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Agent Support Staff Development" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#AgentSupportStaffDevelopment">Agent Support Staff Development</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Core Services & Our Partners" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#CoreServicesTraining">Core Services & Our Partners</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Hanna Advantage" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HannaAdvantage">Hanna Advantage</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Health & Wellness" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HealthWellness">Health & Wellness</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
|
||||
{% if current_person.properties.access_level == 'region-admin' or
|
||||
current_person.properties.access_level == 'office-owner' or
|
||||
current_person.properties.access_level == 'Global Admin in Moxiworks' or
|
||||
current_person.properties.access_level == 'Regional Manager' or
|
||||
current_person.properties.access_level == 'Sales Office Manager' or
|
||||
current_person.properties.access_level == 'Corporate Manager' or
|
||||
current_person.properties.access_level == 'manager'
|
||||
%}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HowardHannaManagement">Howard Hanna Management</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "IT HELP" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#ithelp">IT HELP</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Marketing Skills and Strategies" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#MarketingSkillsandStrategies">Marketing Skills and Strategies</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Marketing Technology Differentiators" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#MarketingTechnologyDifferentiators">Marketing Technology Differentiators</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "New Agent Development" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#NewAgentDevelopment">New Agent Development</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Real Estate Essentials" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#RealEstateEssentials">Real Estate Essentials</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Real Estate Specialties" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#RealEstateSpecialties">Real Estate Specialties</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
</div>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/training_events" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Workshops
|
||||
</a>
|
||||
{% comment %} <div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/training_events" target="_blank">Virtual Workshops</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="">In-Person Registration</a>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Pre-Recorded Webinars
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/a99f3fe7-f395-4a32-a29f-ed565906e7fb/cover" target="_blank">Town Halls</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/07544807-2a28-43b1-82cf-3d849a048308/cover" target="_blank">Wednesday Webinars</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/8ba96bed-aea6-475e-adc7-100f5ad724e2/cover" target="_blank">Tech Tuesdays</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/c/09fdf3c14175177f417d33be514378d3ba464602" target="_blank">HannaCon 2022: Stronger Together</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/8bbd1af2-87e6-418d-a5d9-c1db68563a55/cover" target="_blank">MarTech Updates</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/ad754743-25d3-411f-a432-5b5823d7e112/cover" target="_blank">Real Estate Skills</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/courses/bee10a53-10c0-4eb0-aabe-6ef6e37df4bd/cover" target="_blank">Howard Hanna Rand Realty</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Affiliated Learning Links
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
|
||||
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d" %}
|
||||
<div class="white-background">
|
||||
<a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank">Institute by LeadingRE</a>
|
||||
</div>
|
||||
{% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
|
||||
group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
|
||||
<div class="white-background">
|
||||
<a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank">Institute by LeadingRE</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d" %}
|
||||
<div class="white-background">
|
||||
<a href="https://rand.theceshop.com" target="_blank">The CE Shop</a>
|
||||
</div>
|
||||
{% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
|
||||
group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
|
||||
<div class="white-background">
|
||||
<a href="https://howardhanna.theceshop.com/" target="_blank">The CE Shop</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://blog.narrpr.com/l/howard-hanna/" target="_blank">RPR Howard Hanna</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if current_person.properties.state contains 'OH' %}
|
||||
<div class="white-background">
|
||||
<a href="https://howardhanna.fastclass.com/catalog/1" target="_blank">Hondros</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if current_person.properties.state contains 'PA' %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.alankells.com/" target="_blank">Alan Kells</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if current_person.properties.state contains 'VA' %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.moseley.org/" target="_blank">Moseley</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4522" target="_blank">CE Approved Courses</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4523" target="_blank">NAR Certifications</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4524" target="_blank">NAR Designations</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://fairhaven.realtor/" target="_blank">NAR Fairhaven Simulation</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://sellnewhomes.com/HannaLiveCNHS" target="_blank">Certified New Home Specialist</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
|
||||
group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" %}
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/#ChecklistResources" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Checklists & Resources
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<li class="live-workshops">
|
||||
<a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">{{ current_person.name }}</a>
|
||||
<div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/my_courses" target="_blank">My Courses</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.school-website-header {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.survey-tooltip {
|
||||
/* max-height: 400px; */
|
||||
overflow: scroll;
|
||||
visibility: hidden;
|
||||
width: 300px;
|
||||
position: absolute;
|
||||
line-height: 3.5;
|
||||
min-height: 110px;
|
||||
font-size: 15px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 3px 3px 11px rgba(0,0,0,0.08);
|
||||
transition: 0.1s;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.live-workshops:hover .survey-tooltip {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.survey-tooltip:hover {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.white-background {
|
||||
background-color: rgb(249, 250, 252);
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.white-background {
|
||||
line-height: 2;
|
||||
padding: 10px 20px;
|
||||
background: #fff;
|
||||
}
|
||||
.survey-tooltip {
|
||||
min-height: 10px !important;
|
||||
}
|
||||
.hh-coaching {
|
||||
line-height: 2;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,401 @@
|
||||
<header class="">
|
||||
<div class="marketing-nav-wrapper">
|
||||
{%- assign courses = my_content.courses -%}
|
||||
<nav
|
||||
class="marketing-nav marketing-nav__primary hh-margin-t"
|
||||
id="ShopifyMainNav"
|
||||
itemscope="itemscope"
|
||||
itemtype="https://schema.org/SiteNavigationElement"
|
||||
role="navigation"
|
||||
aria-label="Main Navigation"
|
||||
style="background-color: white !important; display: flex; justify-content: space-evenly; padding-right: 0; padding-left: 0;"
|
||||
>
|
||||
<a href="{{ current_school.logo_navigation_url }}" class="uk-brand marketing-nav__logo" style="display: flex; margin-right: 0;">
|
||||
<img style="height: 80%;" src="https://s3.amazonaws.com/static.northpass.com/Hanna+University/Rand+Realty/rand-realty-logo.png" alt="{{ current_school.name }}">
|
||||
</a>
|
||||
<div class="uk-navbar-flip">
|
||||
<!-- uk-hidden-small -->
|
||||
<ul class="hh-desktop-nav marketing-nav__items marketing-nav__user">
|
||||
|
||||
<li class="hh-search" style="padding-top: 15px;">
|
||||
<div class="marketing-nav__item marketing-nav__item--user">
|
||||
{% include "search_form" with "" %}
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://www.hannauniversity.com/" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/#Courses" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Courses
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "HH|RR CORE Companion" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HHRRCORECompanion">HH|RR CORE Companion</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "HH|RR Sales Skills" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HHRRSalesSkills">HH|RR Sales Skills</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "HH|RR Streamline Your Business" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HHRRStreamlineYourBusiness">HH|RR Streamline Your Business</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "HH|RR Marketing Your Business" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HHRRMarketingYourBusiness">HH|RR Marketing Your Business</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Real Estate Essentials" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#RealEstateEssentials">Real Estate Essentials</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Real Estate Specialties" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#RealEstateSpecialties">Real Estate Specialties</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Health & Wellness" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HealthWellness">Health & Wellness</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
</div>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/workshops-events" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Workshops
|
||||
</a>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/calendar" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Calendar
|
||||
</a>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Affiliated Learning Links
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank">Institute by LeadingRE</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://rand.theceshop.com" target="_blank">The CE Shop</a>
|
||||
</div>
|
||||
|
||||
{% if current_person.properties.state contains 'OH' %}
|
||||
<div class="white-background">
|
||||
<a href="https://howardhanna.fastclass.com/catalog/1" target="_blank">Hondros</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if current_person.properties.state contains 'PA' %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.alankells.com/" target="_blank">Alan Kells</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if current_person.properties.state contains 'VA' %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.moseley.org/" target="_blank">Moseley</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4522" target="_blank">CE Approved Courses</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4523" target="_blank">NAR Certifications</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4524" target="_blank">NAR Designations</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://fairhaven.realtor/" target="_blank">NAR Fairhaven Simulation</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://sellnewhomes.com/HannaLiveCNHS" target="_blank">Certified New Home Specialist</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="/c/b02b0b8d3f12648feea34409fc358e1c26250072#skip_me" target="_blank">
|
||||
Obtain Your Florida Real Estate License
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{%- comment -%}
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/#ChecklistResources" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Checklists & Resources
|
||||
</a>
|
||||
</li> {%- endcomment -%}
|
||||
|
||||
<li class="live-workshops">
|
||||
<a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
{{current_person.name}}
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/my_courses" target="_blank">My Courses</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- uk-visible-small -->
|
||||
<div class="hh-mobile-nav ">
|
||||
{% search %}
|
||||
<button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
|
||||
</button>
|
||||
{% endsearch %}
|
||||
|
||||
{% catalog_search %}
|
||||
<button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
|
||||
</button>
|
||||
{% endcatalog_search %}
|
||||
<a href="#mobile-nav" class="mobile-navbar-toggle uk-navbar-toggle" data-uk-offcanvas></a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% search %}
|
||||
<div id="mobile-search" class="school-website-header uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
|
||||
{% include "search_form" with "" %}
|
||||
<a class="uk-button uk-button-link" href="{{ routes.my_content_path }}">Back</a>
|
||||
</div>
|
||||
{% endsearch %}
|
||||
|
||||
{% catalog_search %}
|
||||
<div id="mobile-search" class="school-website-header uk-visible-small uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
|
||||
{% include "catalog_search_form" with "" %}
|
||||
<a class="uk-button uk-button-link" href="{{ routes.school_website_catalog_path }}">{% t .cancel %}</a>
|
||||
</div>
|
||||
{% endcatalog_search %}
|
||||
|
||||
<div id="mobile-nav" class="uk-offcanvas">
|
||||
<div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
|
||||
<ul class="uk-nav uk-nav-offcanvas" data-uk-nav>
|
||||
<li class="hh-search" style="padding-top: 15px;">
|
||||
<div class="marketing-nav__item marketing-nav__item--user">
|
||||
{% include "search_form" with "" %}
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://www.hannauniversity.com/" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/#Courses" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Courses
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "HH|RR CORE Companion" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HHRRCORECompanion">HH|RR CORE Companion</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "HH|RR Sales Skills" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HHRRSalesSkills">HH|RR Sales Skills</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "HH|RR Streamline Your Business" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HHRRStreamlineYourBusiness">HH|RR Streamline Your Business</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "HH|RR Marketing Your Business" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HHRRMarketingYourBusiness">HH|RR Marketing Your Business</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Real Estate Essentials" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#RealEstateEssentials">Real Estate Essentials</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Real Estate Specialties" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#RealEstateSpecialties">Real Estate Specialties</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- for course in courses -%}
|
||||
{% if course.course_category_names contains "Health & Wellness" %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/#HealthWellness">Health & Wellness</a>
|
||||
</div>
|
||||
{%break%}
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
</div>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/workshops-events" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Workshops
|
||||
</a>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/calendar" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Calendar
|
||||
</a>
|
||||
</li>
|
||||
<li class="live-workshops">
|
||||
<a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Affiliated Learning Links
|
||||
</a>
|
||||
<div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank">Institute by LeadingRE</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://rand.theceshop.com" target="_blank">The CE Shop</a>
|
||||
</div>
|
||||
|
||||
{% if current_person.properties.state contains 'OH' %}
|
||||
<div class="white-background">
|
||||
<a href="https://howardhanna.fastclass.com/catalog/1" target="_blank">Hondros</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if current_person.properties.state contains 'PA' %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.alankells.com/" target="_blank">Alan Kells</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if current_person.properties.state contains 'VA' %}
|
||||
<div class="white-background">
|
||||
<a href="https://www.moseley.org/" target="_blank">Moseley</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4522" target="_blank">CE Approved Courses</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4523" target="_blank">NAR Certifications</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="http://affiliate.learninglibrary.com//Process/Link?id=4524" target="_blank">NAR Designations</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://fairhaven.realtor/" target="_blank">NAR Fairhaven Simulation</a>
|
||||
</div>
|
||||
<div class="white-background">
|
||||
<a href="https://sellnewhomes.com/HannaLiveCNHS" target="_blank">Certified New Home Specialist</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{%- comment -%} <li class="live-workshops">
|
||||
<a href="https://www.hannauniversity.com/#ChecklistResources" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
|
||||
Checklists & Resources
|
||||
</a>
|
||||
</li> {%- endcomment -%}
|
||||
|
||||
<li class="live-workshops">
|
||||
<a href="" class="marketing-nav__item marketing-nav__item--user" itemprop="name">{{ current_person.name }}</a>
|
||||
<div class="survey-tooltip">
|
||||
<div class="white-background">
|
||||
<a href="https://www.hannauniversity.com/my_courses" target="_blank">My Courses</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
.school-website-header {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.survey-tooltip {
|
||||
max-height: 400px;
|
||||
overflow: scroll;
|
||||
visibility: hidden;
|
||||
width: 300px;
|
||||
position: absolute;
|
||||
line-height: 3.5;
|
||||
min-height: 110px;
|
||||
font-size: 15px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 3px 3px 11px rgba(0,0,0,0.08);
|
||||
transition: 0.1s;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.live-workshops:hover .survey-tooltip {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.survey-tooltip:hover {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.white-background {
|
||||
background-color: rgb(249, 250, 252);
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.white-background {
|
||||
line-height: 2;
|
||||
padding: 10px 20px;
|
||||
background: #fff;
|
||||
}
|
||||
.survey-tooltip {
|
||||
min-height: 10px !important;
|
||||
}
|
||||
.hh-coaching {
|
||||
line-height: 2;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,14 @@
|
||||
<section id="Main" class="section" style="padding-top: 0;">
|
||||
<!-- hero__image grid under -->
|
||||
<div class="grid__item grid__item--desktop-up-9 grid__item--mobile-up-align-center">
|
||||
<div class="section-heading hh-hero-header" style="margin-top: 3em; margin-bottom: 5em;"></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% if isAllenTate %}
|
||||
<img src="https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/AllenTate/Hero+Image_Edited-01+(1).png" alt="" style="padding-bottom: 2rem;">
|
||||
{% elsif isHowardHanna or isRandRealty %}
|
||||
<img src="https://s3-us-west-2.amazonaws.com/static.schoolkeep.com/HowardHanna/HannaU+Hero-Text.jpg" alt="">
|
||||
{% endif %}
|
||||
@ -0,0 +1,134 @@
|
||||
|
||||
<div class="hh-panel">
|
||||
<div class="grid grid--equal-height">
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How to quickly get your listings on the market checklist",
|
||||
description: "Get your listing on the market faster by following these key steps *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1osgufx9U0A9MAihKPsNeTcz55NDRiB6s"
|
||||
%}
|
||||
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How to build a strong social media presence checklist",
|
||||
description: "Quick, actionable steps to help keep you organized and see success on social media *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1999KTS6w4THm_pOLWPloPiwYrhdPJOMf"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "hh digital ads for Facebook handbook",
|
||||
description: "Best practices for running a Digital Ad to promote your listing on Facebook *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1AviPzxKfdwNAzfToH8pZLcVIIcwCbbMk"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Email marketing calendar template",
|
||||
description: "Template for planning your monthly email marketing content *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/a/urbanhh.com/file/d/1U8PAsA6RKkOGaqrBTQiEf6sNV7my8XUn/view?usp=sharing"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How much should you be spending on your direct mail? ",
|
||||
description: "Guidance for how much you should be spending on direct mail for each listing *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1X9yQaVCSYkF63vJ5AHOmD-FbyRD9a9TD"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How much should you be spending on social media?",
|
||||
description: "Guidance for how much you should be spending on social media for each listing *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=14_KAJTwMj8sydCjzHZdkvnwo_TX2n5TV"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How to request a client testimonial",
|
||||
description: "Collect strong testimonials from your clients to power your marketing *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1N2EH5oQ3TcrAk5Zvqo26PT0RVz9IPngL"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Social media handbook",
|
||||
description: "Learn how to use social media effectively, including best practices and examples *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1MHItmu5eLKlZ2ai3fE3HhrcFOy52hXIC"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How much should you spend on your video marketing?",
|
||||
description: "Plan how much you should be spending on video marketing *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1jvrlGY7AjVitQJdLQdu7NfLYUOTF5-Sl"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "hh listing video style guide",
|
||||
description: "Use this style guide to ensure you are creating beautiful and impactful listing videos *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=14rrfidRdFU-_CgcCM4iz7V3pJKgOECgw"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "hh Agent video brand guidelines",
|
||||
description: "Use this style guide to ensure you are creating beautiful and impactful personal brand videos *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1CYSwtKisw7nUtoZhv5Lbyk05ExpqAYA_"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Advertising checklist",
|
||||
description: "Plan your advertising strategy *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=12Z9T2acgtYdr2Gu9yj4oTh4_cQq39aSe"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Define Your advertising goals",
|
||||
description: "Identify your advertising goals to better plan and create your annual advertising strategy *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1yMOch3HN1pmH0S7LRryweQhNOI8wKMHr"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How much should you spend on your advertising?",
|
||||
description: "Guide to planning how much to spend on listing advertising *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1K3jURqeryH8gDBvkvt6EkLENIzT9pL1N"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How to take better listing photographs",
|
||||
description: "Use this one-sheet to ensure you are getting the best photos during your next listing photoshoot *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1T-nY5YPDcbbMYEoWzZ93xTnYJLdZ0o3S"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Marketing top 12 to-do's",
|
||||
description: "Use this list of the top 12 marketing best practices to grow your business *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1kbJKt_GoisBgu4D2Cn-KI3q124nu9dTK"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Template for annual marketing plan",
|
||||
description: "Template to plan and prioritize your annual spend for both brand and listing advertising *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1is7cWenO6_E7-wcwCNfweOAsQq_hkqmO"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Advertising budget template",
|
||||
description: "Template to plan and prioritize your annual budget for both brand and listing advertising *For hh agents only*",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=14kz6wle3avf9HDsOn_UDbtOauP0kXsxj"
|
||||
%}
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,18 @@
|
||||
<div class="grid">
|
||||
<div class="grid__item grid__item--tablet-up-half hh-margin-b" style="width: 100%;">
|
||||
<h2 class="heading--1 color-indigo-dark" style="margin-bottom: 0;">Course Library</h2>
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.enrollment_code == "1817d8c96780f13abbf0f2023e3b26b3bd43d248" %}
|
||||
<p class="text-major">
|
||||
Allen Tate's platform for on-demand, self-paced personal and professional development.
|
||||
</p>
|
||||
{% elsif group.enrollment_code == "ccd2aa2f1e41ebbac8fa878f806e3ccc20ae3f38" or
|
||||
group.enrollment_code == "aa6fe8d22ec1e75d2e8c54c6d5452dcd585e415d" or
|
||||
group.enrollment_code == "176629fa82da1d03f3d58c81e751e61b9836a46d"%}
|
||||
<p class="text-major">
|
||||
Howard Hanna's platform for on-demand, self-paced personal and professional development.
|
||||
</p>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,132 @@
|
||||
|
||||
<div class="hh-panel">
|
||||
<div class="grid grid--equal-height">
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "New Agent Checklist",
|
||||
description: "A checklist of what to do when you don’t know where to start.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/16a3dd4d-0b33-49f2-9d77-ea59e332bedb"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Fast Start eBook",
|
||||
description: "Complete this workbook for help with starting your business.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/dc4fd154-cc9b-4831-84a3-7f7480987ef6"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Fast Start Calendar",
|
||||
description: "View the Fast Start schedule for the entire year.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/5f05ccd2-d257-4209-80da-e808ca9f2af5"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Tools in a Nutshell",
|
||||
description: "Helpful guide to all the Howard Hanna Tools and knowing where to start.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/7150ba05-b175-4554-b37f-44cafcc31b26"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Cultivating and Growing Your Sphere",
|
||||
description: "Categories to trigger who your Sphere (Center) of Influence is.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/9776a9fe-be29-4c32-bf82-19206ea7b448"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How to Contact IT",
|
||||
description: "How to contact our IT Department for help!",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/0b7d66c5-7f03-4281-a60e-a1a548f84d8a"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Engage Flow Chart",
|
||||
description: "Your flowchart for how information gets into your Engage CRM.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/7869c642-0622-469a-8542-d886c5ecc8d2"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Open House Checklist",
|
||||
description: "From listing agreement to after the open house this checklist will walk you through everything step by step to increase your business opportunity.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/7ec02b5e-d12d-4160-909e-7a96d682b954"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How to Use the HH Platforms and Specific Tools",
|
||||
description: "A guide for which platform to use during every step of the buying and selling process.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/4d0b5151-17ec-49ba-a422-6686c2c04bb8"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Buyer-Seller Responsibilities",
|
||||
description: "A flowchart image to walk a buyer or seller through their responsibilities during the process.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/7fa9a388-1c35-45d2-bad2-58060d9e7d7d"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Getting Started with Your HH Mobile App",
|
||||
description: "Download and share your Howard Hanna Agent Mobile App.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/5524b67b-755a-4347-ae68-630bd97519d9"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Things to Do When There is Nothing to Do",
|
||||
description: "Use these simple techniques to keep building business opportunities - even when time is short.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/ba08e05b-7672-46fb-9237-ee266add1436"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Have You Done Ten",
|
||||
description: "How is your business? Do 10 of these items this week to keep your business growing!",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/c7b687d1-63f8-4674-9f8c-101f22b962ea"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Buyside Flow Chart",
|
||||
description: "Capture all your buyer data, from these Howard Hanna sources and effectively use it to attract more sellers, win more listings and close more transaction sides in house.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/354cbb64-baf2-4ee0-8abd-7525d47c2529"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Your Road Map to Market Differentiation for Buyers and Sellers",
|
||||
description: "The Howard Hanna platform and tools you need to drive your business!",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/77ac8bc6-39ad-48c7-83f2-41784b2ca7a5"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Business Planning Form",
|
||||
description: "Take a few minutes to plan out your business goals - and watch just how productive you will become!",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/278bd515-7eae-4690-b0d3-13a9a8c2d184"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Excel Templates",
|
||||
description: "Click here to download excel templates for the different tools.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/64d672d5-7cb5-4c01-b09d-f5ef56a235c3"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Guest Network Passwords",
|
||||
description: "Check here for the guest wifi's (hh-guest) monthly password. User name is guest.",
|
||||
link_description: "Download this Resource",
|
||||
link: "https://www.hannauniversity.com/courses/a8d8adfc-130a-402a-b214-10c5130433b3/activities/5d43677a-8ea2-439a-afa4-89551d1c22bf"
|
||||
%}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,36 @@
|
||||
|
||||
<div class="hh-panel">
|
||||
<div class="grid grid--equal-height">
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Livestream open house checklist",
|
||||
description: "Recommended steps and best practices for hosting a livestream open house through the hh platform.",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/file/d/1_RlabQgoU0Oebg8tYlZFEXt72tf9O-Re/view?usp=sharing"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Open house checklist",
|
||||
description: "Conduct your next open house with ease by following these steps shared by top hh agents",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1QmtDkF3a8-_HkMtSCe1uJt9Kc9AJAWYS"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Hosting another agent's open house checklist",
|
||||
description : "Ensure the most successful search and tour experience for your buyer(s)",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1WiSZYlPgo3xb2lwagSciy0QlhBtKx4UT"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Broker open house / Broker tour checklist",
|
||||
description: "Suggested steps to help you prepare for a successful broker open house",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1XodAS9woCcg3gJXapH7d6JQJv7345MRf"
|
||||
%}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,19 @@
|
||||
<div class="grid__item workshop__item">
|
||||
<div class="grid">
|
||||
<a href="https://academy.hh.com/training_events"
|
||||
class="workshop__course-title-wrapper grid__item grid__item--tablet-up-quarter">
|
||||
<div class="workshop__course-title-container">
|
||||
<p class="workshop__course-title-text color-black">
|
||||
{{ title }}
|
||||
</p>
|
||||
</div>
|
||||
<span class="workshop__course-title-arrow">{{ card_arrow }}</span>
|
||||
</a>
|
||||
<div class="grid__item grid__item--tablet-up-third workshop__course-information">
|
||||
<p>{{ description }}</p>
|
||||
</div>
|
||||
<div class="grid__item grid__item--desktop-up-2 grid__item--tablet-up-1 workshop__course-information">
|
||||
<p>{{ topic }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,19 @@
|
||||
<div class="search-box uk-float-right">
|
||||
<form class="uk-form search" action="{{ routes.school_website_search_path }}" accept-charset="UTF-8" method="get">
|
||||
<input name="utf8" type="hidden" value="✓">
|
||||
<input type="search" name="q" id="q" placeholder="Search"
|
||||
class="search__input" autofocus="autofocus" pattern=".{3,}"
|
||||
required title="{% t .search_title %}" value="{{ query_parameter_value }}"
|
||||
data-test="search-input">
|
||||
<input type="hidden" name="filter[categories_name]" id="filter" value="{{ filter_parameter_value }}">
|
||||
<div id="search_results_count" class="search__results">
|
||||
{% if search_result %}
|
||||
{{ search_result.count }} {% pluralize search_result.count, .results %}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="search__submit">
|
||||
<i class="uk-icon-search search__icon"></i>
|
||||
<input type="submit" name="commit" value="" class="search__button">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,44 @@
|
||||
<li
|
||||
id="training-event-{{training_event.id}}"
|
||||
class="uk-width-large-1-3 uk-width-medium-1-2 uk-width-small-1-1 uk-margin-large-bottom"
|
||||
>
|
||||
<div
|
||||
class="sk-event sk-event--border sk-event--height"
|
||||
data-test="event-{{ training_event.title.parameterize }}"
|
||||
>
|
||||
<div class="sk-event__top uk-flex">
|
||||
<div class="sk-event__header uk-width-4-4 uk-padding-large-left">
|
||||
<div class="sk-event__title">{{ training_event.title }}</div>
|
||||
<div class="sk-event__type-v2">{{ training_event.type }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-padding">
|
||||
<div class="sk-event__sessions">
|
||||
<ul style="list-style-type: none; margin-bottom: 15px; padding-left: 0;">
|
||||
{% for session in training_event.sessions limit: 3 %}
|
||||
{% include "training_session", session: session, offset: 0, class_name: "" %}
|
||||
{% endfor %}
|
||||
|
||||
{% for session in training_event.sessions offset: 3 %}
|
||||
{% include "training_session", session: session, offset: 3, class_name: "hideable uk-hidden" %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% if training_event.sessions.size > 3 %}
|
||||
<a
|
||||
href="#"
|
||||
class="more-sess"
|
||||
data-uk-toggle="{target: '#training-event-{{training_event.id}} .hideable'}"
|
||||
style="
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
margin: 15px 0;
|
||||
outline: 0;"
|
||||
>
|
||||
<span class="hideable">{% t .view_more %}</span>
|
||||
<span class="hideable uk-hidden">{% t .collapse %}</span>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
@ -0,0 +1,29 @@
|
||||
<li
|
||||
class="de-session uk-flex uk-flex-middle uk-margin-bottom {{ class_name }}"
|
||||
data-test="session-{{ forloop.index | plus: offset }}"
|
||||
>
|
||||
<i class="far fa-stopwatch de-session-icon uk-margin-horizontal uk-text-primary"/></i>
|
||||
<div>
|
||||
<span class="de-session-name">{% t .name %} {{ forloop.index | plus: offset }}</span>
|
||||
<span
|
||||
class="de-session-status uk-padding-small-left"
|
||||
data-test="registration-status"
|
||||
>
|
||||
{{session.registration_status}}
|
||||
</span>
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.enrollment_code == "1817d8c96780f13abbf0f2023e3b26b3bd43d248" %}
|
||||
<span class="de-session-date">
|
||||
{{ session.session_date }}
|
||||
</span>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<a
|
||||
class="de-session-button uk-button uk-button-outline sess-view"
|
||||
href="{{ session.self_url }}"
|
||||
target="_blank"
|
||||
>
|
||||
VIEW
|
||||
</a>
|
||||
</li>
|
||||
@ -0,0 +1,16 @@
|
||||
<div class="grid__item">
|
||||
<div class="grid" style="padding-bottom: 10px;">
|
||||
<a href="https://academy.hh.com/training_events"
|
||||
class="workshop__course-title-wrapper grid__item grid__item--tablet-up-quarter"
|
||||
style="width: 100%"
|
||||
>
|
||||
<div class="">
|
||||
<p class="color-black" style="font-family: 'hh Serif' !important;">
|
||||
- {{ title }}
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- workshop__item -->
|
||||
@ -0,0 +1,93 @@
|
||||
{% if isAllenTate %}
|
||||
<section id="LiveWorkshops" class="section hh-padding-b" style="padding-top: 0; margin-bottom: 60px;">
|
||||
<div class="workshops-header" style="margin-bottom: 0;">
|
||||
<div class="grid">
|
||||
<div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-5" style="width: 100% !important;">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b">Events</h2>
|
||||
<p class="text-major">
|
||||
Your access to scheduled, live class registration. Attend a live class delivered anywhere! Register now, right here!
|
||||
<br><br>
|
||||
</p>
|
||||
<div class="uk-padding-horizontal uk-container uk-container-center">
|
||||
{% if training_events.empty? %}
|
||||
<div class="sk-margin-xlarge-top">
|
||||
<h1 class="uk-text-center">{% t .no_events %}</h1>
|
||||
<h1 class="uk-text-center uk-margin-top-remove">{% t .check_later %}</h1>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="grid">
|
||||
<div class="uk-width-1-1 uk-padding">
|
||||
<ul class="uk-grid uk-grid-medium school-website-course-list uk-grid-match">
|
||||
{% for training_event in training_events %}
|
||||
{% include "training_event" training_event = training_event %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% elsif isHowardHanna %}
|
||||
<section id="LiveWorkshops" class="section hh-padding-b" style="padding-top: 0; margin-bottom: 60px;">
|
||||
<div class="workshops-header" style="margin-bottom: 0;">
|
||||
<div class="grid">
|
||||
<div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-5" style="width: 100% !important;">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b">Virtual Workshops</h2>
|
||||
<p class="text-major">
|
||||
Your access to scheduled, live class registration. Attend a live class delivered anywhere! Register now, right here!
|
||||
<br><br>
|
||||
</p>
|
||||
<div class="uk-padding-horizontal uk-container uk-container-center">
|
||||
{% if training_events.empty? %}
|
||||
<div class="sk-margin-xlarge-top">
|
||||
<h1 class="uk-text-center">There are no upcoming events</h1>
|
||||
<h1 class="uk-text-center uk-margin-top-remove">check back again later.</h1>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="grid">
|
||||
<div class="uk-width-1-1 uk-padding">
|
||||
<ul class="uk-grid uk-grid-medium school-website-course-list uk-grid-match">
|
||||
{% for training_event in training_events %}
|
||||
{% include "training_event" training_event = training_event %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% elsif isRandRealty %}
|
||||
<section id="LiveWorkshops" class="section hh-padding-b" style="padding-top: 0; margin-bottom: 60px;">
|
||||
<div class="workshops-header" style="margin-bottom: 0;">
|
||||
<div class="grid">
|
||||
<div class="grid__item grid__item--tablet-up-half grid__item--desktop-up-5" style="width: 100% !important;">
|
||||
<h2 class="heading--1 color-indigo-dark hh-margin-b">Virtual Workshops</h2>
|
||||
<p class="text-major">
|
||||
Your access to scheduled, live class registration. Attend a live class delivered anywhere! Register now, right here!
|
||||
<br><br>
|
||||
</p>
|
||||
<div class="uk-padding-horizontal uk-container uk-container-center">
|
||||
<div class="grid">
|
||||
<div class="uk-width-1-1 uk-padding">
|
||||
<ul class="uk-grid uk-grid-medium school-website-course-list uk-grid-match">
|
||||
{% for training_event in training_events %}
|
||||
{% include "training_event" training_event = training_event %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<iframe style="border:none;width:100%;height:1600px;" src="https://www.calendarwiz.com/eventboard/?crd=howardhannarandrealty" id="cw_eventboard_howardhannarandrealty"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
@ -0,0 +1,45 @@
|
||||
|
||||
<div class="hh-panel">
|
||||
<div class="grid grid--equal-height">
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Pre- & post-listing presentation meeting checklist",
|
||||
description: "Recommended steps ensure you have the most successful listing presentation",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1SNeY6KYfwR3a8204SvFzJA1VBvnNN1Xq"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Four ways to attract a tech-savvy client",
|
||||
description: "Brush up on your top talking points for a listing presentation with a tech-savvy seller",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1AviPzxKfdwNAzfToH8pZLcVIIcwCbbMk"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Three reasons why sellers in a luxury market should choose to work with hh",
|
||||
description: "Brush up on your top talking points for a listing presentation with an affluent seller",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/file/d/1xsvjtU9Lu1QBrdi3ZbpQQTtISPvGQDom/view"
|
||||
%}
|
||||
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Three ways hh elevates your value as an agent",
|
||||
description: "Resource for summarizing the incredible advantages hh agents have for a potential client",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1WRyvp0g7rRB7lEY7PW6C0aYs-HRMnjFM"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Three ways to sell hh' marketing offering",
|
||||
description: "Define your top talking points for sellers who value marketing above all else",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1W2-gwvGkh76dKmixvz_45y5j654AcXkR"
|
||||
%}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,34 @@
|
||||
|
||||
<div class="hh-panel">
|
||||
<div class="grid grid--equal-height">
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Buyer Consultation Checklist",
|
||||
description: "Plan and prioritize each step needed to best assist buyers during the home purchase process",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1xe31zfqnCooVyimo7BCVHjt9IchLQVNu"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Buyer Search Process Checklist",
|
||||
description: "Plan and prioritize each step of working with a Buyer client through their home sale",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1O-xKez0jf0bb3NQ0g0FxE3RbUE8z65NS"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "How to ensure a smooth closing for your Buyer",
|
||||
description: "Suggested steps to ensure a smooth closing for your buyers",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=1d2I_nbTy5hGWp5Wk3W-ZfiRejJuALwcI"
|
||||
%}
|
||||
{%
|
||||
include "agent_resources",
|
||||
title: "Buyer Questionnaire",
|
||||
description: "Questionnaire to guide planning and prioritization for each step of working with a Buyer client",
|
||||
link_description: "Download",
|
||||
link: "https://drive.google.com/open?id=17BXpFBrW44a1BMkUesXW-TfFhtjPrMjn"
|
||||
%}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user