norm/Gainsight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Removed a bunch of old/churned client files and updated some older clients that I haven't touched in a while. Lots of summer cleaning!

Browse Source
This commit is contained in:
Norm Rasmussen
2025-07-29 14:20:27 -04:00
parent 83267e5f86
commit a0b767b798
834 changed files with 1737 additions and 38944 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Custom_Templates/customer_templates/Zenjob/.DS_Store vendored
View File

Binary file not shown.

66
Custom_Templates/customer_templates/Zenjob/_account_avatar.html.liquid Normal file
View File

@ -0,0 +1,66 @@
<div class="np-hidden-mobile">
<p>{% t .description %}</p>
<p>{% t .requirements %}</p>
</div>
<img
alt=""
class="np-account-avatar-image"
src="{{ form.gravatar_url }}?s=200"
id="{{version}}_gravatar_img"
{% unless form.use_gravatar? %}style="display: none"{% endunless %}
/>
<img
alt=""
class="np-account-avatar-image"
src="{{ form.secure_custom_avatar_url }}"
id="{{version}}_custom_avatar_img"
{% if form.use_gravatar? %}style="display: none"{% endif %}
/>
<div class="np-account-avatar-choice">
<div class="np-form-field">
<label class="radio radio-before np-input-label" for="{{version}}_learner_use_gravatar_true">
<span class="radio__input">
<input
id="{{version}}_learner_use_gravatar_true"
name="learner[use_gravatar]"
type="radio"
value="true"
{% if form.use_gravatar? %}checked{% endif %}
/>
<span class="np-button-color radio__control"></span>
</span>
<span class="radio__label">
{% t .use_gravatar %}
</span>
</label>
</div>
<div class="np-form-field">
<label class="radio radio-before np-input-label" for="{{version}}_learner_use_gravatar_false">
<span class="radio__input">
<input
id="{{version}}_learner_use_gravatar_false"
name="learner[use_gravatar]"
type="radio"
value="false"
{% unless form.use_gravatar? %}checked{% endunless %}
/>
<span class="np-button-color radio__control"></span>
</span>
<span class="radio__label">
{% t .upload_custom_photo %}
</span>
</label>
</div>
<div>
<button
id="{{version}}_upload_avatar"
type="button"
class="np-button np-button-secondary" {% if form.use_gravatar? %}style="visibility: hidden"{% endif %}
>
{% t .upload %}
</button>
</div>
</div>

19
Custom_Templates/customer_templates/Zenjob/_account_desktop_view.html.liquid Normal file
View File

@ -0,0 +1,19 @@
<form class="np-form" action="{{ form.options.action }}" method="post" id="desktop_edit_learner" novalidate>
<input type="hidden" name="_method" value="{{ form.options.http_method }}">
{% form_authenticity_token %}
<div class="np-card">
<div class="np-card-container np-card-padding">
<div class="row">
<div class="col-sm-7 np-account-form">
{% render "account_form", form: form, version: "desktop" %}
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
{% t shared.account.save %}
</button>
</div>
<div class="col-sm-5 np-account-avatar">
{% include "account_avatar", version: "desktop" %}
</div>
</div>
</div>
</div>
</form>

139
Custom_Templates/customer_templates/Zenjob/_account_form.html.liquid Normal file
View File

@ -0,0 +1,139 @@
<div class="np-resource-title">
{% t .header %}
</div>
<div class="np-form-field {% if form.errors contains 'email' %}np-account-form-field-error{% endif %}">
<label class="np-input-label" for="{{version}}_learner_email">{% t shared.email %} *</label>
<input
{% if form.options.invite? %} disabled {% endif %}
autofocus="autofocus"
class="np-input"
id="{{version}}_learner_email"
name="learner[email]"
type="email"
value="{{ form.email }}"
/>
</div>
<div class="np-form-field {% if form.errors contains 'first_name' %}np-account-form-field-error{% endif %}">
<label class="np-input-label" for="{{version}}_learner_first_name">
{% t shared.first_name %} *
</label>
<input
class="np-input"
id="{{version}}_learner_first_name"
name="learner[first_name]"
value="{{ form.first_name }}"
/>
</div>
<div class="np-form-field {% if form.errors contains 'last_name' %}np-account-form-field-error{% endif %}">
<label class="np-input-label" for="{{version}}_learner_last_name">
{% t shared.last_name %} *
</label>
<input
class="np-input"
id="{{version}}_learner_last_name"
name="learner[last_name]"
value="{{ form.last_name }}"
/>
</div>
<div class="np-form-field {% if form.errors contains 'display_name' %}np-account-form-field-error{% endif %}">
<label class="np-input-label" for="{{version}}_learner_display_name">
{% t .display_name %}
</label>
<input
class="np-input"
id="{{version}}_learner_display_name"
name="learner[display_name]"
value="{{ form.display_name }}"
/>
</div>
{% unless form.options.invite? %}
<div class="np-form-field {% if form.errors contains 'current_password' %}np-account-form-field-error{% endif %}">
<label class="np-input-label" for="{{version}}_learner_current_password">
{% t .current_password %} *
</label>
<input
class="np-input"
id="{{version}}_learner_current_password"
name="learner[current_password]"
type="password"
/>
</div>
<div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
<label class="np-input-label" for="{{version}}_learner_password">
{% t .new_password %} *
</label>
<input
class="np-input"
id="{{version}}_learner_password"
name="learner[password]"
type="password"
/>
</div>
<div class="np-form-field {% if form.errors contains 'password_confirmation' %}np-account-form-field-error{% endif %}">
<label class="np-input-label" for="{{version}}_learner_password_confirmation">
{% t .confirm_new_password %} *
</label>
<input
class="np-input"
id="{{version}}_learner_password_confirmation"
name="learner[password_confirmation]"
type="password"
/>
</div>
{% endunless %}
{% if form.options.invite? %}
<div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
<label class="np-input-label" for="{{version}}_learner_password">
{% t shared.password %} *
</label>
<input
class="np-input"
id="{{version}}_learner_password"
name="learner[password]"
type="password"
/>
</div>
{% if form.terms_of_service_required? %}
<div class="np-form-field terms-of-service {% if form.errors contains 'terms_of_service_accepted' %}np-account-form-field-error{% endif %}">
<input
id="{{version}}_learner_terms_of_service"
name="learner[terms_of_service_accepted]"
type="checkbox"
/>
<div class="label">
{% t .terms_of_service %}
<a
target="_blank"
href={{ form.terms_of_service_url }}
>
{% t .terms_link %}
</a>
</div>
</div>
{% else %}
<div class="np-margin-top">
<span class="np-form-terms ">
{% t .terms %}
<a
class="np-form-link np-button-color"
target="_blank"
href={{ form.terms_of_service_url }}
>
{% t .terms_link %}
</a>
</span>
</div>
{% endif %}
<input
id="{{version}}_invite_token"
name="learner[token]"
value="{{ form.invite_token }}"
type="hidden"
/>
{% endif %}

17
Custom_Templates/customer_templates/Zenjob/_account_mobile_view.html.liquid Normal file
View File

@ -0,0 +1,17 @@
<form class="np-form" action="{{ form.options.action }}" method="post" id="mobile_edit_learner" novalidate>
<input type="hidden" name="_method" value="{{ form.options.http_method }}">
{% form_authenticity_token %}
<div class="np-card np-account-form">
<div class="np-card-container np-card-padding">
{% render "account_form", form: form, version: "mobile" %}
</div>
</div>
<div class="np-card np-account-avatar">
<div class="np-card-container np-card-padding">
{% include "account_avatar", version: "mobile" %}
</div>
</div>
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
{% t shared.account.save %}
</button>
</form>

4
Custom_Templates/customer_templates/Zenjob/_certificates_info_column.html.liquid Normal file
View File

@ -0,0 +1,4 @@
<div class="col-xs-12 col-md-4 spacing-clear">
{% include "certificates_verification" %}
{% include "certificates_metadata" %}
</div>

59
Custom_Templates/customer_templates/Zenjob/_certificates_metadata.html.liquid Normal file
View File

@ -0,0 +1,59 @@
<div class="np-card spacing-clear">
<div class="np-card-container padding-spacing-8">
<div class="row np-certificate-metadata-row">
<div class="col-xs-6 col-md-6">
<p class="np-certificate-metadata-title" >
{% t .learner %}
</p>
</div>
<div class="col-xs-6 col-md-6">
<p class="np-certificate-metadata-value">
{{certificate.learner_name}}
</p>
</div>
</div>
<div class="line"></div>
{% if certificate.issuer_name_enabled? %}
<div class="row np-certificate-metadata-row">
<div class="col-xs-6 col-md-6">
<p class="np-certificate-metadata-title">
{% t .issued_by %}
</p>
</div>
<div class="col-xs-6 col-md-6">
<p class="np-certificate-metadata-value">
{{ certificate.issuer_name }}
</p>
</div>
</div>
<div class="line"></div>
{% endif %}
<div class="row np-certificate-metadata-row">
<div class="col-xs-6 col-md-6">
<p class="np-certificate-metadata-title" >
{% t .issued_on %}
</p>
</div>
<div class="col-xs-6 col-md-6">
<p class="np-certificate-metadata-value">
{{ certificate.issue_date }}
</p>
</div>
</div>
<div class="line"></div>
<div class="row np-certificate-metadata-row">
<div class="col-xs-6 col-md-6">
<p class="np-certificate-metadata-title" >
{% t .expires_on %}
</p>
</div>
<div class="col-xs-6 col-md-6">
<p class="np-certificate-metadata-value">
{{ certificate.expiration_date_translation }}
</p>
</div>
</div>
</div>
</div>

