Mizuno running, no notes. Artera Internal
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.
@ -25,9 +25,3 @@
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.course-card {
|
||||
background-color: #9E7DFF;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -31,14 +31,14 @@ body, .np-main {
|
||||
}
|
||||
|
||||
.np-alert {
|
||||
margin: 20px 0;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
/* Course Cards */
|
||||
|
||||
.course-card {
|
||||
cursor: pointer;
|
||||
background-color: #f5f2ff;
|
||||
background-color: #dbd2f7;
|
||||
border-radius: 30px;
|
||||
box-shadow: none;
|
||||
padding: 24px 24px 44px;
|
||||
|
||||
@ -17,7 +17,6 @@
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.instructor_names }}
|
||||
</div>
|
||||
{% include "course_details"%}
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
{% t shared.progress, count: course.progress %}
|
||||
@ -39,4 +38,4 @@
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 1px 3px 0 rgb(89 105 123 / 50%);
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
BIN
Custom_Templates/customer_templates/Mizuno Running/.DS_Store
vendored
Normal file
BIN
Custom_Templates/customer_templates/Mizuno Running/.DS_Store
vendored
Normal file
Binary file not shown.
@ -0,0 +1,41 @@
|
||||
<div class="np-card">
|
||||
<div class="np-card-container course-card">
|
||||
{% 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.instructor_names }}
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
{% t shared.progress, count: course.progress %}
|
||||
</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 np-button-wide" href="{{ course_path }}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.course-card{
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 1px 3px 0 rgb(89 105 123 / 50%);
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,83 @@
|
||||
<div class="np-card np-no-horizontal-padding">
|
||||
<div class="np-card-container learning-path-card">
|
||||
<div class="np-learning-path">
|
||||
<img
|
||||
alt="{{ learning_path.name }}"
|
||||
class="np-card-image np-learning-path-image"
|
||||
src="{{ learning_path.image_url }}"
|
||||
/>
|
||||
<div class="np-card-text-wrapper">
|
||||
<div class="np-hidden-desktop np-card-header">
|
||||
<i class="np-card-header-icon far fa-road"></i>
|
||||
<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>
|
||||
<div class="np-hidden-mobile np-card-header">
|
||||
<div class="np-card-header-type">{% t shared.learning_path.title %}</div>
|
||||
<i class="np-card-header-icon far fa-road"></i>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
|
||||
<div class="np-hidden-mobile np-card-content-description">
|
||||
{{ learning_path.description }}
|
||||
</div>
|
||||
|
||||
<div class="np-hidden-mobile np-card-content-progress
|
||||
np-button-color">
|
||||
{% t shared.progress, count: learning_path.progress %}
|
||||
</div>
|
||||
|
||||
<div class="np-hidden-mobile np-card-progress-bar-container">
|
||||
<div
|
||||
style="width: {{ learning_path.progress }}%"
|
||||
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">
|
||||
{% t shared.progress, count: learning_path.progress %}
|
||||
</div>
|
||||
<a class="np-button" href="{% route learning_path, id: learning_path.id %}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
<span class="np-hidden-mobile np-learning-path-items">
|
||||
<i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
|
||||
<span class="np-learning-path-items-count">
|
||||
{{ learning_path.items.count }} {% t .items %}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card-stack">
|
||||
<div class="np-card-stack-level-1"></div>
|
||||
<div class="np-card-stack-level-2"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.learning-path-card{
|
||||
background: #ffffff;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 1px 3px 0 rgb(89 105 123 / 50%);
|
||||
}
|
||||
|
||||
.np-learning-path-image{
|
||||
border-bottom-left-radius: 4px;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,68 @@
|
||||
{% assign topic_classname = topic | split: " " %}
|
||||
|
||||
<div class="courses-carousel np-carousel" data-topic="{{ topic_classname | join: '-' | downcase }}">
|
||||
{% if items.any? %}
|
||||
{% assign sorted_items =items | sort: "name" %}
|
||||
{% for course in sorted_items %}
|
||||
|
||||
{% comment %} USED FOR PROGRESS FILTER {% endcomment %}
|
||||
{% assign course_status = "" %}
|
||||
|
||||
{% if course.started? == false %}
|
||||
{% assign course_status = "not-started" %}
|
||||
{% elsif course.completed? %}
|
||||
{% assign course_status = "completed" %}
|
||||
{% elsif course.started? %}
|
||||
{% assign course_status = "in-progress" %}
|
||||
{% endif %}
|
||||
|
||||
{% if topic == "Not Categorized" %}
|
||||
<div class="np-carousel-card {{course_status}}"> {% include "cards_course" with course %}</div>
|
||||
{% else %}
|
||||
{% for category in course.categories %}
|
||||
{% if category.name == topic %}
|
||||
<div class="np-carousel-card {{course_status}}"> {% include "cards_course" with course %}</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".courses-carousel").not('.slick-initialized').slick({
|
||||
slidesToShow: 3,
|
||||
cssEase: 'linear',
|
||||
prevArrow: '<i class="fal fa-chevron-left"></i>',
|
||||
nextArrow: '<i class="fal fa-chevron-right"></i>',
|
||||
infinite: false,
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1400,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 1170,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
dots: false,
|
||||
arrows: true,
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,33 @@
|
||||
{% assign activities_count = 0 %}
|
||||
{% assign quizzes_count = 0 %}
|
||||
|
||||
{% for course_section in course.sections %}
|
||||
{% for course_activity in course_section.activities %}
|
||||
{% assign activities_count = activities_count | plus: 1 %}
|
||||
{% if course_activity.type == "quiz" %}
|
||||
{% assign quizzes_count = quizzes_count | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
|
||||
<div class="np-course-details">
|
||||
<div class="np-course-detail">
|
||||
<strong>{{ activities_count }}</strong>
|
||||
<span class="np-details-label">
|
||||
{% if activities_count == 1 %}Activity{% else %}Activities{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
<div class="np-course-detail">
|
||||
<strong>{{ quizzes_count }}</strong>
|
||||
<span class="np-details-label">
|
||||
{% if quizzes_count == 1 %}Quiz{% else %}Quizzes{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
<div class="np-course-detail">
|
||||
{% if course.properties.course_length > 0 %}
|
||||
<strong>{{course.properties.course_length}}</strong>mins<span class="np-details-label">To Complete</span>
|
||||
{% else %}
|
||||
<div> </div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,20 @@
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="np-catalog-courses row row-with-thumbnails">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% assign category_flag = false %}
|
||||
|
||||
{% unless course.name == 'PFS Resources' %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.catalog,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
@ -0,0 +1,20 @@
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="np-catalog-courses row row-with-thumbnails">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% for category in course.categories %}
|
||||
{% if category.name == 'Resources' %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.catalog,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
@ -0,0 +1,112 @@
|
||||
{% assign topic_classname = topic | split: " " %}
|
||||
|
||||
<div class="np-progress-filter-wrapper">
|
||||
{% if label %}
|
||||
<div class="np-progress-filter-label">{{ label }}</div>
|
||||
{% endif %}
|
||||
<div class="progress-filter filter-select-wrapper select-wrapper np-button" data-topic="{{ topic_classname | join: '-' | downcase }}">
|
||||
<select >
|
||||
<option selected disabled hidden>{{ default_option}}</option>
|
||||
<option value="a">All Courses</option>
|
||||
<option value="n">Not Started</option>
|
||||
<option value="i">In Progress</option>
|
||||
<option value="c">Completed</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-progress-filter-label {
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
padding-right: 7px;
|
||||
text-transform: none;
|
||||
font-weight:500;
|
||||
font-size:0.812rem;
|
||||
}
|
||||
.np-progress-filter-wrapper {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
.filter-select-wrapper {
|
||||
position: relative;
|
||||
padding:0;
|
||||
border: 2px solid rgba(0, 0, 0, 0.25);
|
||||
color: #fff;
|
||||
height:auto;
|
||||
text-transform: none;
|
||||
background: transparent;
|
||||
border-radius:0;
|
||||
}
|
||||
.filter-select-wrapper:hover {
|
||||
background:transparent;
|
||||
color:#fff;
|
||||
}
|
||||
.select-items {
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
top: 105%;
|
||||
left: -2px;
|
||||
z-index: 99;
|
||||
width: 102%;
|
||||
border: 2px solid rgba(0, 0, 0, 0.25);
|
||||
border-top:none;
|
||||
}
|
||||
.select-items div {
|
||||
color: #444;
|
||||
border-top:none;
|
||||
cursor: pointer;
|
||||
width:100%;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
.select-items div:hover { color: #fff; }
|
||||
.select-selected {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 9px 66px 9px 20px;
|
||||
position: relative;
|
||||
color:#222;
|
||||
}
|
||||
.select-selected::after {
|
||||
content:"\f078";
|
||||
font-family: "Font Awesome 5 Pro";
|
||||
position: absolute;
|
||||
width:20px;
|
||||
height:100%;
|
||||
color:rgba(0, 0, 0, 0.5);
|
||||
right:10px;
|
||||
top:0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size:1rem;
|
||||
}
|
||||
.select-selected::before {
|
||||
content:"";
|
||||
position: absolute;
|
||||
width:20px;
|
||||
height:100%;
|
||||
border-left:2px solid rgba(0, 0, 0, 0.25);
|
||||
right:20px;
|
||||
top:0;
|
||||
}
|
||||
.select-selected.select-arrow-active::after { transform: rotate(180deg); }
|
||||
.same-as-selected,
|
||||
.filter-select-wrapper select,
|
||||
.select-hide {
|
||||
display: none;
|
||||
}
|
||||
.mo-filter-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.select-items div:hover,
|
||||
.same-as-selected {
|
||||
background-color: #058ccf;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,33 @@
|
||||
<div class="np-filter">
|
||||
<div class="dropdown">
|
||||
<button
|
||||
class="np-button dropdown-button"
|
||||
data-toggle-class="is-open"
|
||||
data-toggle-escape
|
||||
data-toggle-outside
|
||||
data-toggle-target-next
|
||||
type="button"
|
||||
>
|
||||
{% t shared.filters.filter %}
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu" data-test="modal">
|
||||
<form method="get">
|
||||
{%
|
||||
include "filter_select",
|
||||
filters: filters,
|
||||
key: key,
|
||||
label: label
|
||||
%}
|
||||
|
||||
<button
|
||||
class="np-button dropdown-button-apply"
|
||||
data-toggle-trigger-off
|
||||
type="submit"
|
||||
>
|
||||
{% t shared.filters.apply %}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,24 @@
|
||||
{% if params.q %}
|
||||
<input type="hidden" name="q" value="{{ params.q }}">
|
||||
{% endif %}
|
||||
|
||||
<label class="dropdown-label" for="filter[category_uuid][in][]">
|
||||
{{ label }}
|
||||
</label>
|
||||
|
||||
<select
|
||||
class="np-filter-select"
|
||||
multiple
|
||||
name="filter[{{ key }}][in][]"
|
||||
>
|
||||
{% for filter in filters %}
|
||||
{% unless filter.name == 'Resources' %}
|
||||
<option
|
||||
value="{{ filter.value }}"
|
||||
{% if filter.selected? %} selected="selected" {% endif %}
|
||||
>
|
||||
{{ filter.name }}
|
||||
</option>
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
</select>
|
||||
@ -0,0 +1,95 @@
|
||||
<footer class="np-footer">
|
||||
<div class="mizuno-logo">
|
||||
<a href="https://www.mizunousa.com" target="_blank">
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-footer-logo-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Mizuno+Golf/MIZUNO_no_background_logo.svg"
|
||||
/>
|
||||
</a>
|
||||
<div class="logo-links">
|
||||
<a href="https://corp.mizuno.com/en" target="_blank">About Us</a>
|
||||
<a href="https://www2.mizunousa.com/help" target="_blank">Contact Us</a>
|
||||
<a href="https://corp.mizuno.com/en/sustainability?ad=msiteus" target="_blank">Sustainability</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="np-footer-social-links">
|
||||
{% if website_footer.show_social_media_links? %}
|
||||
<ul class="np-footer-social-links-list">
|
||||
{% for social_media_link in website_footer.social_media_links %}
|
||||
{% unless social_media_link.name == 'linkedin' %}
|
||||
<li class="np-footer-social-links-item">
|
||||
<a
|
||||
class="np-footer-social-links-link np-button-color"
|
||||
href="{{ social_media_link.link }}"
|
||||
target="_blank" title="{{ social_media_link.name }}"
|
||||
>
|
||||
<i class="np-footer-social-links-icon
|
||||
np-button-color
|
||||
fab fa-{{ social_media_link.name }}"
|
||||
></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</nav>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
.np-footer {
|
||||
padding: 0 5px 0;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.mizuno-logo{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.np-footer-logo-image{
|
||||
display: flex;
|
||||
filter: none;
|
||||
opacity: 1;
|
||||
margin-right: 10px;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.logo-links{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.logo-links a{
|
||||
color: #001588;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.np-footer-social-links {
|
||||
margin-top: -25px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.np-footer {
|
||||
padding: 50px 30px 0px;
|
||||
}
|
||||
|
||||
.np-footer-logo-image{
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.np-footer-social-links {
|
||||
margin-top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,124 @@
|
||||
<footer class="np-footer">
|
||||
<div class="mizuno-logo">
|
||||
<a href="https://www.mizunousa.com" target="_blank">
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-footer-logo-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Mizuno+Golf/MIZUNO_no_background_logo.svg"
|
||||
/>
|
||||
</a>
|
||||
<div class="logo-links">
|
||||
<a href="https://corp.mizuno.com/en" target="_blank">About Us</a>
|
||||
<a href="https://www2.mizunousa.com/help" target="_blank">Contact Us</a>
|
||||
<a href="https://corp.mizuno.com/en/sustainability?ad=msiteus" target="_blank">Sustainability</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="np-footer-social-links">
|
||||
{% if website_footer.show_social_media_links? %}
|
||||
<ul class="np-footer-social-links-list">
|
||||
{% for social_media_link in website_footer.social_media_links %}
|
||||
{% unless social_media_link.name == 'linkedin' %}
|
||||
<li class="np-footer-social-links-item">
|
||||
<a
|
||||
class="np-footer-social-links-link np-button-color"
|
||||
href="{{ social_media_link.link }}"
|
||||
target="_blank" title="{{ social_media_link.name }}"
|
||||
>
|
||||
<i class="np-footer-social-links-icon
|
||||
np-button-color
|
||||
fab fa-{{ social_media_link.name }}"
|
||||
></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</nav>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
.np-footer {
|
||||
height: 180px;
|
||||
padding: 100px 5px 0px;
|
||||
margin-top: 135px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.mizuno-logo{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.np-footer-logo-image{
|
||||
display: flex;
|
||||
filter: none;
|
||||
opacity: 1;
|
||||
margin-right: 10px;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.logo-links{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.logo-links a{
|
||||
color: #001588;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.logo-links a:hover{
|
||||
color: #058ccf;
|
||||
}
|
||||
|
||||
.np-footer-social-links {
|
||||
margin-top: -25px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.np-footer-social-links-icon {
|
||||
color: white;
|
||||
}
|
||||
|
||||
@media screen and (min-width:550px) {
|
||||
.np-footer{
|
||||
margin-top: 110px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 650px){
|
||||
.np-footer-logo-image{
|
||||
height: 52px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) {
|
||||
.np-footer {
|
||||
margin-top: 90px;
|
||||
padding: 105px 25px 0px;
|
||||
}
|
||||
|
||||
.np-footer-logo-image{
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.np-footer-social-links {
|
||||
margin-top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1050px) {
|
||||
.np-footer {
|
||||
padding: 75px 25px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,8 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css" integrity="sha512-wR4oNhLBHf7smjy0K4oqzdWumd+r5/+6QO/vDda76MW5iug4PT7v86FoEkySIJft3XA0Ae6axhIvHrqwm793Nw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>
|
||||
@ -0,0 +1,115 @@
|
||||
{% assign groupValidator = false %}
|
||||
{% for group in current_person.groups %}
|
||||
{% if group %}
|
||||
{% assign groupValidator = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if current_person.signed_in? and groupValidator == false %}
|
||||
{% unless current_person.email contains '+preview-' %}
|
||||
<script>
|
||||
if (window.location.pathname != '/app/sign-up-follow-up'){
|
||||
window.location.replace('/app/sign-up-follow-up');
|
||||
}
|
||||
</script>
|
||||
{% endunless %}
|
||||
{% endif %}
|
||||
|
||||
<header>
|
||||
{% if current_school.logo_url %}
|
||||
<div class="mizuno-logo">
|
||||
<a href="{% route home %}">
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-header-logo-image"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
{% 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-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>
|
||||
|
||||
{%- comment -%} Desktop Profile Tooltip {%- endcomment -%}
|
||||
<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">
|
||||
{% 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>
|
||||
</header>
|
||||
|
||||
|
||||
{% include "messages" %}
|
||||
|
||||
<style>
|
||||
body {
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: #001588;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding-right: 70px;
|
||||
}
|
||||
|
||||
.mizuno-logo{
|
||||
padding: 15px 0;
|
||||
display: flex;
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
.np-header-logo-image {
|
||||
display: block;
|
||||
margin: auto;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.mizuno-logo {
|
||||
padding: 30px 70px;
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,70 @@
|
||||
<header id="mizuno-header">
|
||||
<div class="mizuno-header-item">
|
||||
<a
|
||||
href="{% route login %}"
|
||||
class="np-header-desktop-nav-link np-header-font-color"
|
||||
>
|
||||
LOGIN
|
||||
</a>
|
||||
<div class="mizuno-header-item-bar" style="width: 70%;"></div>
|
||||
</div>
|
||||
<div class="mizuno-header-item">
|
||||
<a
|
||||
href="{% route sign_up %}"
|
||||
class="np-header-desktop-nav-link np-header-font-color"
|
||||
>
|
||||
SIGN-UP
|
||||
</a>
|
||||
<div class="mizuno-header-item-bar" style="width: 90%;"></div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
{% include "messages" %}
|
||||
|
||||
<style>
|
||||
#mizuno-header {
|
||||
height: 80px;
|
||||
padding: 0px 10px 0px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.mizuno-header-item{
|
||||
width: 75px;
|
||||
margin: -35px 0 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.np-header-desktop-nav-link{
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #001588;
|
||||
}
|
||||
|
||||
.mizuno-header-item-bar{
|
||||
height: 2px;
|
||||
margin: auto;
|
||||
margin-top: 3px;
|
||||
background: #001588;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
#mizuno-header {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.mizuno-header-item{
|
||||
width: 90px;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
.np-header-desktop-nav-link{
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,78 @@
|
||||
<div class="features-section angled-section panels-angled-section">
|
||||
<div class="angled-section-container panels-section-container">
|
||||
<div class="np-homepage-headline-mini np-header-font-color">
|
||||
More Mizuno Academies
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<div class="feature-img-container">
|
||||
<img class="feature-img" src="https://trackmanuniversity.com/Images/LandingPage/guy.svg" width="140">
|
||||
</div>
|
||||
<div class="feature-content">
|
||||
<p class="feature-content-title">STAND OUT</p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed velit dignissim sodales ut. Nisl condimentum id venenatis a condimentum vitae sapien pellentesque habitant.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feature-item">
|
||||
<div class="feature-img-container">
|
||||
<img class="feature-img" src="https://trackmanuniversity.com/Images/LandingPage/class.svg" width="140">
|
||||
</div>
|
||||
|
||||
<div class="feature-content">
|
||||
<p class="feature-content-title">MIZUNO CERTIFICATIONS</p>
|
||||
Nisl condimentum id venenatis a condimentum vitae sapien pellentesque habitant. Leo duis ut diam quam nulla. Cras sed felis eget velit aliquet sagittis. At risus viverra adipiscing at in. Quis enim lobortis scelerisque fermentum dui faucibus in.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="feature-item">
|
||||
<div class="feature-img-container">
|
||||
<img class="feature-img" src="https://trackmanuniversity.com/Images/LandingPage/courses.svg" width="140">
|
||||
</div>
|
||||
|
||||
<div class="feature-content">
|
||||
<p class="feature-content-title">TRENDING COURSES</p>
|
||||
Leo duis ut diam quam nulla. Cras sed felis eget velit aliquet sagittis. At risus viverra adipiscing at in. Quis enim lobortis scelerisque fermentum dui faucibus in. Pulvinar neque laoreet suspendisse interdum consectetur libero. Dui ut ornare lectus sit amet est placerat. Morbi non arcu risus quis varius quam quisque id.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.features-section{
|
||||
background: #001588;
|
||||
}
|
||||
|
||||
.panels-angled-section{
|
||||
transform: skewY(4deg);
|
||||
margin-bottom: 77px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.features-section-container {
|
||||
padding-top: 50px;
|
||||
transform: skewY(-4deg)
|
||||
}
|
||||
|
||||
.feature-item {
|
||||
margin:0 auto 40px;
|
||||
}
|
||||
|
||||
.feature-content-title {
|
||||
color: #ffffff;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.feature-item {
|
||||
display:flex;
|
||||
max-width: 70%;
|
||||
}
|
||||
|
||||
.feature-img {
|
||||
margin-right:48px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,84 @@
|
||||
<div class="panels-section angled-section panels-angled-section">
|
||||
<div class="angled-section-container panels-section-container">
|
||||
<div class="np-homepage-headline-mini np-header-font-color">
|
||||
More Mizuno Academies
|
||||
</div>
|
||||
|
||||
|
||||
<div class="panels-container col-md-12">
|
||||
<div class="panel-item col-xs-12 col-md-3-25">
|
||||
<a class="panel-img-container" href="#">
|
||||
<img class="panel-img" src="https://s3.amazonaws.com/static.northpass.com/Mizuno+Golf/Mizuno_Academy_Golf_image.png">
|
||||
</a>
|
||||
<h1 class="panel-content-title">GOLF</h1>
|
||||
</div>
|
||||
<div class="panel-item col-xs-12 col-md-3-25">
|
||||
<a class="panel-img-container" href="#">
|
||||
<img class="panel-img" src="https://s3.amazonaws.com/static.northpass.com/Mizuno+Golf/Mizuno_Academy_running_image.png">
|
||||
</a>
|
||||
<h1 class="panel-content-title">RUNNING</h1>
|
||||
</div>
|
||||
<div class="panel-item col-xs-12 col-md-3-25">
|
||||
<a class="panel-img-container" href="#">
|
||||
<img class="panel-img" src="https://s3.amazonaws.com/static.northpass.com/Mizuno+Golf/Mizuno_Academy_team_sports_image.png">
|
||||
</a>
|
||||
<h1 class="panel-content-title">TEAM SPORTS</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.panels-angled-section{
|
||||
background: #001588;
|
||||
transform: skewY(4deg);
|
||||
margin-bottom: 77px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.panels-section-container {
|
||||
transform: skewY(-4deg);
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.panels-container{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.panel-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.panel-img-container{
|
||||
border-bottom: 3px solid #ffffff;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.panel-img{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.panel-content-title {
|
||||
color: #ffffff;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px){
|
||||
.panels-container{
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.col-md-3-25{
|
||||
flex-basis: 27%;
|
||||
max-width: 27%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,77 @@
|
||||
<div class="homepage-section angled-section promo-angled-section">
|
||||
<div class="homepage-section-container angled-section-container np-header-font-color">
|
||||
<div class="np-homepage-headline-mini np-header-font-color">
|
||||
About Mizuno
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
It is our mission to not only meet the demands of those who are sincere athletes but also those who believe in the value of sports by offering superior goods and services. We pursue new height in sports and beyond.
|
||||
</div>
|
||||
<div class="video-container">
|
||||
<iframe id="video" class="mizuno-promo-video" width="1000" height="500" src="https://www.youtube.com/embed/yBD3_0fq_Ug" title="Mizuno Reach Beyond Promo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen></iframe>
|
||||
|
||||
{% comment %}
|
||||
<iframe id="video" class="mizuno-promo-video" width="1000" height="500" src="https://youtu.be/yBD3_0fq_Ug" title="Mizuno Reach Beyond Promo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen></iframe>
|
||||
{% endcomment %}
|
||||
</div>
|
||||
<div class="np-homepage-headline-mini np-header-font-color">
|
||||
Our Vision
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
We seek to enrich the lives of people through the power of sports and to contribute in bringing happiness and joy to athlete's lives.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.mizuno-promo-video{
|
||||
width: 100%;
|
||||
height: 215px;
|
||||
margin: 15px auto;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 450px){
|
||||
.mizuno-promo-video{
|
||||
height: 265px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 525px){
|
||||
.mizuno-promo-video{
|
||||
height: 310px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 625px){
|
||||
.mizuno-promo-video{
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.promo-angled-section{
|
||||
margin: 30px auto;
|
||||
}
|
||||
|
||||
.mizuno-promo-video{
|
||||
height: 315px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 850px){
|
||||
.mizuno-promo-video{
|
||||
height: 390px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1100px){
|
||||
.mizuno-promo-video{
|
||||
height: 450px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px){
|
||||
.mizuno-promo-video{
|
||||
height: 500px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,80 @@
|
||||
<div class="np-progress-ring-wrapper">
|
||||
<svg
|
||||
class="progress-ring"
|
||||
width="{{ size }}"
|
||||
height="{{ size }}">
|
||||
<circle
|
||||
class="progress-ring__circle circle-{{name}}"
|
||||
stroke="{{ stroke_color }}"
|
||||
stroke-width="10"
|
||||
fill="transparent"
|
||||
r="52"
|
||||
cx="60"
|
||||
cy="60"/>
|
||||
<circle
|
||||
class="progress-ring__circle circle-bg"
|
||||
stroke="{{ stroke_color_bg }}"
|
||||
stroke-width="10"
|
||||
fill="transparent"
|
||||
r="52"
|
||||
cx="60"
|
||||
cy="60"/>
|
||||
<text x="50%" y="50%" text-anchor="middle" stroke="" stroke-width="1px" fill="#444" dy=".3em">{{count}}</text>
|
||||
</svg>
|
||||
<h3 class="np-card-content-title np-progress-circle-label">
|
||||
{{name}}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
var circle = document.getElementsByClassName("circle-{{name}}")[0];
|
||||
var radius = circle.r.baseVal.value;
|
||||
var circumference = radius * 2 * Math.PI;
|
||||
|
||||
circle.style.strokeDasharray = `${circumference} ${circumference}`;
|
||||
circle.style.strokeDashoffset = `${circumference}`;
|
||||
|
||||
function setProgress(percent) {
|
||||
const offset = circumference - percent * circumference;
|
||||
circle.style.strokeDashoffset = offset;
|
||||
}
|
||||
setProgress('{{ count | divided_by: total }}')
|
||||
})
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.np-progress-ring-wrapper {
|
||||
flex: 0;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
padding: 1.5rem 1rem 1rem 1rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.progress-ring circle { stroke-linecap: round; }
|
||||
.progress-ring text { font-size:2rem; }
|
||||
.progress-ring__circle {
|
||||
transition: stroke-dashoffset 0.35s;
|
||||
transform: rotate(-90deg);
|
||||
transform-origin: center;
|
||||
}
|
||||
|
||||
.np-progress-circle-label {
|
||||
color:#444;
|
||||
text-transform: uppercase;
|
||||
opacity:0.7;
|
||||
font-size:0.875rem;
|
||||
margin-top:1rem;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.np-progress-ring-wrapper { padding: 1.5rem 0.4rem 1rem 0.4rem;}
|
||||
}
|
||||
|
||||
@media (min-width:1170px) {
|
||||
.progress-ring text { font-size:2.5rem; }
|
||||
.np-progress-ring-wrapper { padding: 1.5rem 1rem 1rem 1rem;}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,41 @@
|
||||
<select
|
||||
class="sign-up-dropdown np-input"
|
||||
type="text"
|
||||
name="group-dropdown"
|
||||
id="sign-up-group-dropdown"
|
||||
required
|
||||
>
|
||||
<option class="second-login-group-option" value="" selected disabled hidden>Please Select Your Account Group</option>
|
||||
<option class="second-login-group-option" value="bf21c4c8-6411-4248-9a21-d8afc3acf039">Brett Lamotte Accounts</option>
|
||||
<option class="second-login-group-option" value="70721b80-d2fb-4b35-b134-10330f05dcd4">Brett Ramsey Accounts</option>
|
||||
<option class="second-login-group-option" value="6da6e47f-2206-49a1-accf-5b7a0f4c9887">Brian Morgan Accounts</option>
|
||||
<option class="second-login-group-option" value="48de99d6-9b64-4ad4-9c50-3372570805be">Brian Uvena Accounts</option>
|
||||
<option class="second-login-group-option" value="e9c26981-54d8-4cf3-9597-815af352babf">Chris Campbell Accounts</option>
|
||||
<option class="second-login-group-option" value="34ae2b61-3569-419d-83fd-6fe94c3af98d">Chuck Henry Accounts</option>
|
||||
<option class="second-login-group-option" value="604495a4-5dcb-476b-9734-2bacec5d6ba4">Coby Davis Accounts</option>
|
||||
<option class="second-login-group-option" value="9a14b3e2-feae-43e9-a1be-8f0a38da4ce6">David Miller Accounts</option>
|
||||
<option class="second-login-group-option" value="59cc85c5-b6cc-4b84-96c2-306de83c7b81">Eli Wiecking Accounts</option>
|
||||
<option class="second-login-group-option" value="db75d394-23b6-4060-944a-a779c62bab3f">Eric Kobylinski Accounts</option>
|
||||
<option class="second-login-group-option" value="0e568fee-5bc4-4405-8729-009baea752f4">Jalen Hodges Accounts</option>
|
||||
<option class="second-login-group-option" value="e57e371e-d791-463e-949c-c265dad88725">Jarrod Moore Accounts</option>
|
||||
<option class="second-login-group-option" value="81540a2f-420c-40fd-8d00-d02b042247b4">Jason Libby Accounts</option>
|
||||
<option class="second-login-group-option" value="edeccc46-77fa-4692-ba3c-8bcb368b2f83">Jeff Homady Accounts</option>
|
||||
<option class="second-login-group-option" value="c78d63f9-0e17-4143-a0ee-25bed96ae3f0">Joe Bauer Accounts</option>
|
||||
<option class="second-login-group-option" value="2643abe5-7fc2-477c-92ac-dd15abe7e2a4">Jon Eggleton Accounts</option>
|
||||
<option class="second-login-group-option" value="6d5a5f84-c32e-4c02-8939-21254a5d20f0">Josh Knipp Accounts</option>
|
||||
<option class="second-login-group-option" value="5e6ba0a9-6978-4143-9180-11bdd039459b">Kim Henderson Accounts</option>
|
||||
<option class="second-login-group-option" value="8dba5fdd-ae6b-441d-992f-f1921ed072bd">Matt Mossman Accounts</option>
|
||||
<option class="second-login-group-option" value="8bbe834a-cd2a-4695-afe9-8b0e71567f01">Marcus Bougard Accounts</option>
|
||||
<option class="second-login-group-option" value="e9e785b0-5c7d-436c-a31e-4b6b25d65315">Mike Borland Accounts</option>
|
||||
<option class="second-login-group-option" value="06ee6469-dbe3-44bc-ad19-ae4e663122dc">Mike Lehfeldt Accounts</option>
|
||||
<option class="second-login-group-option" value="d5637dbc-edc7-4451-8fcf-fe172f8fb970">Mike Shady Accounts</option>
|
||||
<option class="second-login-group-option" value="6e0343a3-04fc-4540-9731-996259514dd4">Peyton Randolph Accounts</option>
|
||||
<option class="second-login-group-option" value="e2834b27-ed29-4519-943e-ff9898cab47c">Pierre Beland Accounts</option>
|
||||
<option class="second-login-group-option" value="24a35a98-fbb5-4090-99a7-b0197939f576">Ridge Meracle Accounts</option>
|
||||
<option class="second-login-group-option" value="4d9200df-dc02-42c4-811c-b32ffd5c7758">Steve Danilow Accounts</option>
|
||||
<option class="second-login-group-option" value="a2f13d69-acdd-4201-90dc-4cfd4f5b7b06">Tad Pierson Accounts</option>
|
||||
<option class="second-login-group-option" value="65b7766c-f45c-4746-8af2-5265d1de8253">Tim Botschner Accounts</option>
|
||||
<option class="second-login-group-option" value="2a0100e6-2cd3-4f14-9706-ddadb95e9cb3">Tim Lavin Accounts</option>
|
||||
<option class="second-login-group-option" value="58309856-2659-465b-83bc-9462be60c125">Tyler Schaaf Accounts</option>
|
||||
<option class="second-login-group-option" value="da7a064a-da24-4011-b7ba-ffa33586d36c">Mizuno Canada</option>
|
||||
</select>
|
||||
@ -0,0 +1,35 @@
|
||||
<nav class="np-sub-navigation">
|
||||
<div class="np-sub-navigation-content">
|
||||
{% for link in navigations.sub_navigation %}
|
||||
{% if link.label == 'Home' %}
|
||||
<div class="np-sub-navigation-content-item {{ link.active_class }}">
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
<a class="np-sub-navigation-content-item-link" href="https://mizunogolf.com" target="_blank">
|
||||
MizunoGolf.com
|
||||
</a>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-sub-navigation-content-item {{ link.active_class }}">
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
|
||||
{{ link.label }}
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div id="resources-sub-navigation-item" class="np-sub-navigation-content-item">
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
<a class="np-sub-navigation-content-item-link" href="/app/courses/a1d8ad77-5448-46af-86aa-71f7fe9dfc60">
|
||||
Resources
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<script>
|
||||
if(window.location.href.indexOf('/app/resources') > -1){
|
||||
document.querySelector('#resources-sub-navigation-item').classList.add('np-sub-navigation-content-item-active')
|
||||
} else {
|
||||
document.querySelector('#resources-sub-navigation-item').classList.remove('np-sub-navigation-content-item-active')
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,8 @@
|
||||
<div class="homepage-section angled-section">
|
||||
<div class="homepage-section-container angled-section-container np-header-font-color">
|
||||
<h1> How Swing DNA Works </h1>
|
||||
<div class="video-container">
|
||||
<iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/51RYNgBbdsE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,159 @@
|
||||
{% comment %}
|
||||
For this widget to work you must import Slick CSS and JS
|
||||
{% endcomment %}
|
||||
|
||||
<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="achivements-carousel">
|
||||
{% for course in courses.enrolled %}
|
||||
{% assign earnedBadges = 0 %}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign earnedBadges = earnedBadges | plus: 1 %}
|
||||
<div>
|
||||
<div class="np-card-content-title col-12">
|
||||
{{ course.name }}
|
||||
</div>
|
||||
<div class="col-12 ">
|
||||
{% comment %} <img class="np-achievement-icon" src="{{ course.properties.course_badge }}" /> {% endcomment %}
|
||||
<i class="{{ course.properties.course_badge }} np-achievement-icon"></i>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% if earnedBadges == 0 %}
|
||||
<div class="no-badges-message">Complete a course to earn your first badge</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% comment %} <a href="#" class="np-view-all-achievements">View All</a> {% endcomment %}
|
||||
{% 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() {
|
||||
$('.achivements-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>
|
||||
.no-badges-message {
|
||||
text-align: center;
|
||||
padding: 32px 0 45px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.np-card-content-achievements {
|
||||
min-height:200px;
|
||||
}
|
||||
|
||||
|
||||
.np-card-content-achievements .np-card-content-title {
|
||||
font-size: 18px;
|
||||
color:#444;
|
||||
text-align:center;
|
||||
font-weight:500;
|
||||
}
|
||||
|
||||
.np-achievement-icon {
|
||||
color: #bec2c6;
|
||||
margin:14px auto 26px;
|
||||
width:130px;
|
||||
}
|
||||
|
||||
i.np-achievement-icon {
|
||||
color: #058ccf;
|
||||
font-size: 80px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.achievements-total-points-display {
|
||||
color:#2BB24C;
|
||||
font-size:0.812rem;
|
||||
text-transform:uppercase;
|
||||
text-align:center;
|
||||
margin-bottom:1.5rem;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.achievements-total-points {
|
||||
font-size:10px;
|
||||
color:#fff;
|
||||
padding:3px 5px;
|
||||
display:inline-block;
|
||||
border-radius:2px;
|
||||
}
|
||||
|
||||
.slick-arrow {
|
||||
color: #001588;
|
||||
opacity: 0.5;
|
||||
font-size: 1.5rem;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
top: 50%;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.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,74 @@
|
||||
<div class="np-dashboard-resources widget-course-progress">
|
||||
<div class="np-card">
|
||||
<div class="np-card-container np-dashboard-border">
|
||||
{% if courses.enrolled.any? %}
|
||||
{% assign countComplete = 0 %}
|
||||
{% assign countInProgress = 0 %}
|
||||
{% assign countNotStarted = 0 %}
|
||||
{% assign countTotal = 0 | times: 1.0 %}
|
||||
{% for course in courses.enrolled %}
|
||||
{% assign countTotal = countTotal | plus: 1 %}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign countComplete = countComplete | plus: 1 %}
|
||||
{% endif %}
|
||||
{% if course.progress > 0 and course.progress < 100 %}
|
||||
{% assign countInProgress = countInProgress | plus: 1 %}
|
||||
{% endif %}
|
||||
{% if course.progress == 0 %}
|
||||
{% assign countNotStarted = countNotStarted | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<ul class="progress-circle-list">
|
||||
<li>
|
||||
{%
|
||||
include "progress_circle",
|
||||
name:'Completed' ,
|
||||
count: countComplete ,
|
||||
total: countTotal,
|
||||
size: "120",
|
||||
stroke_color: "rgba(0, 21, 136, 1)",
|
||||
stroke_color_bg: "rgba(5, 140, 207, 0.7)"
|
||||
%}
|
||||
</li>
|
||||
<li>
|
||||
{%
|
||||
include "progress_circle",
|
||||
name:'In Progress' ,
|
||||
count: countInProgress ,
|
||||
total: countTotal,
|
||||
size: "120",
|
||||
stroke_color: "rgba(0, 21, 136, 1)",
|
||||
stroke_color_bg: "rgba(5, 140, 207, 0.7)"
|
||||
%}
|
||||
</li>
|
||||
</ul>
|
||||
{% 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>
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
.widget-course-progress .np-card {
|
||||
padding:0 0 32px;
|
||||
}
|
||||
|
||||
.progress-circle-list {
|
||||
padding: 0;
|
||||
list-style-type: none !important;
|
||||
justify-content: space-around;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
max-width: 400px;
|
||||
width:100%;
|
||||
margin: auto;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,86 @@
|
||||
{% 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="np-dashboard-header">
|
||||
<div class="np-resource-title">Hi {{current_person.first_name}}!</div>
|
||||
<div class="np-resource-subtitle">Welcome to Mizuno Golf Academy</div>
|
||||
</div>
|
||||
<div class="row np-flex-center">
|
||||
{% if features.learning_paths? %}
|
||||
<div class="col-xs-12 col-md-8">
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t shared.learning_paths %}
|
||||
</div>
|
||||
{% include "learning_paths_index", items: learning_paths.enrolled %}
|
||||
</div>
|
||||
<div class="np-grid-spacing col-xs-12 col-md-4">
|
||||
<div class="np-dashboard-resources-title">Course Progress</div>
|
||||
{% include "widget_course_progress" %}
|
||||
|
||||
{%- comment -%} <div class="np-dashboard-resources-title">Recent Achievements</div>
|
||||
{% include "widget_achievements" %} {%- endcomment -%}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="course-progress-wrapper col-xs-12 col-md-6 offset-lg-1">
|
||||
<div class="np-dashboard-resources-title">Course Progress</div>
|
||||
{% include "widget_course_progress" %}
|
||||
</div>
|
||||
{%- comment -%} <div class="achievements-wrapper col-xs-12 col-md-6">
|
||||
<div class="np-dashboard-resources-title">Recent Achievements</div>
|
||||
{% include "widget_achievements" %}
|
||||
</div> {%- endcomment -%}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="np-dashboard-resources-title" style="margin-bottom:19px;">
|
||||
Courses
|
||||
</div>
|
||||
<div class="row dashboard-section-courses col-xs-12">
|
||||
{% if courses.enrolled.any? %}
|
||||
{% for course in courses.enrolled %}
|
||||
{% assign course_status = "" %}
|
||||
|
||||
{% if course.started? == false %}
|
||||
{% assign course_status = "not-started" %}
|
||||
{% elsif course.completed? %}
|
||||
{% assign course_status = "completed" %}
|
||||
{% elsif course.started? %}
|
||||
{% assign course_status = "in-progress" %}
|
||||
{% endif %}
|
||||
|
||||
<div class="np-carousel-card col-xs-12 col-md-4 {{course_status}}"> {% include "cards_course" with course %}</div>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.index,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
<div style="margin-bottom:3rem;">
|
||||
{% include "courses_zero_state", message: message %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
.
|
||||
|
||||
{% comment %} <div class="row dashboard-section-events">
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t .upcoming_events %}
|
||||
</div>
|
||||
{% if training_events.enrolled.any? %}
|
||||
{%
|
||||
include "carousel_events",
|
||||
items: training_events.enrolled,
|
||||
%}
|
||||
{% else %}
|
||||
<div style="margin-bottom:3rem;">
|
||||
{% include "training_events_zero_state" %}
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
@ -0,0 +1,191 @@
|
||||
{% if current_person.signed_in? == false %}
|
||||
{% include "header_special" %}
|
||||
<div class="sub-header-angled-section"></div>
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
|
||||
<main class="np-main np-homepage">
|
||||
<div class="np-homepage-hero">
|
||||
<a href="https://www.mizunousa.com" target="_blank">
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-homepage-hero-logo-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Mizuno+Golf/logo.png"
|
||||
/>
|
||||
</a>
|
||||
<div class="np-homepage-hero-content">
|
||||
<div class="np-homepage-headline np-header-font-color">
|
||||
Mizuno Academy
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
Founded in Osaka, Japan, Mizuno has been dedicated to creating premium performance gear for all sports lovers for over a century. Our mission is to contribute to society through the advancement of sporting goods and the promotion of sports. Mizuno Academy serves as your dedicated platform for all Mizuno product information, training, and certification. Begin your journey today and become a Mizuno Pro.
|
||||
</div>
|
||||
<div class="hero-sign-up-cta np-header-font-color">
|
||||
<a class="hero-sign-up-cta-link" href="{% route sign_up %}">Become a Pro </a><span class="fal fa-arrow-right"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include "mizuno_promo" %}
|
||||
|
||||
{% include "homepage_panels_section" %}
|
||||
</main>
|
||||
{% include "footer_special" %}
|
||||
{% else %}
|
||||
<script>
|
||||
window.location.href = '/app/dashboard'
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
<style>
|
||||
.np-homepage{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.sub-header-angled-section{
|
||||
content: "";
|
||||
width: 100%;
|
||||
background-color: #001588;
|
||||
height: calc(100% + 200px);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transform-origin: left bottom;
|
||||
transform: skewY(9deg);
|
||||
}
|
||||
|
||||
.np-homepage-hero{
|
||||
background-color: transparent;
|
||||
height: 445px;
|
||||
margin-bottom: 90px;
|
||||
}
|
||||
|
||||
.np-homepage-hero-logo-image{
|
||||
height: 250px;
|
||||
max-height: 35%;
|
||||
margin-top: -50px;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-subheadline,
|
||||
.homepage-section .np-homepage-subheadline {
|
||||
font-size: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.hero-sign-up-cta{
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-subheadline,
|
||||
.homepage-section .np-homepage-subheadline,
|
||||
.hero-sign-up-cta{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.np-homepage-headline-mini{
|
||||
font-size: 1.25rem;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.hero-sign-up-cta-link{
|
||||
color: #ffffff;
|
||||
text-decoration: underline 2px solid #ffffff;
|
||||
}
|
||||
|
||||
.video-container{
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 400px){
|
||||
.sub-header-angled-section{
|
||||
transform: skewY(7deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 465px){
|
||||
.sub-header-angled-section{
|
||||
transform: skewY(6deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.sub-header-angled-section{
|
||||
transform: skewY(8deg);
|
||||
}
|
||||
|
||||
.np-homepage-hero{
|
||||
height: 785px;
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.np-homepage-hero-logo-image{
|
||||
height: 250px;
|
||||
margin-top: -50px;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-headline {
|
||||
font-size: 64px;
|
||||
margin-bottom: 35px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.np-homepage-headline-mini{
|
||||
font-size: 48px;
|
||||
margin-bottom: 35px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-subheadline,
|
||||
.homepage-section .np-homepage-subheadline {
|
||||
font-size: 25px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.hero-sign-up-cta{
|
||||
font-size: 36px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.homepage-section-container{
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.video-container{
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 850px){
|
||||
.np-homepage-hero{
|
||||
height: 685px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1000px){
|
||||
.sub-header-angled-section{
|
||||
transform: skewY(6deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1100px){
|
||||
.sub-header-angled-section{
|
||||
transform: skewY(4deg);
|
||||
}
|
||||
|
||||
.np-homepage-hero{
|
||||
height: 585px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 2000px){
|
||||
.np-homepage-hero{
|
||||
margin-top: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 2500px){
|
||||
.np-homepage-hero{
|
||||
margin-top: 150px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,23 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-catalog np-subpage-container np-max-width">
|
||||
<div class="np-catalog-header-wrapper">
|
||||
<div class="np-catalog-header">
|
||||
<div class="np-resource-title">Resources</div>
|
||||
<div class="np-resource-subtitle">Placeholder Resources Subheadline</div>
|
||||
</div>
|
||||
{% capture label %}{% t shared.filters.by_category %}{% endcapture %}
|
||||
|
||||
{%- comment -%} {% if courses.in_catalog.any? %}
|
||||
{%
|
||||
include "filter_dropdown",
|
||||
filters: courses.filters,
|
||||
key: "category_uuid",
|
||||
label: label
|
||||
%}
|
||||
{% endif %} {%- endcomment -%}
|
||||
</div>
|
||||
{% include "courses_resources" %}
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
@ -0,0 +1,41 @@
|
||||
<select
|
||||
class="sign-up-dropdown np-input"
|
||||
type="text"
|
||||
name="group-dropdown"
|
||||
id="sign-up-group-dropdown"
|
||||
required
|
||||
>
|
||||
<option class="second-login-group-option" value="bf21c4c8-6411-4248-9a21-d8afc3acf039">Brett Lamotte Accounts</option>
|
||||
<option class="second-login-group-option" value="70721b80-d2fb-4b35-b134-10330f05dcd4">Brett Ramsey Accounts</option>
|
||||
<option class="second-login-group-option" value="6da6e47f-2206-49a1-accf-5b7a0f4c9887">Brian Morgan Accounts</option>
|
||||
<option class="second-login-group-option" value="48de99d6-9b64-4ad4-9c50-3372570805be">Brian Uvena Accounts</option>
|
||||
<option class="second-login-group-option" value="e9c26981-54d8-4cf3-9597-815af352babf">Chris Campbell Accounts</option>
|
||||
<option class="second-login-group-option" value="34ae2b61-3569-419d-83fd-6fe94c3af98d">Chuck Henry Accounts</option>
|
||||
<option class="second-login-group-option" value="604495a4-5dcb-476b-9734-2bacec5d6ba4">Coby Davis Accounts</option>
|
||||
<option class="second-login-group-option" value="9a14b3e2-feae-43e9-a1be-8f0a38da4ce6">David Miller Accounts</option>
|
||||
<option class="second-login-group-option" value="59cc85c5-b6cc-4b84-96c2-306de83c7b81">Eli Wiecking Accounts</option>
|
||||
<option class="second-login-group-option" value="db75d394-23b6-4060-944a-a779c62bab3f">Eric Kobylinski Accounts</option>
|
||||
<option class="second-login-group-option" value="0e568fee-5bc4-4405-8729-009baea752f4">Jalen Hodges Accounts</option>
|
||||
<option class="second-login-group-option" value="e57e371e-d791-463e-949c-c265dad88725">Jarrod Moore Accounts</option>
|
||||
<option class="second-login-group-option" value="81540a2f-420c-40fd-8d00-d02b042247b4">Jason Libby Accounts</option>
|
||||
<option class="second-login-group-option" value="edeccc46-77fa-4692-ba3c-8bcb368b2f83">Jeff Homady Accounts</option>
|
||||
<option class="second-login-group-option" value="c78d63f9-0e17-4143-a0ee-25bed96ae3f0">Joe Bauer Accounts</option>
|
||||
<option class="second-login-group-option" value="2643abe5-7fc2-477c-92ac-dd15abe7e2a4">Jon Eggleton Accounts</option>
|
||||
<option class="second-login-group-option" value="6d5a5f84-c32e-4c02-8939-21254a5d20f0">Josh Knipp Accounts</option>
|
||||
<option class="second-login-group-option" value="5e6ba0a9-6978-4143-9180-11bdd039459b">Kim Henderson Accounts</option>
|
||||
<option class="second-login-group-option" value="8bbe834a-cd2a-4695-afe9-8b0e71567f01">Marcus Bougard Accounts</option>
|
||||
<option class="second-login-group-option" value="e9e785b0-5c7d-436c-a31e-4b6b25d65315">Mike Borland Accounts</option>
|
||||
<option class="second-login-group-option" value="06ee6469-dbe3-44bc-ad19-ae4e663122dc">Mike Lehfeldt Accounts</option>
|
||||
<option class="second-login-group-option" value="d5637dbc-edc7-4451-8fcf-fe172f8fb970">Mike Shady Accounts</option>
|
||||
<option class="second-login-group-option" value="1285de52-0f78-46d3-a1d8-edf448cd0537">Mizuno Territory Managers</option>
|
||||
<option class="second-login-group-option" value="6e0343a3-04fc-4540-9731-996259514dd4">Peyton Randolph Accounts</option>
|
||||
<option class="second-login-group-option" value="4d02c1cd-842b-4141-ab26-b8ae5374a6a7">PGA ID Test</option>
|
||||
<option class="second-login-group-option" value="e2834b27-ed29-4519-943e-ff9898cab47c">Pierre Beland Accounts</option>
|
||||
<option class="second-login-group-option" value="24a35a98-fbb5-4090-99a7-b0197939f576">Ridge Meracle Accounts</option>
|
||||
<option class="second-login-group-option" value="4d9200df-dc02-42c4-811c-b32ffd5c7758">Steve Danilow Accounts</option>
|
||||
<option class="second-login-group-option" value="a2f13d69-acdd-4201-90dc-4cfd4f5b7b06">Tad Pierson Accounts</option>
|
||||
<option class="second-login-group-option" value="65b7766c-f45c-4746-8af2-5265d1de8253">Tim Botschner Accounts</option>
|
||||
<option class="second-login-group-option" value="2a0100e6-2cd3-4f14-9706-ddadb95e9cb3">Tim Lavin Accounts</option>
|
||||
<option class="second-login-group-option" value="58309856-2659-465b-83bc-9462be60c125">Tyler Schaaf Accounts</option>
|
||||
<option class="second-login-group-option" value="da7a064a-da24-4011-b7ba-ffa33586d36c">Mizuno Canada</option>
|
||||
</select>
|
||||
@ -0,0 +1,209 @@
|
||||
{% assign groupValidator = false %}
|
||||
{% for group in current_person.groups %}
|
||||
{% if group %}
|
||||
{% assign groupValidator = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
{% if groupValidator == true %}
|
||||
<script>
|
||||
if (window.location.pathname != '/app/dashboard'){
|
||||
window.location.replace('/app/dashboard');
|
||||
}
|
||||
</script>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<div class="sign-up-follow-up-container" onload="">
|
||||
<div class="sign-up-follow-up-content">
|
||||
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="sign-up-follow-up-image sign-up-school-logo"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>
|
||||
<h1 class="sign-up-follow-up-prompt">Please select the Territory Manager that is responsible for your Mizuno Golf account below: </h1>
|
||||
|
||||
{% include "sign-up-follow-up-dropdown" %}
|
||||
|
||||
<img
|
||||
alt="sign-up-pga-logo"
|
||||
class="sign-up-follow-up-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Mizuno+Golf/Mizuno_follow_up_image.png"
|
||||
/>
|
||||
<h1 class="sign-up-follow-up-prompt">Upon completion of Mizuno Product and Fitting Knowledge Courses, PGA Members are eligible to receive PDR credits. If you are a PGA Member, please enter your member number below:</h1>
|
||||
|
||||
|
||||
<input class="sign-up-follow-up-input" placeholder="PGA Member Number"/>
|
||||
<button class="sign-up-follow-up-button" onclick="submitData()">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.sign-up-follow-up-container{
|
||||
align-items: center;;
|
||||
background: #F7F7F7;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.sign-up-follow-up-content{
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 3rem 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sign-up-follow-up-image{
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.sign-up-follow-up-prompt{
|
||||
color: #001588;
|
||||
font-size: 1.5rem;
|
||||
margin: 1.5rem;
|
||||
}
|
||||
|
||||
.sign-up-dropdown,
|
||||
.sign-up-follow-up-input{
|
||||
margin-top: 1.1rem;
|
||||
text-align: center;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.sign-up-dropdown{
|
||||
height: 55px;
|
||||
}
|
||||
|
||||
.sign-up-follow-up-input{
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.sign-up-follow-up-button{
|
||||
border: 1px solid black;
|
||||
border-radius: 5px;
|
||||
height: 30px;
|
||||
margin-top: 10px;
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.sign-up-school-logo{
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.sign-up-follow-up-image{
|
||||
max-width: 575px;
|
||||
}
|
||||
|
||||
.sign-up-follow-up-prompt{
|
||||
font-size: 2rem;
|
||||
margin: 3.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.sign-up-dropdown,
|
||||
.sign-up-follow-up-input{
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1440px){
|
||||
.sign-up-follow-up-prompt{
|
||||
font-size: 2.25rem;
|
||||
margin: 3.5rem 10rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
/* INPUT AND SUBMIT VALIDATORS */
|
||||
let digits = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
|
||||
let onlyDigits;
|
||||
|
||||
let checkIfInputsExist = () => {
|
||||
window.setTimeout(function(){
|
||||
let validationStr = $(".sign-up-follow-up-input")[0].value.split("");
|
||||
onlyDigits = true;
|
||||
|
||||
for(let i = 0; i < validationStr.length; i++){
|
||||
if(digits.indexOf(validationStr[i]) < 0){
|
||||
onlyDigits = false;
|
||||
}
|
||||
}
|
||||
|
||||
if(
|
||||
(($(".sign-up-follow-up-input")[0].value.length >= 8 && $(".sign-up-follow-up-input")[0].value.length <= 9 && onlyDigits == true)
|
||||
|| $(".sign-up-follow-up-input")[0].value.length == 0)
|
||||
&& $("#sign-up-group-dropdown")[0].value.length != 0
|
||||
){
|
||||
$(".sign-up-follow-up-button").css("background-color","#001588");
|
||||
$(".sign-up-follow-up-button").css("color","#FFFFFF");
|
||||
$(".sign-up-follow-up-button").css("cursor","pointer");
|
||||
$(".sign-up-follow-up-button").css("pointer-events","auto");
|
||||
} else {
|
||||
$(".sign-up-follow-up-button").css("background-color","#6F7277");
|
||||
$(".sign-up-follow-up-button").css("color","#000000");
|
||||
$(".sign-up-follow-up-button").css("cursor","initial");
|
||||
$(".sign-up-follow-up-button").css("pointer-events","none");
|
||||
}
|
||||
}, 500)
|
||||
}
|
||||
document.addEventListener('keydown', checkIfInputsExist);
|
||||
document.getElementsByClassName("sign-up-follow-up-input")[0].addEventListener('change', checkIfInputsExist);
|
||||
document.getElementById("sign-up-group-dropdown").addEventListener('change', checkIfInputsExist);
|
||||
|
||||
let submitData = async () => {
|
||||
if(
|
||||
(($(".sign-up-follow-up-input")[0].value.length >= 8 && $(".sign-up-follow-up-input")[0].value.length <= 9 && onlyDigits == true)
|
||||
|| $(".sign-up-follow-up-input")[0].value.length == 0)
|
||||
&& $("#sign-up-group-dropdown")[0].value.length != 0
|
||||
){
|
||||
|
||||
function webhookCaller(){
|
||||
return new Promise(function(res, rej) {
|
||||
let xhr = new XMLHttpRequest();
|
||||
url = "https://www.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/pga-id-submit";
|
||||
|
||||
xhr.addEventListener("load", e => {
|
||||
window.location.replace('/app/waiting-room');
|
||||
});
|
||||
|
||||
xhr.open("POST", url, true);
|
||||
if($(".sign-up-follow-up-input")[0].value.length == 0){
|
||||
xhr.send(JSON.stringify({
|
||||
email: '{{ current_person.email }}',
|
||||
name: "{{ current_person.first_name }} {{ current_person.last_name }}",
|
||||
user_id: '{{ current_person.id }}',
|
||||
user_group: $("#sign-up-group-dropdown")[0].value
|
||||
}))
|
||||
} else {
|
||||
xhr.send(JSON.stringify({
|
||||
email: '{{ current_person.email }}',
|
||||
name: "{{ current_person.first_name }} {{ current_person.last_name }}",
|
||||
pga_id: $(".sign-up-follow-up-input")[0].value,
|
||||
user_id: '{{ current_person.id }}',
|
||||
user_group: $("#sign-up-group-dropdown")[0].value
|
||||
}))
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
try {
|
||||
await webhookCaller()
|
||||
.then((res) => {
|
||||
window.location.replace('/app/dashboard')
|
||||
})
|
||||
} catch(err) {
|
||||
console.log(err)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,465 @@
|
||||
/*
|
||||
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 }}
|
||||
*/
|
||||
|
||||
/* HOMEPAGE */
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.np-top-button {
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.np-homepage-subheadline {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.np-homepage-hero {
|
||||
background-color: #001588;
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.np-homepage-hero-content {
|
||||
color: white;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.np-homepage-hero-cta.np-button {
|
||||
background-color: #058ccf;
|
||||
padding: 30px;
|
||||
padding-left: 70px;
|
||||
padding-right: 70px;
|
||||
}
|
||||
|
||||
.np-button.mizuno-login {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.angled-section {
|
||||
margin: -15px auto 100px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.angled-section:before {
|
||||
content: "";
|
||||
width: 100%;
|
||||
background-color: inherit;
|
||||
height: calc(100% + 200px);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
transform: translateY(-50%);
|
||||
transform-origin: left bottom;
|
||||
transform: skewY(15.5deg);
|
||||
}
|
||||
|
||||
.angled-section-container {
|
||||
position: relative;
|
||||
margin: auto;
|
||||
max-width: 1440px;
|
||||
}
|
||||
|
||||
.homepage-section {
|
||||
background: #001588;
|
||||
}
|
||||
|
||||
.homepage-section-container {
|
||||
text-align: center;
|
||||
padding: 20px 0 60px;
|
||||
}
|
||||
|
||||
.features-section {
|
||||
background: #efeff8;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 375px){
|
||||
.angled-section:before {
|
||||
transform: skewY(15deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 400px){
|
||||
.angled-section:before {
|
||||
transform: skewY(14deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 425px){
|
||||
.angled-section:before {
|
||||
transform: skewY(13deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 450px){
|
||||
.angled-section:before {
|
||||
transform: skewY(12.25deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 450px){
|
||||
.angled-section:before {
|
||||
transform: skewY(11.5deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 480px){
|
||||
.angled-section {
|
||||
margin: 0px auto 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 500px){
|
||||
.angled-section:before {
|
||||
transform: skewY(11.5deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 525px){
|
||||
.angled-section:before {
|
||||
transform: skewY(10.25deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 550px){
|
||||
.angled-section:before {
|
||||
transform: skewY(7.25deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 600px){
|
||||
.angled-section:before {
|
||||
transform: skewY(6.5deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 650px){
|
||||
.angled-section:before {
|
||||
transform: skewY(6deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 700px){
|
||||
.angled-section:before {
|
||||
transform: skewY(5.25deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 750px){
|
||||
.angled-section:before {
|
||||
transform: skewY(4.75deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.angled-section {
|
||||
margin: 30px auto 100px;
|
||||
}
|
||||
|
||||
.angled-section:before {
|
||||
transform: skewY(3deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 850px){
|
||||
.angled-section:before {
|
||||
transform: skewY(3deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 900px){
|
||||
.angled-section:before {
|
||||
transform: skewY(2.35deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 900px){
|
||||
.angled-section:before {
|
||||
transform: skewY(2.15deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1000px){
|
||||
.angled-section:before {
|
||||
transform: skewY(1.9deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1075px){
|
||||
.angled-section:before {
|
||||
transform: skewY(1.6deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1150px){
|
||||
.angled-section:before {
|
||||
transform: skewY(1.5deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1225px){
|
||||
.angled-section:before {
|
||||
transform: skewY(1.25deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1300px){
|
||||
.angled-section:before {
|
||||
transform: skewY(1deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1400px){
|
||||
.angled-section:before {
|
||||
transform: skewY(0.85deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1500px){
|
||||
.angled-section:before {
|
||||
transform: skewY(0.65deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* END
|
||||
HOMEPAGE */
|
||||
|
||||
/* DASHBOARD */
|
||||
|
||||
.np-dashboard {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.category-header-wrapper {
|
||||
margin: 16px 12px;
|
||||
}
|
||||
|
||||
.np-dashboard-resources-title,
|
||||
.np-dashboard-resources-category {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.category-header-wrapper {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
/* END */
|
||||
/* DASHBOARD */
|
||||
|
||||
/* SUB NAVIGATION */
|
||||
.np-sub-navigation {
|
||||
margin-bottom: 0;
|
||||
padding: 0 1rem 16px;
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgba(237, 237, 237, 1) 0%,
|
||||
rgba(254, 254, 254, 1) 30%,
|
||||
rgba(254, 254, 254, 1) 70%,
|
||||
rgba(237, 237, 237, 1) 100%
|
||||
);
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item-link {
|
||||
justify-content: flex-end;
|
||||
height: 30px;
|
||||
color: #001588;
|
||||
font-size: 10px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link {
|
||||
color: #001588;
|
||||
font-weight: 700;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link,
|
||||
.np-sub-navigation-content-item-active .np-sub-navigation-content-item-bar {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item-bar {
|
||||
background-color: #001588;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
display: block;
|
||||
height: 0.2rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 550px){
|
||||
.np-sub-navigation-content-item-link {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 650px){
|
||||
.np-sub-navigation-content-item-link {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 850px){
|
||||
.np-sub-navigation-content-item-link {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
/* END */
|
||||
/* SUB NAVIGATION */
|
||||
|
||||
/* COURSE CARDS */
|
||||
.np-card-container {
|
||||
background: #f5f5f5;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.np-card-content-title {
|
||||
color: #292929;
|
||||
}
|
||||
|
||||
.np-card-content-footer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.np-card-content-progress {
|
||||
margin-bottom: 12px;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.np-card .np-button {
|
||||
width: 100%;
|
||||
border-radius: 30px;
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.np-course-details {
|
||||
display: flex;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.np-course-detail {
|
||||
font-size: 1.125rem;
|
||||
flex: 0 1 calc(33.33%);
|
||||
}
|
||||
|
||||
.np-details-label {
|
||||
text-transform: uppercase;
|
||||
opacity: 0.5;
|
||||
font-size: 0.75rem;
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.row .np-card {
|
||||
margin: 0;
|
||||
padding: 0 10px 4rem;
|
||||
}
|
||||
|
||||
.np-course-detail {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.np-course-banner-info .np-course-details {
|
||||
max-width: 430px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1170px) {
|
||||
.np-course-banner-info .np-course-detail {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.np-course-banner-info .np-details-label {
|
||||
font-size: 1.062rem;
|
||||
margin-top: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
/* END */
|
||||
/* COURSE CARDS */
|
||||
|
||||
/* LEARNING PATH CARDS */
|
||||
|
||||
.np-learning-paths{
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.np-learning-path .np-button {
|
||||
width: auto;
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
.np-learning-path .np-learning-path-items {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* END */
|
||||
/* LEARNING PATH CARDS */
|
||||
|
||||
/* CAROUSEL STYLES */
|
||||
.np-carousel .slick-arrow {
|
||||
color: #001588;
|
||||
font-size: 2.5rem;
|
||||
opacity: 1;
|
||||
transition: opacity 0.2s;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.np-carousel .slick-arrow:before {
|
||||
position: absolute;
|
||||
width: 80px;
|
||||
z-index: 500;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.np-carousel .slick-arrow.fa-chevron-left {
|
||||
left: -30px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.np-carousel .slick-arrow.fa-chevron-right {
|
||||
right: -15px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.np-carousel .np-card {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
/* END */
|
||||
/* CAROUSEL STYLES */
|
||||
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.np-subpage-container {
|
||||
padding: 80px 5% 0;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,105 @@
|
||||
{% assign ready = false %}
|
||||
{% if current_person.signed_in? %}
|
||||
{% for group in current_person.groups %}
|
||||
{% if group %}
|
||||
{% assign ready = true %}
|
||||
{% break %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
{% if ready %}
|
||||
<script>
|
||||
if (window.location.pathname != '/app/dashboard'){
|
||||
window.location.replace('/app/dashboard');
|
||||
}
|
||||
</script>
|
||||
{% else %}
|
||||
<script>
|
||||
window.setTimeout(function() {
|
||||
window.location.reload(true);
|
||||
}, 3000);
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
<main>
|
||||
<div class="waiting-room-container">
|
||||
<img class="image" src="https://s3.amazonaws.com/static.northpass.com/Mizuno+Golf/logo.png">
|
||||
<div class="text">
|
||||
Thank you for entering your PGA ID!
|
||||
Please wait while we configure the school for you.
|
||||
You’ll be automatically redirected when it's ready!
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<style>
|
||||
main {
|
||||
align-items: center;
|
||||
background: #001588;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.waiting-room-container{
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.image {
|
||||
display: flex;
|
||||
margin: 30px auto;
|
||||
width: 90%;
|
||||
}
|
||||
.text {
|
||||
color: #FFFFFF;
|
||||
font-size: 30px;
|
||||
margin: 50px auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1000px){
|
||||
.image{
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.text{
|
||||
margin: 50px;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px){
|
||||
.image{
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.text{
|
||||
margin: 40px 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1700px){
|
||||
.image{
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.text{
|
||||
font-size: 36px;
|
||||
margin: 50px 150px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 2200px){
|
||||
.image{
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.text{
|
||||
font-size: 48px;
|
||||
margin: 50px 200px;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -2,7 +2,7 @@
|
||||
"cells": [
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 482,
|
||||
"execution_count": 14,
|
||||
"metadata": {},
|
||||
"outputs": [],
|
||||
"source": [
|
||||
@ -16,7 +16,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 483,
|
||||
"execution_count": 15,
|
||||
"metadata": {},
|
||||
"outputs": [],
|
||||
"source": [
|
||||
@ -25,7 +25,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 484,
|
||||
"execution_count": 16,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
@ -34,7 +34,7 @@
|
||||
"(59433, 3)"
|
||||
]
|
||||
},
|
||||
"execution_count": 484,
|
||||
"execution_count": 16,
|
||||
"metadata": {},
|
||||
"output_type": "execute_result"
|
||||
}
|
||||
@ -45,7 +45,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 485,
|
||||
"execution_count": 17,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
@ -153,7 +153,7 @@
|
||||
"9 Vivvix University for Ad Intel /styling/general/edit 2"
|
||||
]
|
||||
},
|
||||
"execution_count": 485,
|
||||
"execution_count": 17,
|
||||
"metadata": {},
|
||||
"output_type": "execute_result"
|
||||
}
|
||||
@ -164,7 +164,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 486,
|
||||
"execution_count": 18,
|
||||
"metadata": {},
|
||||
"outputs": [],
|
||||
"source": [
|
||||
@ -174,7 +174,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 487,
|
||||
"execution_count": 19,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
@ -265,7 +265,7 @@
|
||||
"Ad Intel 2"
|
||||
]
|
||||
},
|
||||
"execution_count": 487,
|
||||
"execution_count": 19,
|
||||
"metadata": {},
|
||||
"output_type": "execute_result"
|
||||
}
|
||||
@ -283,7 +283,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 488,
|
||||
"execution_count": 20,
|
||||
"metadata": {},
|
||||
"outputs": [],
|
||||
"source": [
|
||||
@ -292,7 +292,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 489,
|
||||
"execution_count": 21,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
@ -310,7 +310,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 490,
|
||||
"execution_count": 22,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
@ -409,7 +409,7 @@
|
||||
"[489 rows x 1 columns]"
|
||||
]
|
||||
},
|
||||
"execution_count": 490,
|
||||
"execution_count": 22,
|
||||
"metadata": {},
|
||||
"output_type": "execute_result"
|
||||
}
|
||||
@ -422,7 +422,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 491,
|
||||
"execution_count": 23,
|
||||
"metadata": {},
|
||||
"outputs": [],
|
||||
"source": [
|
||||
@ -432,7 +432,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 492,
|
||||
"execution_count": 24,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
@ -465,7 +465,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 493,
|
||||
"execution_count": 25,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
@ -483,7 +483,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 456,
|
||||
"execution_count": 26,
|
||||
"metadata": {},
|
||||
"outputs": [],
|
||||
"source": [
|
||||
@ -495,7 +495,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 457,
|
||||
"execution_count": 27,
|
||||
"metadata": {},
|
||||
"outputs": [],
|
||||
"source": [
|
||||
@ -504,7 +504,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 458,
|
||||
"execution_count": 28,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
@ -513,7 +513,7 @@
|
||||
"(354, 1)"
|
||||
]
|
||||
},
|
||||
"execution_count": 458,
|
||||
"execution_count": 28,
|
||||
"metadata": {},
|
||||
"output_type": "execute_result"
|
||||
}
|
||||
@ -524,7 +524,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 459,
|
||||
"execution_count": 29,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
@ -897,7 +897,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 474,
|
||||
"execution_count": 30,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
@ -932,7 +932,7 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 480,
|
||||
"execution_count": 31,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
@ -968,38 +968,7 @@
|
||||
"cell_type": "code",
|
||||
"execution_count": null,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
"data": {
|
||||
"text/html": [
|
||||
"<div style=\"display:flex;flex-direction:row;justify-content:space-between;\">\n",
|
||||
" <pre style=\"width: 100%; white-space: pre-wrap;\" id=\"0d623ee4-5d77-4ff3-ae4d-3e8594d5d6f2\">\n",
|
||||
"# Create a list of all the unique words in the School Name column\n",
|
||||
"words = pages['School Name'].str.split().explode().unique()\n",
|
||||
"\n",
|
||||
"# Create a new column in the dataframe with the words from the School Name column\n",
|
||||
"pages['words'] = pages['School Name'].str.split().explode()\n",
|
||||
"\n",
|
||||
"# Create a dictionary mapping each word to its corresponding row index\n",
|
||||
"word_index_map = {word: pages[pages['words'] == word].index for word in words}\n",
|
||||
"\n",
|
||||
"# Iterate through the dictionary and combine dataframes based on matching indexes\n",
|
||||
"for word, index in word_index_map.items():\n",
|
||||
" df1 = pages.loc[index]\n",
|
||||
" df2 = other_df.loc[other_df['Index'].str.contains(word)]\n",
|
||||
" combined_df = pd.concat([df1, df2], axis=1)\n",
|
||||
"</pre>\n",
|
||||
" <button style=\"height: fit-content;\" onclick=\"navigator.clipboard.writeText(JSON.parse(atob(`IlxuIyBDcmVhdGUgYSBsaXN0IG9mIGFsbCB0aGUgdW5pcXVlIHdvcmRzIGluIHRoZSBTY2hvb2wgTmFtZSBjb2x1bW5cbndvcmRzID0gcGFnZXNbJ1NjaG9vbCBOYW1lJ10uc3RyLnNwbGl0KCkuZXhwbG9kZSgpLnVuaXF1ZSgpXG5cbiMgQ3JlYXRlIGEgbmV3IGNvbHVtbiBpbiB0aGUgZGF0YWZyYW1lIHdpdGggdGhlIHdvcmRzIGZyb20gdGhlIFNjaG9vbCBOYW1lIGNvbHVtblxucGFnZXNbJ3dvcmRzJ10gPSBwYWdlc1snU2Nob29sIE5hbWUnXS5zdHIuc3BsaXQoKS5leHBsb2RlKClcblxuIyBDcmVhdGUgYSBkaWN0aW9uYXJ5IG1hcHBpbmcgZWFjaCB3b3JkIHRvIGl0cyBjb3JyZXNwb25kaW5nIHJvdyBpbmRleFxud29yZF9pbmRleF9tYXAgPSB7d29yZDogcGFnZXNbcGFnZXNbJ3dvcmRzJ10gPT0gd29yZF0uaW5kZXggZm9yIHdvcmQgaW4gd29yZHN9XG5cbiMgSXRlcmF0ZSB0aHJvdWdoIHRoZSBkaWN0aW9uYXJ5IGFuZCBjb21iaW5lIGRhdGFmcmFtZXMgYmFzZWQgb24gbWF0Y2hpbmcgaW5kZXhlc1xuZm9yIHdvcmQsIGluZGV4IGluIHdvcmRfaW5kZXhfbWFwLml0ZW1zKCk6XG4gICAgZGYxID0gcGFnZXMubG9jW2luZGV4XVxuICAgIGRmMiA9IG90aGVyX2RmLmxvY1tvdGhlcl9kZlsnSW5kZXgnXS5zdHIuY29udGFpbnMod29yZCldXG4gICAgY29tYmluZWRfZGYgPSBwZC5jb25jYXQoW2RmMSwgZGYyXSwgYXhpcz0xKVxuIg==`)))\">Copy</button>\n",
|
||||
" </div>"
|
||||
],
|
||||
"text/plain": [
|
||||
"<IPython.core.display.HTML object>"
|
||||
]
|
||||
},
|
||||
"metadata": {},
|
||||
"output_type": "display_data"
|
||||
}
|
||||
],
|
||||
"outputs": [],
|
||||
"source": []
|
||||
},
|
||||
{
|
||||
|
||||
23
Scripts/lookertest.md
Normal file
23
Scripts/lookertest.md
Normal file
@ -0,0 +1,23 @@
|
||||
if(
|
||||
contains(${extract_course_completion.course_name}, "Employee"),
|
||||
|
||||
replace(
|
||||
"Harassment Prevention & Gender Diversity - Employee",
|
||||
${extract_course_completion.course_name},
|
||||
"Harassment Prevention & Gender Diversity - Employee"),
|
||||
|
||||
${extract_course_completion.course_name})
|
||||
|
||||
case(when(yesno_arg, value_if_yes), when(yesno_arg, value_if_yes), ..., else_value)
|
||||
|
||||
|
||||
case(when(contains(${extract_course_completion.course_name}, "Employee"), replace(
|
||||
"Harassment Prevention & Gender Diversity - Employee",
|
||||
${extract_course_completion.course_name},
|
||||
"Harassment Prevention & Gender Diversity - Employee"),
|
||||
when(contains(${extract_course_completion.course_name}, "Supervisor"), replace(
|
||||
"Harassment Prevention & Gender Diversity - Supervisor",
|
||||
${extract_course_completion.course_name},
|
||||
"Harassment Prevention & Gender Diversity - Supervisor"),
|
||||
${extract_course_completion.course_name}
|
||||
))
|
||||
Reference in New Issue
Block a user