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
@ -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>
|
||||
Reference in New Issue
Block a user