35
Custom_Templates/customer_templates/Zenjob/_certificates_preview.html.liquid Normal file
View File

@ -0,0 +1,35 @@
<script type="text/javascript">
const resizeIframe = () => {
const combinedPadding = 16;
const previewIframe = document.getElementById("previewIframe");
const previewIFrameCard = document.getElementById("previewIFrameCard");
const templateInPreviewContainer = previewIframe.contentWindow.document.querySelector('.np-certificate-container');
const previewIframeContentHeight = templateInPreviewContainer.offsetHeight;
const previewIframeContentWidth = templateInPreviewContainer.offsetWidth;
const certificateRatio = previewIframeContentHeight / previewIframeContentWidth;
templateInPreviewContainer.style.margin = 0;
previewIFrameCard.style.height = `${previewIFrameCard.offsetWidth * certificateRatio}px`;
const scaledIframeWidth = previewIFrameCard.offsetWidth - combinedPadding;
const scaledIframeHeight = scaledIframeWidth * certificateRatio;
const scale = scaledIframeHeight / previewIframeContentHeight;
previewIframe.style.transform = `scale(${scale})`;
}
window.onresize = resizeIframe;
</script>
<div class="col-xs-12 col-md-8 np-certificate-iframe-container">
<div class="np-card spacing-clear">
<div id="previewIFrameCard" class="np-card-container np-certificate-card">
<iframe
id="previewIframe"
onload="resizeIframe()"
class="np-certificate-iframe-preview"
srcdoc="{{ certificate.certificate_template_html }}"
></iframe>
</div>
</div>
</div>

44
Custom_Templates/customer_templates/Zenjob/_certificates_top_bar.html.liquid Normal file
View File

@ -0,0 +1,44 @@
<div class="top-bar np-certificate-top-bar-spacing">
<div class="top-bar__container uk-container uk-container-center uk-padding-horizontal np-max-width">
<div class="top-bar__col">
<h2 class="np-certificate-title" >
{{certificate.certificate_name}}
</h2>
</div>
<div class="button-container np-certificate-button-container">
{% if certificate.linkedin_sharing_enabled and current_person.signed_in? and certificate.learner_uuid == current_person.id %}
<a
class="np-button np-certificate-button np-certificate-button-secondary"
href="{{certificate.linkedin_share_url}}"
target="_blank"
>
<i class="fab fa-linkedin np-certificate-share-icon"></i>
{% t .share %}
</a>
{% endif %}
<button
id="print"
type="button"
class="np-button np-certificate-button np-certificate-button-secondary np-certificate-button-print"
>
{% t .print %}
</button>
{% if certificate.generating_pdf %}
<div class="np-button np-certificate-button np-certificate-button-primary np-certificate-spinner-container">
<i class="loader fad fa-spinner-third fa-spin np-certificate-spinner-icon np-button-font-color"></i>
</div>
{% else %}
<a
href="{{ certificate.download_url }}"
aria-label="{% t .download %}"
target="_blank"
rel="noopener noreferrer"
download
class="np-button np-certificate-button np-certificate-button-primary np-button-font-color"
>
{% t .download %}
</a>
{% endif %}
</div>
</div>
</div>

15
Custom_Templates/customer_templates/Zenjob/_certificates_verification.html.liquid Normal file
View File

@ -0,0 +1,15 @@
<div class="np-card spacing-clear np-certificate-verification-card">
<div class="np-card-container np-certificate-verification-container">
<div class="np-certificate-verification-icon-container np-certificate-verification-icon-container-{{certificate.verification_status}}">
<i class="far fa-{{certificate.verification_icon}} np-certificate-verification-icon"></i>
</div>
<div class="np-certificate-verification-info-container">
<h2 class="np-certificate-verification-info-status spacing-clear">
{{certificate.verification_title}}
</h2>
<p class="np-certificate-verification-info-description spacing-clear">
{{certificate.verification_description}}
</p>
</div>
</div>
</div>

10
Custom_Templates/customer_templates/Zenjob/_course_categories.html.liquid Normal file
View File

@ -0,0 +1,10 @@
<h3 class="np-card-heading">
{% t .header %}
</h3>
<div class="np-flex">
{% for category in course.categories %}
<div class="np-content-categories-content-item">
{{ category.name }}
</div>
{% endfor %}
</div>

40
Custom_Templates/customer_templates/Zenjob/_course_desktop_view.html.liquid Normal file
View File

@ -0,0 +1,40 @@
<div class="np-card-container">
<div class="np-resource-header np-course-header np-card-padding-large">
{% include "course_header" %}
</div>
<div class="np-divider"></div>
<div class="row np-course-content np-card-padding-dynamic">
<div class="col-xs-12 col-sm-6">
<img
src="{{ course.image_url }}"
class="np-top-image np-top-image-spacing"
alt="{{ course.name }}"
/>
{% include "course_description" %}
{% if course.categories.any? %}
<div class="np-card-content-divider">
{% include "course_categories" %}
</div>
{% endif %}
{% if course.instructors.any? %}
<div class="np-card-content-divider">
{% include "course_instructors" %}
</div>
{% endif %}
{% if course.events.any? %}
<div class="np-card-content-divider">
{% include "course_events" %}
</div>
{% endif %}
</div>
<div class="np-grid-spacing col-xs-12 col-sm-6">
<div class="np-top-cta">
{% include "course_progress_and_cta" %}
</div>
{% include "course_outline" %}
</div>
</div>
</div>

40
Custom_Templates/customer_templates/Zenjob/_course_mobile_view.html.liquid Normal file
View File

@ -0,0 +1,40 @@
<div class="np-card-container np-card-padding-large">
{% include "course_header" %}
<div class="np-top-cta">
{% include "course_progress_and_cta" %}
</div>
</div>
{% if course.progress == 0 %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "course_description" %}
</div>
<div class="np-card-container np-card-padding np-card-spacing">
{% include "course_outline" %}
</div>
{% else %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "course_outline" %}
</div>
<div class="np-card-container np-card-padding np-card-spacing">
{% include "course_description" %}
</div>
{% endif %}
{% if course.categories.any? %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "course_categories" %}
</div>
{% endif %}
{% if course.instructors.any? %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "course_instructors" %}
</div>
{% endif %}
{% if course.events.any? %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "course_events" %}
</div>
{% endif %}

2
Custom_Templates/customer_templates/Zenjob/_course_outline.html.liquid
View File

@ -29,6 +29,6 @@
<style>
.section-status-icon {
margin-left:8px;
color:#7625f7;
color:#2d31ff;
}
</style>

7
Custom_Templates/customer_templates/Zenjob/_course_version_outdated_alert.html.liquid Normal file
View File

@ -0,0 +1,7 @@
{% if courses.include_courses_to_restart? %}
<div role="alert" class="np-alert np-alert-global np-alert-info">
<div class="np-alert-container uk-container uk-container-center">
{% t .content %}
</div>
</div>
{% endif %}

6
Custom_Templates/customer_templates/Zenjob/_filter_by_progress.html.liquid
View File

@ -69,7 +69,7 @@ body[data-lang='DE'] .progress-filter[data-lang='DE'] {
}
.select-items {
position: absolute;
background-color: #E1E2E5;
background-color: #f4f7f9;
top: 105%;
left: -2px;
z-index: 99;
@ -78,7 +78,7 @@ body[data-lang='DE'] .progress-filter[data-lang='DE'] {
border-top:none;
}
.select-items div {
color: #707483;
color: #000000;
border-top:none;
cursor: pointer;
width:100%;
@ -131,7 +131,7 @@ body[data-lang='DE'] .progress-filter[data-lang='DE'] {
}
.select-items div:hover,
.same-as-selected {
background-color: #707483;
background-color: #000000;
}
@media (min-width:768px) {

10
Custom_Templates/customer_templates/Zenjob/_filter_checkbox.html.liquid Normal file
View File

@ -0,0 +1,10 @@
<input
id={{value}}
name={{ name }}
value={{ value }}
type="checkbox"
{% if selected %} checked="checked" {% endif %}
/>
<label for={{value}}>
{{label}}
</label>

33
Custom_Templates/customer_templates/Zenjob/_filter_dropdown.html.liquid Normal file
View File

@ -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>

22
Custom_Templates/customer_templates/Zenjob/_filter_select.html.liquid Normal file
View File

@ -0,0 +1,22 @@
{% 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 %}
<option
value="{{ filter.value }}"
{% if filter.selected? %} selected="selected" {% endif %}
>
{{ filter.name }}
</option>
{% endfor %}
</select>

30
Custom_Templates/customer_templates/Zenjob/_header.html.liquid
View File

@ -235,7 +235,7 @@ body.mobile-menu-open main.np-main.np-hidden {
.np-header.sticky {
position: sticky;
background-color:#3e1191;
background-color:#2d31ff;
}
.np-header.sticky-hide {
@ -247,7 +247,7 @@ body.mobile-menu-open main.np-main.np-hidden {
}
body.mobile-menu-open .np-header {
background-color:#3e1191;
background-color:#2d31ff;
}
.np-header-logo {
@ -264,7 +264,7 @@ body.mobile-menu-open .np-header {
}
.np-header-mobile-menu-content {
background-color: #3e1191;
background-color: #2d31ff;
top:66px;
left:unset;
bottom:unset;
@ -311,11 +311,11 @@ body.mobile-menu-open .np-header {
top: 19px;
}
.np-header-mobile-menu-content-name { color:#fff;}
.np-header-mobile-menu-content-name { color:#2d31ff;}
.np-header-mobile-menu-nav-button {
background-color:#fff;
color: #3e1191;
background-color:#2d31ff;
color: #fff;
width: auto;
font-size: 16px;
}
@ -352,31 +352,31 @@ body.mobile-menu-open .np-header {
.np-header-desktop-nav-link:focus,
.np-header-desktop-nav-link:hover {
border-color: #7625f7;
border-color: #dbe7ff;
color:#fff;
outline: none;
}
.np-header-desktop-nav-link.is-active {
background-color: #8b78fa;
background-color: #dbe7ff;
}
.np-header-desktop-nav-link.is-active:focus {
border-color: #275cb8;
border-color: #dbe7ff;
}
.np-header-search-input:hover + .np-header-search-icon {
color: #bfe4ff;
color: #f4f7f9;
}
.np-header-search-input:focus {
border-color: #275cb8;
border-color: #fff;
outline: none;
border-radius: 3rem;
padding: 0 1.25rem 0 2.5rem;
}
.np-header-search-input:focus + .np-header-search-icon {
color: #304780;
color: #fff;
}
.np-header-mobile-menu-content-button.np-danger {
@ -406,7 +406,7 @@ body.mobile-menu-open .np-header {
font-size: 14px;
top: 50%;
right: 4px;
color: #fff;
color: #2d31ff;
transition: transform 0.2s;
transform: translateY(-50%) rotate(0deg);
}
@ -420,7 +420,7 @@ body.mobile-menu-open .np-header {
top: 66px;
left:50%;
transform: translateX(-50%);
background-color: #3e1191;
background-color: #2d31ff;
color:#fff;
margin:0;
height:0;
@ -455,7 +455,7 @@ body.mobile-menu-open .np-header {
.np-header-search-input {
opacity: unset;
border-radius: 3rem;
background-color: #304780;
background-color: #fff;
}
.np-header-search-icon {

17
Custom_Templates/customer_templates/Zenjob/_header_minimal.html.liquid Normal file
View File

@ -0,0 +1,17 @@
<header class="np-box-header np-header-color">
<a class="np-box-header-link" href="{% route home %}">
{% if current_school.logo_url %}
<img
alt="{{ current_school.name }}"
src="{{ current_school.logo_url }}"
class="np-box-header-logo"
/>
{% else %}
<span class="np-school-name np-header-font-color">
{{ current_school.name }}
</span>
{% endif %}
</a>
</header>
{% include "messages" %}

5
Custom_Templates/customer_templates/Zenjob/_learning_path_banners.html.liquid Normal file
View File

@ -0,0 +1,5 @@
{% if learning_path.new_content_available? %}
{% include "learning_path_new_content_banner" %}
{% else %}
{% include "learning_path_completed_banner" %}
{% endif %}

17
Custom_Templates/customer_templates/Zenjob/_learning_path_certificate.html.liquid Normal file
View File

@ -0,0 +1,17 @@
{% if learning_path.has_certificate? %}
{% if learning_path.certificate_completed? %}
<div class="np-learning-path-outline-bar np-hidden-mobile"></div>
<a
class="np-learning-path-certificate-link"
href="{{ learning_path.certificate_link }}"
>
<div class="np-learning-path-certificate">
{% include "learning_path_certificate_content" %}
</div>
</a>
{% else %}
<div class="np-learning-path-certificate np-learning-path-certificate--inactive">
{% include "learning_path_certificate_content" %}
</div>
{% endif %}
{% endif %}

19
Custom_Templates/customer_templates/Zenjob/_learning_path_certificate_content.html.liquid Normal file
View File

@ -0,0 +1,19 @@
<div class="np-learning-path-certificate-content">
<div class="np-learning-path-certificate-avatar" role="img">
<i class="np-learning-path-certificate-avatar-icon fal fa-award"></i>
<h5 class="np-learning-path-certificate-avatar-title">
{% t .avatar_title %}
</h5>
</div>
<h4 class="np-learning-path-certificate-name">
{{ learning_path.certificate_name }}
</h4>
{% if learning_path.certificate_completed? %}
<time
class="np-learning-path-certificate-issue-date"
datetime="{{ learning_path.certificate_issue_date }}"
>
{{ learning_path.certificate_issue_date | date: "%B %d, %Y" }}
</time>
{% endif %}
</div>

13
Custom_Templates/customer_templates/Zenjob/_learning_path_completed_banner.html.liquid Normal file
View File

@ -0,0 +1,13 @@
<div class="np-learning-path-completed-banner np-learning-path-banner">
<img class="np-learning-path-banner-image" src="https://s3.amazonaws.com/static.northpass.com/images/stars-completed.svg"/>
<div class="np-learning-path-banner-content">
<h3 class="np-learning-path-banner-headline">{% t .headline %}</h3>
<p class="np-learning-path-banner-description">{% t .description %}</p>
<div class="np-learning-path-banner-actions">
{% if learning_path.certificate_link %}
<a href="{{ learning_path.certificate_link }}" class="np-learning-path-banner-action np-learning-path-banner-action--primary">{% t .actions.certificate %}</a>
{% endif %}
<a href="/app/courses" class="np-learning-path-banner-action np-learning-path-banner-action--secondary">{% t .actions.more_courses %}</a>
</div>
</div>
</div>

21
Custom_Templates/customer_templates/Zenjob/_learning_path_desktop_content.html.liquid Normal file
View File

@ -0,0 +1,21 @@
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="np-card-container">
<img
src="{{ learning_path.image_url }}"
class="np-top-image"
alt="{{ learning_path.name }}"
/>
<div class="np-card-padding-dynamic">
{% include "learning_path_description" %}
{% include "learning_path_instructors" %}
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 np-grid-spacing">
<div class="np-top-cta">
{% include "learning_path_progress_and_cta" %}
</div>
{% include "learning_path_outline" %}
</div>
</div>

12
Custom_Templates/customer_templates/Zenjob/_learning_path_desktop_header.html.liquid Normal file
View File

@ -0,0 +1,12 @@
<div class="np-resource-header np-resource-header-card np-card-padding-large">
<div class="np-top-vocabulary np-text-title">
{% t shared.learning_path.title %}
<i class="far fa-road np-button-color np-learning-path-icon"></i>
</div>
<div class="np-top-title">
<a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
<i class="far fa-arrow-left np-icon-back"></i>
</a>
{{ learning_path.name }}
</div>
</div>

2
Custom_Templates/customer_templates/Zenjob/_learning_path_desktop_view.html.liquid Normal file
View File

@ -0,0 +1,2 @@
{% include "learning_path_desktop_header" %}
{% include "learning_path_desktop_content" %}

19
Custom_Templates/customer_templates/Zenjob/_learning_path_mobile_content.html.liquid Normal file
View File

@ -0,0 +1,19 @@
{% if learning_path.in_progress? %}
{% include "learning_path_outline" %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "learning_path_description" %}
</div>
{% else %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "learning_path_description" %}
</div>
<div class="np-card-spacing">
{% include "learning_path_outline" %}
</div>
{% endif %}
{% if learning_path.instructors.any? %}
<div class="np-card-container np-card-padding np-card-spacing">
{% include "learning_path_instructors" %}
</div>
{% endif %}

17
Custom_Templates/customer_templates/Zenjob/_learning_path_mobile_header.html.liquid Normal file
View File

@ -0,0 +1,17 @@
<div class="np-resource-header np-card-padding-vertical">
<div class="np-top-vocabulary np-text-title">
{% t shared.learning_path.title %}
<i class="far fa-road np-button-color np-learning-path-icon"></i>
</div>
<div class="np-top-title">
{{ learning_path.name }}
</div>
<img
src="{{ learning_path.image_url }}"
class="np-top-image"
alt="{{ learning_path.name }}"
/>
<div class="np-top-cta">
{% include "learning_path_progress_and_cta" %}
</div>
</div>

2
Custom_Templates/customer_templates/Zenjob/_learning_path_mobile_view.html.liquid Normal file
View File

@ -0,0 +1,2 @@
{% include "learning_path_mobile_header" %}
{% include "learning_path_mobile_content" %}

12
Custom_Templates/customer_templates/Zenjob/_learning_path_new_content_banner.html.liquid Normal file
View File

@ -0,0 +1,12 @@
<div class="np-learning-path-new-content-banner np-learning-path-banner">
<div class="np-learning-path-banner-content">
<h3 class="np-learning-path-banner-headline">{% t .headline %}</h3>
<p class="np-learning-path-banner-description">{% t .description %}</p>
<div class="np-learning-path-banner-actions">
{% learning_path_next_step_button learning_path, class: "np-learning-path-banner-action np-learning-path-banner-action--primary" %}
{% if learning_path.certificate_link %}
<a href="{{ learning_path.certificate_link }}" class="np-learning-path-banner-action np-learning-path-banner-action--secondary">{% t .actions.view_certificate %}</a>
{% endif %}
</div>
</div>
</div>

8
Custom_Templates/customer_templates/Zenjob/_learning_path_outline.html.liquid
View File

@ -13,12 +13,12 @@
<style>
.outline-card__icon-link {
background-color: #3E1191;
background-color: #2d31ff;
color: #ffffff;
}
.outline-card__icon-link:hover {
background-color: #7625F7;;
background-color: #2d31ff;;
}
.np-learning-path-session-card .np-card-content {
@ -47,7 +47,7 @@
.np-learning-path-session-card .np-events-content-time { font-size:16px;}
.np-learning-path-session-card .np-optional-ribbon {
background-color: #B6B9C2;
background-color: #2d31ff;
padding: 0.25rem 1rem;
border-radius: 1.5rem;
line-height: 1.1;
@ -71,7 +71,7 @@
min-width: 115px;
text-align: center;
margin-right: 0;
background-color: #3E1191;
background-color: #2d31ff;
color: #ffffff;
margin-left:auto;
}

12
Custom_Templates/customer_templates/Zenjob/_learning_path_progress_and_cta.html.liquid
View File

@ -41,6 +41,18 @@
.lp-start-button {
width: auto !important;
}
@media screen and (max-width: 767px){
.np-top-cta-progress-content{
flex-wrap: wrap;
justify-content: center;
}
.np-top-cta-progress-title,
.np-progress-bar-container{
margin-bottom: 10px;
}
}
</style>
<script>

3
Custom_Templates/customer_templates/Zenjob/_learning_path_summary_desktop_view.html.liquid Normal file
View File

@ -0,0 +1,3 @@
{% include "learning_path_desktop_header" %}
{% include "learning_path_banners" %}
{% include "learning_path_desktop_content" %}

5
Custom_Templates/customer_templates/Zenjob/_learning_path_summary_mobile_view.html.liquid Normal file
View File

@ -0,0 +1,5 @@
<div class="np-card-padding">
{% include "learning_path_banners" %}
</div>
{% include "learning_path_mobile_header" %}
{% include "learning_path_mobile_content" %}

14
Custom_Templates/customer_templates/Zenjob/_learning_paths_index.html.liquid Normal file
View File

@ -0,0 +1,14 @@
<div class="np-learning-paths-resources">
{% if items.any? %}
{% for learning_path in items %}
{% include "cards_learning_path" with learning_path %}
{% endfor %}
{% else %}
<div class="np-learning-paths-resources-container">
<div class="np-zero-state-text">
{% t .empty %}
</div>
<img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
</div>
{% endif %}
</div>

19
Custom_Templates/customer_templates/Zenjob/_messages.html.liquid Normal file
View File

@ -0,0 +1,19 @@
{% if messages.alert.size > 0 %}
<div class="np-alert np-alert-error">
<div class="np-alert-wrapper">
{% for message in messages.alert %}
<div>{{ message }}</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if messages.notice.size > 0 %}
<div class="np-alert np-alert-success">
<div class="np-alert-wrapper">
{% for message in messages.notice %}
<div>{{ message }}</div>
{% endfor %}
</div>
</div>
{% endif %}

9
Custom_Templates/customer_templates/Zenjob/_training_events_dashboard.html.liquid Normal file
View File

@ -0,0 +1,9 @@
<div class="np-dashboard-resources">
{% if training_events.enrolled.any? %}
{% for training_event in training_events.enrolled %}
{% include "cards_training_event" with training_event %}
{% endfor %}
{% else %}
{% include "training_events_zero_state" %}
{% endif %}
</div>

53
Custom_Templates/customer_templates/Zenjob/_training_events_filter.html.liquid Normal file
View File

@ -0,0 +1,53 @@
<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">
<span class="dropdown-label">
{% t shared.filters.by_event_type %}
</span>
<ul class="dropdown-checkboxes">
{% for event_type in training_events.filters.event_types %}
{% capture label %}
{% t shared.event_types, key: event_type.value %}
{% endcapture %}
<li>
{% include "filter_checkbox",
label: label,
name: event_type.name,
value: event_type.value
selected: event_type.selected?
%}
</li>
{% endfor %}
</ul>
{% capture label %}{% t shared.filters.by_course %}{% endcapture %}
{%
include "filter_select",
filters: training_events.filters.courses,
key: "courses_uuid",
label: label
%}
<button
class="np-button dropdown-button-apply"
data-toggle-trigger-off
type="submit"
>
{% t shared.filters.apply %}
</button>
</form>
</div>
</div>
</div>

9
Custom_Templates/customer_templates/Zenjob/_training_events_zero_state.html.liquid Normal file
View File

@ -0,0 +1,9 @@
<div class="np-dashboard-resources-container">
<div class="np-zero-state-text">
{% t .empty %}
</div>
<img
class="np-zero-state-training-events"
alt="{% t .empty %}"
/>
</div>

6
Custom_Templates/customer_templates/Zenjob/_training_session_description.html.liquid Normal file
View File

@ -0,0 +1,6 @@
<h3 class="np-card-heading">
{% t .header %}
</h3>
<div class="np-card-text">
{{ training_event.description }}
</div>

10
Custom_Templates/customer_templates/Zenjob/_training_session_header.html.liquid Normal file
View File

@ -0,0 +1,10 @@
<div class="np-top-vocabulary np-text-title">
{% t shared.event_types, key: training_event.event_type %}
<i class="fal fa-users-class np-button-color np-training-session-icon"></i>
</div>
<div class="np-top-title">
<a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
<i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
</a>
{{ training_event.title }}
</div>

22
Custom_Templates/customer_templates/Zenjob/_training_session_mobile_view.html.liquid Normal file
View File

@ -0,0 +1,22 @@
<div class="np-card-container-training-session">
<div class="np-card-spacing-large">
{% include "training_session_header" %}
</div>
{% include "training_session_details" %}
<div class="np-card-padding-large">
{% include "training_session_cta" %}
</div>
</div>
<div class="np-card-container np-card-padding np-card-spacing">
{% include "training_session_description" %}
</div>
{% if training_event.sessions.size > 1 %}
<div class="np-card-spacing">
<div class="np-training-session-sessions-title">
{% t shared.more_sessions %}
</div>
{% include "training_session_more_sessions" %}
</div>
{% endif %}

3
Custom_Templates/customer_templates/Zenjob/_training_session_more_sessions.html.liquid Normal file
View File

@ -0,0 +1,3 @@
{% for session in training_event.sessions %}
{% include "training_session_tile", current_session: training_session %}
{% endfor %}

14
Custom_Templates/customer_templates/Zenjob/account.html.liquid Normal file
View File

@ -0,0 +1,14 @@
{% include "header" %}
<main class="np-main np-subpage-container np-account">
<div class="np-hidden-desktop">
{% include "account_mobile_view", form: form %}
</div>
<div class="np-hidden-mobile np-flex np-flex-center">
{% include "account_desktop_view", form: form %}
</div>
</main>
{% include "footer" %}

59
Custom_Templates/customer_templates/Zenjob/auth_url_email.html.liquid Normal file
View File

@ -0,0 +1,59 @@
<main class="np-box-container np-open-access">
<div class="np-box">
{% include "header_minimal" %}
<div class="np-box-content-container">
<form class="np-form np-box-content" action="{{ form.url }}" method="get" novalidate>
{% form_authenticity_token %}
<div class="np-form-headline">
{% t shared.welcome_to_school, school_name: current_school.name %}
</div>
<div class="np-form-subheadline">
{% t .headline, key: current_school.course_vocabulary %}
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_first_name">
{% t shared.first_name %}
</label>
<input
class="np-input"
autofocus="autofocus"
type="text"
name="first_name"
id="learner_first_name"
value="{{ form.first_name }}"
/>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_last_name">
{% t shared.last_name %}
</label>
<input
class="np-input"
type="text"
name="last_name"
id="learner_last_name"
value="{{ form.last_name }}"
/>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_email">
{% t shared.email_address %}
</label>
<input
class="np-input"
type="text"
name="email"
id="learner_email"
value="{{ form.email }}"
/>
</div>
<input
type="submit"
name="commit"
value="{% t shared.enter %}"
class="np-button np-button-big np-form-action"
/>
</form>
</div>
</div>
</main>

59
Custom_Templates/customer_templates/Zenjob/auth_url_employee.html.liquid Normal file
View File

@ -0,0 +1,59 @@
<main class="np-box-container np-open-access">
<div class="np-box">
{% include "header_minimal" %}
<div class="np-box-content-container">
<form class="np-form np-box-content" action="{{ form.url }}" method="get" novalidate>
{% form_authenticity_token %}
<div class="np-form-headline">
{% t shared.welcome_to_school, school_name: current_school.name %}
</div>
<div class="np-form-subheadline">
{% t .headline, key: current_school.course_vocabulary %}
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_employee_id">
{% t shared.employee_id %}
</label>
<input
class="np-input"
autofocus="autofocus"
type="text"
name="employee_id"
id="learner_employee_id"
value="{{ form.employee_id }}"
/>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_first_name">
{% t shared.first_name %}
</label>
<input
class="np-input"
type="text"
name="first_name"
id="learner_first_name"
value="{{ form.first_name }}"
/>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_last_name">
{% t shared.last_name %}
</label>
<input
class="np-input"
type="text"
name="last_name"
id="learner_last_name"
value="{{ form.last_name }}"
/>
</div>
<input
type="submit"
name="commit"
value="{% t shared.enter %}"
class="np-button np-button-big np-form-action"
/>
</form>
</div>
</div>
</main>

40
Custom_Templates/customer_templates/Zenjob/auth_url_phone_number.html.liquid Normal file
View File

@ -0,0 +1,40 @@
<main class="np-box-container np-open-access">
<div class="np-box">
{% include "header_minimal" %}
<div class="np-box-content-container">
<form class="np-form np-box-content" action="{{ form.url }}" method="get" novalidate>
<div class="np-form-headline"> {% t shared.welcome_to_school, school_name: current_school.name %} </div>
<div class="np-form-subheadline"> {% t .headline, key: current_school.course_vocabulary %} </div>
{% form_authenticity_token %}
<div class="np-form-field">
<label class="np-input-label" for="learner_last_name">
{% t shared.last_name %}
</label>
<input
class="np-input"
autofocus="autofocus"
type="text"
name="last_name"
id="learner_last_name"
value="{{ form.last_name }}"
/>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_phone_number">
{% t shared.phone_number %}
</label>
<input
class="np-input"
type="text"
name="phone_number"
id="learner_phone_number"
value="{{ form.phone_number }}"
/>
</div>
<button type="submit" class="np-button np-button-big np-form-action">
{% t shared.enter %}
</button>
</form>
</div>
</div>
</main>

74
Custom_Templates/customer_templates/Zenjob/auth_url_terms.html.liquid Normal file
View File

@ -0,0 +1,74 @@
<main class="np-box-container np-open-access">
<div class="np-box">
{% include "header_minimal" %}
<div class="np-box-content-container">
<form class="np-form np-box-content" action="{{ form.url }}" method="get" novalidate>
<div class="np-form-headline"> {% t shared.welcome_to_school, school_name: current_school.name %} </div>
<div class="np-form-subheadline"> {% t .headline, key: current_school.course_vocabulary %} </div>
{% form_authenticity_token %}
<div class="np-form-field">
<label class="np-input-label" for="learner_email">
{% t shared.email_address %}
</label>
<input
class="np-input"
autofocus="autofocus"
type="email"
name="email"
id="learner_email"
value="{{ form.email }}"
/>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_first_name">
{% t shared.first_name %}
</label>
<input
class="np-input"
type="text"
name="first_name"
id="learner_first_name"
value="{{ form.first_name }}"
/>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_last_name">
{% t shared.last_name %}
</label>
<input
class="np-input"
type="text"
name="last_name"
id="learner_last_name"
value="{{ form.last_name }}"
/>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_phone_number">
{% t shared.phone_number_optional %}
</label>
<input
class="np-input"
type="text"
name="phone_number"
id="learner_phone_number"
value="{{ form.phone_number }}"
/>
</div>
<div class="np-form-field np-open-access-terms">
<input type="hidden" name="terms" value="0" />
<input id="terms" type="checkbox" name="terms" value="1" />
<label for="terms" class="np-open-access-terms-checkbox">
{{ current_school.custom_terms }}
</label>
</div>
<input
type="submit"
name="commit"
value="{% t shared.enter %}"
class="np-button np-button-big np-form-action"
/>
</form>
</div>
</div>
</main>

4
Custom_Templates/customer_templates/Zenjob/course.html.liquid
View File

@ -65,11 +65,11 @@
<style>
.np-main {
background:#8B78FA;
background:#dbe7ff;
}
.np-top-button.disabled {
background-color: #ddd;
background-color: #2d31ff;
cursor: text;
}
</style>

25
Custom_Templates/customer_templates/Zenjob/forgot_password.html.liquid Normal file
View File

@ -0,0 +1,25 @@
<main class="np-box-container">
<div class="np-box">
{% include "header_minimal" %}
<div class="np-box-content-container">
<form class="np-form np-box-content" action="{% route forgot_password_create %}" method="post" novalidate>
{% form_authenticity_token %}
<div class="np-form-field">
<label class="np-input-label" for="learner_email">
{% t shared.email_address %}
</label>
<input
autofocus="autofocus"
class="np-input"
id="learner_email"
name="learner[email]"
type="email"
>
</div>
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
{% t .button_label %}
</button>
</form>
</div>
</div>
</main>

26
Custom_Templates/customer_templates/Zenjob/homepage.html.liquid
View File

@ -15,7 +15,7 @@
<main class="np-main np-homepage unauthorized">
<div class="np-homepage-content">
<div class="np-homepage-hero-content">
<div class="np-homepage-headline" style="color: #fff">
<div class="np-homepage-headline" style="color: #2d31ff">
{{ homepage.headline }}
</div>
<div class="np-homepage-subheadline">
@ -33,7 +33,7 @@
<main class="np-main np-homepage">
<div class="np-homepage-content">
<div class="np-homepage-hero-content">
<div class="np-homepage-headline" style="color: #fff">
<div class="np-homepage-headline" style="color: #2d31ff">
<span data-lang="DE">{{ homepage.headline }}</span>
<span data-lang="EN">Welcome to our Zenjob Online Campus!</span>
</div>
@ -122,8 +122,8 @@
}
main.np-homepage {
background-color: rgba(118,37,247,1);
background: linear-gradient(90deg, rgba(62,17,145,1) 0%, rgba(118,37,247,1) 50%, rgba(139,120,250,1) 100%);
background-color: #2d31ff(118,37,247,1);
background: linear-gradient(90deg, #2d31ff(62,17,145,1) 0%, #2d31ff(118,37,247,1) 50%, #2d31ff(139,120,250,1) 100%);
background-size: cover;
animation: gradient 15s ease-in-out infinite;
height: 100%;
@ -159,13 +159,13 @@
}
.np-homepage-content .np-homepage-headline {
font-size: 1.75rem;
color: #fff;
color: #2d31ff;
line-height: 1.1;
}
.np-homepage-content .np-homepage-subheadline {
font-size: 1.25rem;
line-height: 1.1;
color: #fff;
color: #2d31ff;
opacity: 100%;
}
@ -187,7 +187,7 @@
.dropbtn {
background-color: transparent;
color: #fff;
color: #2d31ff;
border: black;
text-decoration: underline;
font-weight: 700;
@ -212,7 +212,7 @@
.dropdown-content {
display: none;
position: absolute;
background-color: #E1E2E5;
background-color: #f4f7f9;
color:#707483;
min-width: 100%;
box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
@ -228,7 +228,7 @@
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #635bff60;}
.dropdown:hover .dropbtn {background-color: #2d31ff;}
/* CARDS SECTION */
@ -247,14 +247,14 @@
.homepage-card-content {
display:flex;
align-items:center;
background-color: #fff;
background-color: #2d31ff;
border-radius: 16px;
box-shadow: rgb(141 148 158 / 30%) 0px 4px 12px;
}
.homepage-card-title-wrapper {
width:65%;
color: #3E1191;
color: #2d31ff;
font-weight:700;
text-align:center;
padding:16px;
@ -262,12 +262,12 @@
}
.homepage-card:hover .homepage-card-title-wrapper {
color:#7625F7;
color:#2d31ff;
}
.homepage-card-img {
width:45%;
border-right: 1px solid #e0f3ff;
border-right: 1px solid #f4f7f9;
padding:24px 16px;
text-align:center;
}

2
Custom_Templates/customer_templates/Zenjob/learning_path.html.liquid
View File

@ -56,7 +56,7 @@
}
.page--learning-path-overview {
background: #8B78FA;
background: #dbe7ff;
}
.np-learning-path-outline-item .np-card-container {

8
Custom_Templates/customer_templates/Zenjob/learning_path_summary.html.liquid
View File

@ -14,7 +14,7 @@
{% assign learning_path_image_full_size = learning_path.image_url | replace: '/resize=width:820,height:500,fit:crop/', '/' %}
<div class="blocks-layout">
<div class="col-md-5 col-lg-6">
<div class="np-card">
<div class="details-card__card-container np-card-container">
@ -35,7 +35,7 @@
</div>
{% endif %}
</div>
</div>
</div>
@ -58,7 +58,7 @@
}
.page--learning-path-overview {
background: #8B78FA;
background: #dbe7ff;
}
.np-learning-path-outline-item .np-card-container {
@ -156,4 +156,4 @@
}
}
</style>
</style>

2
Custom_Templates/customer_templates/Zenjob/learning_paths.html.liquid
View File

@ -20,7 +20,7 @@
.card-learning-path[data-lang='EN'] {display:none;}
.np-learning-paths {
background: #8B78FA;
background: #dbe7ff;
}
.np-resource-title {

53
Custom_Templates/customer_templates/Zenjob/login.html.liquid Normal file
View File

@ -0,0 +1,53 @@
<main class="np-main np-box-container">
<div class="np-box">
{% include "header_minimal" %}
<div class="np-box-content-container">
<form class="np-form np-box-content" action="{% route login %}" method="post" novalidate>
{% form_authenticity_token %}
<div class="np-form-field">
<label class="np-input-label" for="learner_email">
{% t shared.email_address %}
</label>
<input
class="np-input"
autofocus="autofocus"
type="email"
name="learner[email]"
id="learner_email"
>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_password">
{% t shared.password %}
</label>
<input
class="np-input"
type="password"
name="learner[password]"
id="learner_password"
>
</div>
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
{% t shared.sign_in %}
</button>
<a class="np-form-link np-button-color" href="{% route forgot_password_new %}">
{% t .forgot_password %}
</a>
{% if features.account_creation? %}
<a class="np-form-link np-button-color" href="{% route sign_up %}">
{% t shared.sign_up %}
</a>
{% endif %}
{% if features.request_access? %}
<a
class="np-form-link np-button-color"
target="_blank"
href="{{ current_school.request_access_link }}"
>
{{ current_school.request_access_label }}
</a>
{% endif %}
</form>
</div>
</div>
</main>

1
Custom_Templates/customer_templates/Zenjob/master.html.liquid Normal file
View File

@ -0,0 +1 @@
{% body %}

10
Custom_Templates/customer_templates/Zenjob/not_found.html.liquid Normal file
View File

@ -0,0 +1,10 @@
<main class="np-main np-max-width np-subpage-container">
<div class="np-homepage-featured-text">
<div class="np-homepage-headline">
{% t .header %}
</div>
</div>
<div class="np-homepage-featured-empty">
<img src="/images/404.svg">
</div>
</main>

10
Custom_Templates/customer_templates/Zenjob/private_certificate.html.liquid Normal file
View File

@ -0,0 +1,10 @@
{% include "header" %}
{% include "certificates_top_bar" %}
<main class="np-main np-certificate np-max-width np-page-container clear-main-spacings">
<section class="np-certificate-content-spacing">
<div class="row">
{% include "certificates_preview" %}
{% include "certificates_info_column" %}
</div>
</section>
</main>

10
Custom_Templates/customer_templates/Zenjob/public_certificate.html.liquid Normal file
View File

@ -0,0 +1,10 @@
{% include "header" %}
{% include "certificates_top_bar" %}
<main class="np-main np-certificate np-max-width np-page-container clear-main-spacings">
<section class="np-certificate-content-spacing">
<div class="row">
{% include "certificates_preview" %}
{% include "certificates_info_column" %}
</div>
</section>
</main>

43
Custom_Templates/customer_templates/Zenjob/reset_password.html.liquid Normal file
View File

@ -0,0 +1,43 @@
<main class="np-box-container">
<div class="np-box">
{% include "header_minimal" %}
<div class="np-box-content-container">
<form class="np-form np-box-content" method="post" action="{% route forgot_password_create %}">
<input type="hidden" name="_method" value="put">
<input
type="hidden"
value="{{ reset_password_token }}"
name="learner[reset_password_token]"
id="learner_reset_password_token"
>
{% form_authenticity_token %}
<div class="np-form-field">
<label class="np-input-label" for="learner_password">
{% t .new_password %}
</label>
<input
class="np-input"
autofocus="autofocus"
type="password"
name="learner[password]"
id="learner_password"
>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_password_confirmation">
{% t .confirm_new_password %}
</label>
<input
class="np-input"
type="password"
name="learner[password_confirmation]"
id="learner_password_confirmation"
>
</div>
<button type="submit" class="np-button np-button-big np-form-action">
{% t .change_password %}
</button>
</form>
</div>
</div>
</main>

72
Custom_Templates/customer_templates/Zenjob/sign_up.html.liquid Normal file
View File

@ -0,0 +1,72 @@
<main class="np-main np-box-container">
<div class="np-box">
{% include "header_minimal" %}
<div class="np-box-content-container">
<form class="np-form np-box-content" action="{% route sign_up %}" method="post" novalidate>
<div class="np-form-title"> {% t .create_account %} </div>
{% form_authenticity_token %}
<div class="np-form-flex-desktop">
<div class="np-form-field">
<label class="np-input-label" for="learner_first_name">
{% t shared.first_name %}
</label>
<input
class="np-input"
autofocus="autofocus"
type="text"
name="learner[first_name]"
id="learner_first_name"
>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_last_name">
{% t shared.last_name %}
</label>
<input
class="np-input"
type="text"
name="learner[last_name]"
id="learner_last_name"
>
</div>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_email">
{% t shared.email_address %}
</label>
<input
class="np-input"
autofocus="autofocus"
type="email"
name="learner[email]"
id="learner_email"
>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_password">
{% t shared.password %}
</label>
<input
class="np-input"
type="password"
name="learner[password]"
id="learner_password"
>
</div>
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
{% t shared.sign_up %}
</button>
<span class="np-form-terms">
{% t .terms %}
<a
class="np-form-link np-button-color"
target="_blank"
href="{{ current_school.terms_of_service_url }}"
>
{% t .terms_link %}
</a>
</span>
</form>
</div>
</div>
</main>

244
Custom_Templates/customer_templates/Zenjob/styles.css.liquid
View File

@ -102,7 +102,7 @@ body {
display: flex;
flex-direction: column;
min-height: 100vh;
color: #5a616b;
color: #000000;
}
main {
@ -118,28 +118,28 @@ p + p {
}
a {
color: #2574e1;
color: #2d31ff;
}
a:hover,
a:focus {
color: #ba37d6;
color: #2d31ff;
}
a:active {
color: #9630ab;
color: #2d31ff;
}
.np-text-light {
color: #6e7580;
color: #000000;
}
.np-text-title {
color: #5a616b;
color: #000000;
}
.np-resource-title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0;
text-align: left;
color:#333333;
color:#000000;
}
.np-resource-subtitle,
.np-training-events .np-resource-subtitle {
@ -178,7 +178,7 @@ a:active {
.np-box {
border-radius: 1rem;
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
margin: 0;
width: 100%;
max-width: 550px
@ -321,7 +321,7 @@ a:active {
body,
.np-page-container,
.np-subpage-container {
background-color: #f5f7fa;
background-color: #dbe7ff;
width: 100%;
}
@ -394,11 +394,11 @@ div.np-powered-by {
}
.oa-sub-navigation-content-item-label {
color:#333333;
color:#000000;
}
/* Inactive Item */
.np-sub-navigation-content-item-inactive .np-sub-navigation-content-item-icon {
color: #c5cbd1;
color: #dbe7ff;
}
/* --- Seperator --- */
@ -487,7 +487,7 @@ button,
/* ------ Card ------ */
.np-card-container {
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
border-radius: 1rem;
justify-content: start;
align-items: stretch;
@ -530,7 +530,7 @@ button,
right: unset;
top: unset;
margin-left: 0.75rem;
background-color: #B6B9C2;
background-color: #2d31ff;
padding: 0.25rem 1rem;
border-radius: 1.5rem;
line-height: 1.1;
@ -555,7 +555,7 @@ button,
background-size: cover;
background-position: center;
width: 50%;
border-color: #e0f3ff;
border-color: #dbe7ff;
border-style: solid;
border-radius: 1rem 0 0 1rem;
border-width: 0 1px 0 0;
@ -594,7 +594,7 @@ button,
font-weight: 900;
font-size: 1.25rem;
line-height: 1.3;
color: #24272e;
color: #000000;
margin-top: 0;
margin-bottom: 1rem;
}
@ -632,7 +632,7 @@ button,
}
.np-card-content-title {
line-height: 1.3;
color:#333333;
color:#000000;
}
.np-card-content .np-card-content-title {
margin-top: 0;
@ -640,7 +640,7 @@ button,
.np-card-content-subtitle {
font-size: 0.875rem;
font-weight: 700;
color: #795ae8;
color: #2d31ff;
}
/* Description */
.np-card-content-description {
@ -669,14 +669,14 @@ button,
margin-left: 0.5rem;
font-size: 1rem;
text-transform: none;
color: #795ae8;
color: #2d31ff;
}
/* Content Divider */
.np-card-content-divider {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
border-color: #94dbff;
border-color: #dbe7ff;
}
.np-card-content-divider:last-child {
margin-bottom: 0;
@ -696,7 +696,7 @@ button,
/* --- Card Stack --- */
.np-card-stack-level-1,
.np-card-stack-level-2 {
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
border-radius: 1rem;
height: 2rem;
margin-top: -1.4rem;
@ -712,7 +712,7 @@ button,
font-weight: 700;
font-size: 1.5rem;
line-height: 1.3;
color: #24272e;
color: #000000;
margin-bottom: 0.75rem;
}
@media screen and ( min-width: 48rem ) {
@ -748,7 +748,7 @@ button,
.details-card__card-content h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
color: #24272e;
color: #000000;
font-weight: 700;
}
@media screen and ( min-width: 48rem ) {
@ -767,7 +767,7 @@ button,
margin-top: 0.5rem;
}
.np-card-training-session-date-bar {
background-color: #795ae8;
background-color: #2d31ff;
left: -1.25rem;
height: 100%;
width: 0.5rem;
@ -776,7 +776,7 @@ button,
}
.np-card-training-session-date-day {
color: #24272e;
color: #000000;
font-weight: 900;
}
.card__month-year-container {
@ -787,11 +787,11 @@ button,
line-height: 1.1;
}
.np-card-training-session-date-month {
color: #795ae8;
color: #2d31ff;
text-transform: none;
}
.np-card-training-session-date-year {
color: #6e7580;
color: #000000;
}
.session-date__other-info-container,
.session-date__other-info-container.np-training-session-cta-note {
@ -807,7 +807,7 @@ button,
}
.session-date__other-info-container {
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
background-color: #795ae8;
background-color: #2d31ff;
color: white;
}
.np-training-session-cta-note {
@ -865,7 +865,7 @@ button,
/* --- Padding--- */
.np-divider {
margin: 0 1.25rem;
border-color: #94dbff;
border-color: #dbe7ff;
}
@media screen and ( min-width: 48rem ) {
.np-divider {
@ -875,7 +875,7 @@ button,
/* ------ Course Banner ------ */
.banner-course {
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
background-color: #ffffff;
border-radius: 1rem;
display: flex;
@ -928,7 +928,7 @@ button,
background-position: center;
width: 25%;
max-width: 14rem;
border-color: #e0f3ff;
border-color: #dbe7ff;
border-style: solid;
border-radius: 1rem 0 0 1rem;
border-width: 0 1px 0 0;
@ -947,14 +947,14 @@ button,
}
.np-top-cta {
border-radius: 3rem;
background-color: #e0f3ff;
background-color: #dbe7ff;
padding: 0.5rem 1.5rem;
margin-bottom: 1.5rem;
position: relative;
}
.np-top-cta .np-progress-bar-container {
background-color: #8B78FA;
background-color: #2d31ff;
}
@media screen and ( min-width: 48rem ) {
@ -972,7 +972,7 @@ button,
/* ------ Progress Bar ------ */
.np-progress-bar-container {
background-color: #dce1e5;
background-color: #dbe7ff;
}
@ -1033,10 +1033,10 @@ button,
.np-button:focus {
background-color: {{ color_palette.button_hover_color }};
outline: 2px solid #e79ff7;
outline: 2px solid #dbe7ff;
}
.np-button:active {
background-color: #50185b;
background-color: #2d31ff;
}
/* --- Wide Buttons --- */
@ -1048,40 +1048,40 @@ button,
/* --- Secondary Buttons --- */
.np-button-secondary {
color: #fff;
background-color: #6e7580 !important;
background-color: #000000 !important;
}
.np-button-secondary:hover,
.np-button-secondary:focus {
background-color: {{ color_palette.button_hover_color }} !important;
}
.np-button-secondary:active {
background-color: #50185b !important;
background-color: #2d31ff !important;
}
/* ------ Dropdowns ------ */
.dropdown-calendar-menu {
padding: 0.5rem 0;
border-radius: 1rem;
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
}
.dropdown-calendar-menu.is-open {
overflow: hidden;
}
.dropdown-calendar-item-element {
padding: .5rem 1.25rem;
color: #5a616b;
color: #000000;
}
.dropdown-calendar-item-element:hover,
.dropdown-calendar-item-element:focus,
.dropdown-calendar-item-element:active {
color: #50185b;
color: #2d31ff;
}
.dropdown-calendar-item-element:hover,
.dropdown-calendar-item-element:focus {
background-color: #fae3ff;
background-color: #ffffff;
}
.dropdown-calendar-item-element:active {
background-color: #fdf3ff;
background-color: #ffffff;
}
/* ------ Form & Inputs ------ */
.np-form-field {
@ -1090,19 +1090,19 @@ button,
.np-input-label {
font-size: 1rem;
margin-bottom: 0.5rem;
color: #5a616b;
color: #000000;
}
.np-input {
border-radius: 1.25rem;
height: 2.5rem;
padding: 0.5rem 1.25rem;
line-height: 1.5;
background-color: #f0feff;
border-color: #bfe4ff;
background-color: #ffffff;
border-color: #dbe7ff;
border-width: 2px;
}
.np-input:focus {
border-color: #4cc3ff;
border-color: #2d31ff;
}
.np-form-action {
margin-top: 0.5rem;
@ -1122,12 +1122,12 @@ button,
font-size: 0.875rem;
}
.np-alert-error {
background-color: #ffe1e8;
color: #b11932;
background-color: #fbe0ff;
color: #2d31ff;
}
.np-alert-success {
background-color: #e8ffe1;
color: #1d6e2c;
background-color: #dfff6d;
color: #2d31ff;
}
@media screen and ( min-width: 48rem ) {
@ -1140,7 +1140,7 @@ button,
.filter-list__container {
background-color: white;
border-radius: 1rem;
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
}
/* --- Header --- */
.filter-list__header-container {
@ -1157,7 +1157,7 @@ button,
}
/* --- Sections --- */
.filter-list__section {
border-top: 1px solid #e0f3ff;
border-top: 1px solid #dbe7ff;
}
/* Header */
.filter-list__section-header-container {
@ -1168,7 +1168,7 @@ button,
cursor: pointer;
}
.filter-list__section-header-container:focus {
outline: 2px solid #e79ff7;
outline: 2px solid #dbe7ff;
outline-offset: -2px;
}
.filter-list__section-header {
@ -1187,12 +1187,12 @@ button,
}
.filter-list__section-header-container:hover .filter-list__section-header-icon,
.filter-list__section-header-container:hover .filter-list__section-header-icon {
color: #ba37d6;
color: #2d31ff;
}
/* Body */
.filter-list__section-body {
padding: 0.75rem 0.75rem 0.75rem 1.5rem;
border-top: 1px solid #e0f3ff;
border-top: 1px solid #dbe7ff;
}
/* --- Interactivity --- */
/* Icons */
@ -1238,12 +1238,12 @@ button,
.filter-list__item:hover,
.filter-list__item:focus {
background-color: #fdf3ff;
color: #9630ab;
background-color: #ffffff;
color: #2d31ff;
cursor: pointer;
}
.filter-list__item:focus {
outline: 2px solid #e79ff7;
outline: 2px solid #dbe7ff;
}
.filter-list__item.is-active {
background-color: {{ color_palette.button_color }};
@ -1252,7 +1252,7 @@ button,
.filter-list__item.is-active:hover,
.filter-list__item.is-active:focus {
background-color: #ba37d6;
background-color: #2d31ff;
}
.filter-list__item-remove {
margin-left: 0.4rem;
@ -1274,7 +1274,7 @@ button,
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
line-height: 1.1;
padding: 0.3rem 0.85rem;
border-radius: 0.85rem;
@ -1287,12 +1287,12 @@ button,
}
.clear-filters__button:hover,
.clear-filters__button:focus {
background-color: #ba37d6;
background-color: #2d31ff;
color: #ffffff;
cursor: pointer;
}
.clear-filters__button:focus {
outline: 2px solid #e79ff7;
outline: 2px solid #dbe7ff;
}
.clear-filters__button.is-active {
background-color: {{ color_palette.button_color }};
@ -1311,15 +1311,15 @@ button,
/* --- Trigger --- */
.np-course-version-outdated-popup-trigger {
color: #f8654c;
color: #ff6b35;
border-radius: 50%;
}
.np-course-version-outdated-popup-trigger:hover,
.np-course-version-outdated-popup-trigger:focus {
color: #d54224;
color: #ff6b35;
}
.np-course-version-outdated-popup-trigger:focus {
outline: 2px solid #ffa593;
outline: 2px solid #ff6b35;
}
.np-course-version-outdated-popup {
@ -1329,18 +1329,18 @@ button,
/* --- Popup --- */
.np-popup-tooltip--visible {
border: 2px solid #ffe5e1;
border: 2px solid #ffffff;
}
.np-popup-tail {
border-top: 4px solid #ffc9c0;
border-top: 4px solid #ffffff;
}
.np-popup-header {
background-color: #ffe5e1;
background-color: #ffffff;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.np-popup-header-icon {
color: #f8654c;
color: #ff6b35;
}
.np-popup-body {
padding-left: 1.25rem;
@ -1355,7 +1355,7 @@ button,
color: #fff;
}
.np-popup-body-button:focus {
outline: 2px solid #e79ff7;;
outline: 2px solid #dbe7ff;;
}
@ -1447,20 +1447,20 @@ button,
width: 2rem;
height: 2rem;
border-radius: 50%;
border: 1px solid #aeb5bd;
border: 1px solid #f4f7f9;
}
.np-content-instructors-content-description {
margin-left: 0.75rem;
}
.np-content-instructors-content-name {
color: #6e7580;
color: #000000;
font-weight: 700;
line-height: 1.3;
}
.np-content-instructors-content-info {
font-size: 1rem;
line-height: 1.3;
color: #24272e;
color: #000000;
}
@media screen and ( min-width: 48rem ) {
.np-content-instructors-content-name {
@ -1477,7 +1477,7 @@ button,
/* Section Title */
.np-course-outline-content-section-name {
color: #353a42;
color: #000000;
font-size: 1rem;
line-height: 1.3;
border-bottom-width: 0;
@ -1498,18 +1498,18 @@ button,
/* Icon */
.np-course-outline-content-activity-icon {
padding: 0 0.75rem 0 0;
color: #e9ecf0;
color: #ffffff;
}
/* Connecting Bar */
.np-course-outline-content-activity-list-bar {
background-color: #e9ecf0;
background-color: #ffffff;
height: calc(50% - 9px);
top: calc(50% + 9px);
bottom: 0;
left: 9px;
}
.np-course-outline-content-activity-list-bar:before {
background-color: #e9ecf0;
background-color: #ffffff;
content: "";
display: block;
position: absolute;
@ -1532,11 +1532,11 @@ button,
/* Chapter Headings */
.np-course-outline-content-activity-icon-locked,
.np-course-outline-content-activity-link-completed {
color: #6e7580;
color: #000000;
}
.np-course-outline-content-activity-link-completed:hover,
.np-course-outline-content-activity-link-completed:focus {
color: #131519;
color: #000000;
}
/* Link Hover Effect */
.np-course-outline-content-activity-link-completed {
@ -1547,7 +1547,7 @@ button,
display: block;
position: absolute;
width: 0%;
background-color: #4cc3ff;
background-color: #2d31ff;
height: 0;
border-radius: 1px;
}
@ -1557,11 +1557,11 @@ button,
height: 2px;
}
.np-course-outline-content-activity-link-completed:active::after {
background-color: #ba37d6;
background-color: #2d31ff;
}
/* Locked Icon */
.np-course-outline-content-activity-icon-locked {
color: #aeb5bd;
color: #f4f7f9;
font-weight: 700;
}
/* --- Course Events --- */
@ -1572,7 +1572,7 @@ button,
flex-shrink: 0;
border-radius: 50%;
text-transform: none;
background-color: #795ae8;
background-color: #2d31ff;
}
.np-course-events-content-month,
@ -1585,7 +1585,7 @@ button,
line-height: 1.3;
}
.np-course-events-content-name {
color: #353a42;
color: #000000;
font-size: 1rem;
font-weight: 700;
}
@ -1597,7 +1597,7 @@ button,
margin-bottom: 0;
}
.np-course-events-content-time {
color: #6b3fd1;
color: #2d31ff;
}
/* --- Outline Bar Divider --- */
@ -1623,7 +1623,7 @@ button,
.np-training-session .np-top-vocabulary .np-training-session-icon {
margin-left: 0;
margin-right: .5rem;
color: #795ae8;
color: #2d31ff;
}
/*
@ -1637,7 +1637,7 @@ button,
width: 100%;
}
.cta--outline .np-top-cta {
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
}
/* --- Outline Divider --- */
@ -1675,7 +1675,7 @@ button,
}
}
.np-learning-path-outline-item:focus {
outline: 2px solid #e79ff7;
outline: 2px solid #dbe7ff;
}
.outline-card__icon-container {
padding: 0.5rem;
@ -1695,17 +1695,17 @@ button,
}
/* Locked */
.outline-card__icon-locked {
background-color: #e9ecf0;
background-color: #ffffff;
}
.outline-card__icon-locked .np-learning-path-outline-icon {
color: #5a616b;
color: #000000;
}
/* Complete */
.outline-card__icon-complete {
background-color: #d7f7f1;
background-color: #ffffff;
}
.outline-card__icon-complete .np-learning-path-outline-icon {
color: #008382;
color: #2d31ff;
}
/* Use an arrow icon on hvoer */
a:hover .outline-card__icon-complete .np-learning-path-outline-icon::before,
@ -1715,17 +1715,17 @@ a:active .outline-card__icon-complete .np-learning-path-outline-icon::before {
}
/* Link */
.outline-card__icon-link {
background-color: #3E1191;
background-color: #2d31ff;
}
.outline-card__icon-link .np-learning-path-outline-icon {
color: #fff;
}
a:hover .outline-card__icon-container,
a:focus .outline-card__icon-container {
background-color: #7625F7;
background-color: #2d31ff;
}
a:focus .outline-card__icon-container {
outline: 2px solid #7625F7;
outline: 2px solid #2d31ff;
}
a:hover .np-learning-path-outline-icon,
a:focus .np-learning-path-outline-icon {
@ -1752,7 +1752,7 @@ a:active .np-learning-path-outline-icon {
margin-bottom: 1rem !important;
}
.training-session__details .np-training-session-icon {
color: #795ae8;
color: #2d31ff;
width: 1.5rem;
text-align: center;
margin-right: 0.25rem;
@ -1780,28 +1780,28 @@ a:active .np-learning-path-outline-icon {
.np-training-session-tile {
background-color: #ffffff;
border-radius: 1rem;
box-shadow: rgba(141, 148, 158, 0.3) 0px 4px 12px;
color: #5a616b;
box-shadow: #000000(141, 148, 158, 0.3) 0px 4px 12px;
color: #000000;
}
.np-training-session-tile:hover {
background-color: #ffffff;
}
.np-training-session-tile:focus {
outline: 2px solid #e79ff7;
outline: 2px solid #dbe7ff;
}
/* Icon */
.np-training-session-tile-icon {
color: #795ae8;
color: #2d31ff;
}
/* Details */
.training-session-tile__details {
flex-grow: 1;
}
.np-training-session-tile-date {
color: #24272e;
color: #000000;
}
.np-training-session-tile-time {
color: #5a616b;
color: #000000;
font-size: 0.875rem;
}
/* Arrow */
@ -1816,28 +1816,28 @@ a:active .np-learning-path-outline-icon {
justify-content: center;
margin-right: 1rem;
flex-shrink: 0;
background-color: #e0f3ff;
background-color: #dbe7ff;
margin-left: 1rem;
margin-right: 0;
}
.training-session-tile__icon {
margin-left: unset;
font-size: 1rem;
color: #2574e1;
color: #2d31ff;
}
a:hover .training-session-tile__icon-container,
a:focus .training-session-tile__icon-container {
background-color: #f9e1ff;
background-color: #ffffff;
}
a:focus .training-session-tile__icon-container {
outline: 2px solid #e79ff7;
outline: 2px solid #dbe7ff;
}
a:hover .training-session-tile__icon,
a:focus .training-session-tile__icon {
color: #ba37d6;
color: #2d31ff;
}
a:active .training-session-tile__icon {
color: #712b80;
color: #2d31ff;
}
/* ------ Empty States ------ */
@ -1847,7 +1847,7 @@ a:active .training-session-tile__icon {
.np-training-session-zero-state {
width: 100%;
border-radius: 1rem;
border: 3px solid #dce1e5;
border: 3px solid #dbe7ff;
}
.np-training-session-zero-state {
display: flex;
@ -1859,7 +1859,7 @@ a:active .training-session-tile__icon {
margin-right: 1rem;
}
.np-zero-state-text {
color: #6e7580;
color: #000000;
font-size: 1.125rem;
font-weight: 700;
}
@ -1875,7 +1875,7 @@ a:active .training-session-tile__icon {
/* --- Header / Summary --- */
.search-summary__emphasis {
color: #6b3fd1;
color: #2d31ff;
font-weight: 700;
}
@ -1909,18 +1909,18 @@ a.tutorial-button {
display: inline-block;
padding: 0.5rem 1.25rem;
border-radius: 1.5rem;
background-color: #2574e1;
background-color: #000000;
color: #fff !important;
}
.tutorial-button:focus,
.tutorial-button:hover {
background-color: #712b80;
background-color: #000000;
}
.tutorial-button:focus {
outline: 2px solid #e79ff7;
outline: 2px solid #000000;
}
.tutorial-button:active {
background-color: #50185b;
background-color: #000000;
}
@ -1929,12 +1929,12 @@ a.tutorial-button {
.tutorial-time-estimate {
position: relative;
border-radius: 1.25rem;
background-color: #e9e9ff;
background-color: #ffffff;
padding: 0.5rem 1rem 0.5rem calc(3rem + 16px);
display: block;
overflow: hidden;
font-size: 1rem;
color: #6b3fd1;
color: #2d31ff;
margin: 1.5rem 0 !important;
}
.tutorial-time-estimate::before {
@ -1944,7 +1944,7 @@ a.tutorial-button {
left: 0;
top: 0;
bottom: 0;
background-color: #6b3fd1;
background-color: #2d31ff;
color: #fff;
padding: 0.5rem 0.9rem 0.5rem 1rem;
content: "\f017";
@ -1955,15 +1955,15 @@ a.tutorial-button {
/* ------------ Colors ------------ */
.np-color-danger {
color: #E52242;
color:#fbe0ff ;
}
.np-color-success {
color: #368645;
color: #dfff6d;
}
.np-progress-color {
color: #4cc3ff;
color: #2d31ff;
}
.np-progress-background-color {
background-color: #7625F7;
background-color: #2d31ff;
}

43
Custom_Templates/customer_templates/Zenjob/training_session_attendance.html.liquid Normal file
View File

@ -0,0 +1,43 @@
{% include "header" %}
<main class="np-main np-cta-page np-max-width np-subpage-container">
<div class="np-card-container np-card-padding-xlarge">
{% if token %}
<i class="np-cta-page-icon fal fa-users-class"></i>
<div class="np-form-headline">
{{ training_session.title }}
</div>
<div class="np-form-subheadline">
{% t .info,
event_name: training_session.title,
session_date: training_session.date,
session_time: training_session.time
%}
</div>
<div class="np-form-subheadline">
{% t .question %}
</div>
<form action="{% route training_session_attendance %}" method="post" class="np-cta-page-buttons">
{% form_authenticity_token %}
<input type="hidden" name="token" value="{{ token }}">
<input type="submit" name="not_attended" value="{% t .not_attended %}" class="np-button np-button-secondary">
<input type="submit" name="commit" value="{% t .attended %}" class="np-button">
</form>
<div class="np-form-subheadline">
{% t .salutation %}
</div>
<div class="np-form-subheadline">
{{ current_school.name }}
</div>
{% else %}
<i class="np-cta-page-icon fal fa-check-circle"></i>
<div class="np-form-headline">
{% t .success.response_text %}
</div>
<div class="np-cta-page-buttons">
<a href="{% route training_events %}" class="np-button">
{% t .success.button_text %}
</a>
{% endif %}
</div>
</main>
{% include "footer" %}

30
Custom_Templates/customer_templates/Zenjob/unsubscribe.html.liquid Normal file
View File

@ -0,0 +1,30 @@
{% include "header" %}
<main class="np-main np-cta-page np-max-width np-subpage-container">
<div class="np-card-container np-card-padding-xlarge">
{% if token %}
<i class="np-cta-page-icon fal fa-bell-slash"></i>
<div class="np-form-subheadline np-margin-top">
{% t .unsubscribe_text %}
</div>
<div class="np-form-subheadline np-margin-top">
{% t .resubscribe_text %}
</div>
<form
id="unsubscribe_form"
action="{% route email_unsubscribe, unsubscribe_token: token %}"
method="post"
class="np-cta-page-buttons"
>
{% form_authenticity_token %}
<input type="hidden" name="_method" value="delete">
<input type="submit" name="commit" value="{% t .resubscribe_button %}" class="np-button np-button-wide">
</form>
{% else %}
<i class="np-cta-page-icon fal fa-bell-on"></i>
<div class="np-form-subheadline np-margin-top">
{% t .resubscribed_text %}
</div>
{% endif %}
</div>
</main>
{% include "footer" %}

2
Custom_Templates/customer_templates/Zenjob/zertifikate.html.liquid
View File

@ -76,7 +76,7 @@
.badge-course-title {
line-height: 1.3;
color: #333333;
color: #000000;
font-weight:700;
font-size: 20px;
}