Luminate Templates, notes for walmart, Crayon changes.
This commit is contained in:
Norm Rasmussen
BIN
Custom_Templates/customer_templates/Crayon/.DS_Store
vendored
Normal file
BIN
Custom_Templates/customer_templates/Crayon/.DS_Store
vendored
Normal file
Binary file not shown.
@ -1,3 +1,21 @@
|
||||
|
||||
{% assign architect_certification_course_image = 'https://s3.amazonaws.com/static.northpass.com/Crayon+Academy/course+images/ArchitectBadge-512x566.png' %}
|
||||
{% assign activator_certification_course_image = 'https://s3.amazonaws.com/static.northpass.com/Crayon+Academy/course+images/AcademyBadge-Activator.png' %}
|
||||
{% assign accelerator_certification_course_image = 'https://s3.amazonaws.com/static.northpass.com/Crayon+Academy/course+images/AcceleratorBadge-512x566.png' %}
|
||||
|
||||
{% assign is_architect_certification_course_image = false %}
|
||||
{% assign is_activator_certification_course_image = false %}
|
||||
{% assign is_accelerator_certification_course_image = false %}
|
||||
|
||||
{% if course.name == 'Architect Certification Course' %}
|
||||
{% assign is_architect_certification_course_image = true %}
|
||||
{% elsif course.name == 'Activator Certification Course' %}
|
||||
{% assign is_activator_certification_course_image = true %}
|
||||
{% elsif course.name == 'Accelerator Certification Course' %}
|
||||
{% assign is_accelerator_certification_course_image = true %}
|
||||
{%endif%}
|
||||
|
||||
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
{% if course.ribbon %}
|
||||
@ -5,33 +23,86 @@
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
{% if is_architect_certification_course_image == true %}
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ architect_certification_course_image }}"
|
||||
>
|
||||
{% elsif is_activator_certification_course_image == true %}
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ activator_certification_course_image }}"
|
||||
>
|
||||
{% elsif is_accelerator_certification_course_image == true %}
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ accelerator_certification_course_image }}"
|
||||
>
|
||||
{% else %}
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
{%endif%}
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ course.name }}
|
||||
<h3 class="np-card-content-title custom-course-description">
|
||||
{% if is_architect_certification_course_image == true %}
|
||||
Learn how to drive adoption <br> of competitive intelligence
|
||||
{% elsif is_activator_certification_course_image == true %}
|
||||
Learn how to gather & <br>distribute competitive intelligence
|
||||
{% elsif is_accelerator_certification_course_image == true %}
|
||||
Learn how to analyze
|
||||
competitive intelligence
|
||||
{%else%}
|
||||
{{course.name}}
|
||||
{% endif %}
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.instructor_names }}
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
{% if course.progress == 100 %}
|
||||
{% comment %}<img class="np-dashboard-medal-icon" src="{{course.properties.course_badge}}" alt="{{course.name}}-medal-icon"/>{% endcomment %}
|
||||
<span class="np-dashboard-medal-icon">👍</span>
|
||||
{% endif %}
|
||||
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
{% t shared.progress, count: course.progress %}
|
||||
</div>
|
||||
<div class='course-button-container'>
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
{% if course.has_to_restart? %}
|
||||
{% include "course_version_outdated_popup", path: course_path %}
|
||||
{% if is_architect_certification_course_image == true %}
|
||||
<a class="np-button np-button-wide np-course-card-button orange-btn " href="{{ course_path }}">
|
||||
{% if course.progress == 0 %}
|
||||
BEGIN COURSE
|
||||
{% elsif course.progress > 0 and course.progress < 100%}
|
||||
RESUME COURSE
|
||||
{% elsif course.progress == 100 %}
|
||||
RETAKE COURSE
|
||||
{% endif %}
|
||||
</a>
|
||||
{% elsif is_activator_certification_course_image == true %}
|
||||
<a class="np-button np-button-wide np-course-card-button purple-btn" href="{{ course_path }}">
|
||||
{% if course.progress == 0 %}
|
||||
BEGIN COURSE
|
||||
{% elsif course.progress > 0 and course.progress < 100%}
|
||||
RESUME COURSE
|
||||
{% elsif course.progress == 100 %}
|
||||
RETAKE COURSE
|
||||
{% endif %}
|
||||
</a>
|
||||
{% elsif is_accelerator_certification_course_image == true %}
|
||||
<a class="np-button np-button-wide np-course-card-button red-btn" href="{{ course_path }}">
|
||||
{% if course.progress == 0 %}
|
||||
BEGIN COURSE
|
||||
{% elsif course.progress > 0 and course.progress < 100%}
|
||||
RESUME COURSE
|
||||
{% elsif course.progress == 100 %}
|
||||
RETAKE COURSE
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
|
||||
|
||||
{% if course.name == 'Accelerator Certification Course' %}
|
||||
|
||||
{%- comment -%} {% if course.name == 'Accelerator Certification Course' %}
|
||||
<a class="np-button np-button-wide np-course-card-button"
|
||||
{% if course.enrolled? %}
|
||||
href="#" style="pointer-events: none; color: #486776; background: #F2F4F5"
|
||||
@ -49,9 +120,15 @@
|
||||
<a class="np-button np-button-wide np-course-card-button" href="{{ course_path }}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
{% endif %} {%- endcomment -%}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-card-container {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,217 @@
|
||||
<main class="np-box-container np-open-access">
|
||||
<div class="np-box sign-up-body">
|
||||
<div class="np-box-content-container sign-up-body-content-container login-body-content-container">
|
||||
|
||||
<div class="sign-in-text-content-wrapper login-text-content-wrapper">
|
||||
<img class="login-logo" src="https://s3.amazonaws.com/static.northpass.com/Crayon/crayon_logo_horizontal.png" alt="Welcome To Crayon Academy!">
|
||||
<div class="np-form-headline login-text">
|
||||
<span class="welcome-header"> Welcome to <span style="color: #FEC311">Crayon Academy</span></span>
|
||||
</div>
|
||||
<div class="np-form-subheadline login-text">
|
||||
<span class="welcome-subheader">Whether you're a new or returning learner, please complete the form to access the academy.
|
||||
<span class="login-emoji-mobile"> 👇</span>
|
||||
<span class="login-emoji-desktop">👉</span></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sign-in-form-content-wrapper login-form-wrapper">
|
||||
<form class="np-form np-box-content login-form" action="{{ form.url }}" method="get" novalidate>
|
||||
{% form_authenticity_token %}
|
||||
<div class="np-form-field">
|
||||
<label class="np-input-label login-text login-input-label" for="learner_first_name">
|
||||
First name
|
||||
</label>
|
||||
<input
|
||||
autofocus="autofocus"
|
||||
class="np-input login-input"
|
||||
id="learner_first_name"
|
||||
name="first_name"
|
||||
placeholder="e.g., Jane"
|
||||
type="text"
|
||||
value="{{ form.first_name }}"
|
||||
/>
|
||||
</div>
|
||||
<div class="np-form-field">
|
||||
<label class="np-input-label login-text login-input-label" for="learner_last_name">
|
||||
Last name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
class="np-input login-input"
|
||||
value="{{ form.last_name }}"
|
||||
id="learner_last_name"
|
||||
placeholder="e.g., Smith"
|
||||
name="last_name"
|
||||
/>
|
||||
</div>
|
||||
<div class="np-form-field">
|
||||
<label class="np-input-label login-text login-input-label" for="learner_email">
|
||||
Email
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
class="np-input login-input"
|
||||
value="{{ form.email }}"
|
||||
id="learner_email"
|
||||
placeholder="e.g., jane.smith@acme.com"
|
||||
name="email"
|
||||
/>
|
||||
</div>
|
||||
<input
|
||||
class="np-button np-button-big np-form-action login-button"
|
||||
name="commit"
|
||||
type="submit"
|
||||
value="{% t shared.enter %}"
|
||||
/>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<style>
|
||||
.np-open-access{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.sign-up-body{
|
||||
align-items: center;
|
||||
background: #0538BF;
|
||||
border-radius: 0;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sign-up-body-content-container{
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
justify-content: space-evenly;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.sign-in-text-content-wrapper{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.login-logo{
|
||||
height: 100px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.login-text{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.welcome-header{
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.welcome-subheader{
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.login-emoji-desktop{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.login-form-wrapper{
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.login-input-label{
|
||||
font-size: 14px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.login-input{
|
||||
background: #FEC311;
|
||||
border: 3px solid #FFFFFF;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.login-button{
|
||||
background: #FEC311;
|
||||
border: 2px solid #FFFFFF;
|
||||
color: #000000;
|
||||
font-size: 30px;
|
||||
margin-top: 30px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.login-button:hover{
|
||||
background: #0538BF;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.np-box-content-container{
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.login-text-content-wrapper{
|
||||
align-items: flex-start;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.login-logo{
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.login-text{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.welcome-header{
|
||||
font-size: 62px;
|
||||
}
|
||||
|
||||
.welcome-subheader{
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.login-emoji-mobile{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.login-emoji-desktop{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.login-form-wrapper{
|
||||
align-items: flex-end;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.login-form{
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1000px){
|
||||
.login-body-content-container{
|
||||
padding: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px){
|
||||
.welcome-header{
|
||||
font-size: 80px;
|
||||
}
|
||||
|
||||
.welcome-subheader{
|
||||
font-size: 36px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,8 +1,8 @@
|
||||
<script>
|
||||
{% comment %} <script>
|
||||
if(window.location.pathname === '/app/courses/ab4f0c0b-e506-42df-9e81-e97da5fe7d5b'){
|
||||
window.location.replace('/app/catalog')
|
||||
}
|
||||
</script>
|
||||
</script> {% endcomment %}
|
||||
{% include "header" %}
|
||||
<main class="np-main np-max-width np-page-container">
|
||||
<div class="np-hidden-mobile" id="course-desktop">
|
||||
|
||||
@ -5,60 +5,227 @@
|
||||
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/activatorBadge.png {% endcomment %}
|
||||
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/architectBadge.png {% endcomment %}
|
||||
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-header">
|
||||
<div class="np-resource-title">Hi {{current_person.first_name}}! 👋</div>
|
||||
{% comment %}<div class="np-resource-subtitle">This is what’s relevant to you right now in Competitive Advantage Academy</div>{%endcomment%}
|
||||
<div class="np-resource-subtitle">Take the courses. Get your certificates. Compete like you mean it.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% assign architect_course_done = false %}
|
||||
{% assign activator_course_done = false %}
|
||||
{% assign accelerator_course_done = false %}
|
||||
|
||||
<div class="row dashboard-section-courses">
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4">
|
||||
{% assign architect_course_in_progress = false %}
|
||||
{% assign activator_course_in_progress = false %}
|
||||
{% assign accelerator_course_in_progress = false %}
|
||||
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Activator Certification Course' %}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div class="np-dashboard-resources-title">
|
||||
Beginner
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
|
||||
{% assign architect_course_started = true %}
|
||||
{% assign activator_course_started = true %}
|
||||
{% assign accelerator_course_started = true %}
|
||||
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Architect Certification Course'%}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign architect_course_done = true %}
|
||||
{% elsif course.progress > 0 and course.progress < 100 %}
|
||||
{% assign architect_course_in_progress = true %}
|
||||
{% else %}
|
||||
{% assign architect_course_started = false %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if course.name == 'Activator Certification Course'%}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign activator_course_done = true %}
|
||||
{% elsif course.progress > 0 and course.progress < 100 %}
|
||||
{% assign activator_course_in_progress = true %}
|
||||
{% else %}
|
||||
{% assign activator_course_started = false %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if course.name == 'Accelerator Certification Course'%}
|
||||
{% if course.progress == 100 %}
|
||||
{% assign accelerator_course_done = true %}
|
||||
{% elsif course.progress > 0 and course.progress < 100 %}
|
||||
{% assign accelerator_course_in_progress = true %}
|
||||
{% else %}
|
||||
{% assign accelerator_course_started = false %}
|
||||
{% endif %}
|
||||
{%endif%}
|
||||
{% endfor %}
|
||||
|
||||
<section class="dashboard-section">
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="row np-flex-center heading">
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-header">
|
||||
<div class="np-resource-title"><span id="visitCount"></span>, {{current_person.first_name}}!
|
||||
|
||||
{% assign incomplete_course_count = 0 %}
|
||||
{% assign default_course = 'Architect Certification Course' %}
|
||||
|
||||
{% if architect_course_started == true and architect_course_done == false %}
|
||||
Ready to complete the Architect Certification Course?
|
||||
{% elsif activator_course_started == true and activator_course_done == false %}
|
||||
Ready to complete the Activator Certification Course?
|
||||
{% elsif accelerator_course_started == true and accelerator_course_done == false %}
|
||||
Ready to complete the Accelerator Certification Course?
|
||||
{% else %}
|
||||
{% if architect_course_done == false %}
|
||||
{% assign incomplete_course_count = incomplete_course_count | plus: 1 %}
|
||||
{% endif %}
|
||||
|
||||
{% if activator_course_done == false %}
|
||||
{% assign incomplete_course_count = incomplete_course_count | plus: 1 %}
|
||||
{% endif %}
|
||||
|
||||
{% if accelerator_course_done == false %}
|
||||
{% assign incomplete_course_count = incomplete_course_count | plus: 1 %}
|
||||
{% endif %}
|
||||
|
||||
{% if architect_course_done == true %}
|
||||
{% assign default_course = 'Activator Certification Course' %}
|
||||
{% endif %}
|
||||
|
||||
{% if incomplete_course_count > 1 and default_course != 'Architect Certification Course' %}
|
||||
Ready to complete the Accelerator Certification Course?
|
||||
{% elsif incomplete_course_count > 0 %}
|
||||
Ready to complete the {{ default_course }}?
|
||||
{% else %}
|
||||
{% if architect_course_done == true and activator_course_done == false and accelerator_course_done == false %}
|
||||
Ready to begin Accelerator Certification Course?
|
||||
{% elsif activator_course_done == true and accelerator_course_done == false and architect_course_done == false %}
|
||||
Ready to begin Architect Certification Course?
|
||||
{% elsif accelerator_course_done == true and activator_course_done == false and architect_course_done == false %}
|
||||
Ready to begin Architect Certification Course?
|
||||
{% else %}
|
||||
You've completed every available course. 🎉
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Architect Certification Course' %}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div class="np-dashboard-resources-title">
|
||||
Intermediate
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Accelerator Certification Course' %}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div class="np-dashboard-resources-title">
|
||||
Advanced
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
|
||||
</div>
|
||||
{% comment %}<div class="np-resource-subtitle">This is what’s relevant to you right now in Competitive Advantage Academy</div>{%endcomment%}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row dashboard-section-courses">
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4">
|
||||
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Activator Certification Course' %}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div class="np-dashboard-resources-title course-progress">
|
||||
{% if course.progress == 0 %}
|
||||
⛔️ NOT STARTED
|
||||
{% elsif course.progress > 0 and course.progress < 100%}
|
||||
✍️ IN PROGRESS
|
||||
{% elsif course.progress == 100 %}
|
||||
🎉 COMPLETE
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Architect Certification Course' %}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div class="np-dashboard-resources-title course-progress">
|
||||
{% if course.progress == 0 %}
|
||||
⛔️ NOT STARTED
|
||||
{% elsif course.progress > 0 and course.progress < 100%}
|
||||
✍️ IN PROGRESS
|
||||
{% elsif course.progress == 100 %}
|
||||
🎉 COMPLETE
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Accelerator Certification Course' %}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div class="np-dashboard-resources-title course-progress">
|
||||
{% if course.progress == 0 %}
|
||||
⛔️ NOT STARTED
|
||||
{% elsif course.progress > 0 and course.progress < 100%}
|
||||
✍️ IN PROGRESS
|
||||
{% elsif course.progress == 100 %}
|
||||
🎉 COMPLETE
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</section>
|
||||
{% include "footer" %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
<style>
|
||||
.dashboard-section, .np-dashboard {
|
||||
background: #89d9e1;
|
||||
}
|
||||
.course-progress {
|
||||
color: #fff;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.heading {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.np-resource-title {
|
||||
text-transform: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function incrementVisitCount() {
|
||||
var visitCount = getCookie('visitCount');
|
||||
if (visitCount) {
|
||||
visitCount = parseInt(visitCount) + 1;
|
||||
} else {
|
||||
visitCount = 1;
|
||||
}
|
||||
setCookie('visitCount', visitCount);
|
||||
|
||||
console.log(visitCount);
|
||||
|
||||
if (visitCount == 1) {
|
||||
document.getElementById('visitCount').innerHTML = "Welcome";
|
||||
}
|
||||
else document.getElementById('visitCount').innerHTML = "Welcome back";
|
||||
}
|
||||
|
||||
function getCookie(name) {
|
||||
var cookieName = name + "=";
|
||||
var decodedCookie = decodeURIComponent(document.cookie);
|
||||
var cookieArray = decodedCookie.split(';');
|
||||
for (var i = 0; i < cookieArray.length; i++) {
|
||||
var cookie = cookieArray[i];
|
||||
while (cookie.charAt(0) === ' ') {
|
||||
cookie = cookie.substring(1);
|
||||
}
|
||||
if (cookie.indexOf(cookieName) === 0) {
|
||||
return cookie.substring(cookieName.length, cookie.length);
|
||||
}
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function setCookie(name, value) {
|
||||
var expirationDate = new Date();
|
||||
expirationDate.setFullYear(expirationDate.getFullYear() + 1); // Ustawienie daty wygaśnięcia pliku cookie na za rok
|
||||
document.cookie = name + "=" + value + "; expires=" + expirationDate.toUTCString() + "; path=/";
|
||||
}
|
||||
|
||||
incrementVisitCount();
|
||||
</script>
|
||||
@ -1,30 +1,61 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
{% if features.learning_paths? %}
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t shared.learning_paths %}
|
||||
</div>
|
||||
{% include "learning_paths_index", items: learning_paths.enrolled %}
|
||||
{% endif %}
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
<main class="np-main-onboarding np-homepage-onboarding">
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="{{ homepage.artwork_url }}"
|
||||
alt="{{ homepage.headline }}"
|
||||
/>
|
||||
<div class="np-homepage-hero-content">
|
||||
<div class="np-homepage-headline np-header-font-color">
|
||||
{{ homepage.headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
{% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
|
||||
</div>
|
||||
{% if features.training_events? %}
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-4">
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t .upcoming_events %}
|
||||
</div>
|
||||
{% include "sub_navigation" %}
|
||||
<div class="np-homepage-featured np-max-width">
|
||||
<div class="np-homepage-featured-text">
|
||||
<div class="np-homepage-headline">
|
||||
{{ homepage.featured_courses_headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline">
|
||||
{{ homepage.featured_courses_subheadline }}
|
||||
</div>
|
||||
</div>
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="np-homepage-featured-courses row">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% comment %} {% if course.properties.featured_onboarding %} {% endif %}{% endcomment %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-homepage-featured-empty">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
{% include "training_events_dashboard" %}
|
||||
<img
|
||||
class="np-zero-state-courses"
|
||||
alt="{% t .empty, key: current_school.course_vocabulary %}"
|
||||
/>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
current_page: "/app/user-guides"
|
||||
<style>
|
||||
.np-main-onboarding {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.np-footer .np-sub-navigation {
|
||||
background: white !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,30 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
{% if features.learning_paths? %}
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t shared.learning_paths %}
|
||||
</div>
|
||||
{% include "learning_paths_index", items: learning_paths.enrolled %}
|
||||
{% endif %}
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
{% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
|
||||
</div>
|
||||
{% if features.training_events? %}
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-4">
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% t .upcoming_events %}
|
||||
</div>
|
||||
{% include "training_events_dashboard" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
current_page: "/app/user-guides"
|
||||
@ -14,25 +14,188 @@ body, html, div {
|
||||
.np-card-content{
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
.np-card-content-title{
|
||||
font-size: 1.1rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
.np-card-content-title{
|
||||
font-size: 1rem !important;
|
||||
}
|
||||
|
||||
.np-course-card-button{
|
||||
width: 8rem;
|
||||
width: 100%;
|
||||
font-size: 1.3rem;
|
||||
padding: 25px;
|
||||
border: 2px solid #000;
|
||||
|
||||
}
|
||||
|
||||
.course-button-container {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.purple-btn {
|
||||
background: #bc49dd;
|
||||
}
|
||||
|
||||
.orange-btn {
|
||||
background: #ff6d09;
|
||||
}
|
||||
|
||||
.red-btn {
|
||||
background: #d94a66;
|
||||
}
|
||||
/* ------------------------------------------------------------------------------------------------------ */
|
||||
/* Login Page Styles */
|
||||
.np-open-access{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.sign-up-body{
|
||||
align-items: center;
|
||||
background: #0538BF;
|
||||
border-radius: 0;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sign-up-body-content-container{
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
justify-content: space-evenly;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.sign-in-text-content-wrapper{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.login-logo{
|
||||
height: 100px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.login-text{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.welcome-header{
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.welcome-subheader{
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.login-emoji-desktop{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.login-form-wrapper{
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.login-input-label{
|
||||
font-size: 14px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.login-input{
|
||||
background: #FEC311;
|
||||
border: 3px solid #FFFFFF;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.login-button{
|
||||
background: #FEC311;
|
||||
border: 2px solid #FFFFFF;
|
||||
font-size: 30px;
|
||||
margin-top: 30px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.np-box-content-container{
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.login-text-content-wrapper{
|
||||
align-items: flex-start;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.login-logo{
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.login-text{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.welcome-header{
|
||||
font-size: 62px;
|
||||
}
|
||||
|
||||
.welcome-subheader{
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.login-emoji-mobile{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.login-emoji-desktop{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.login-form-wrapper{
|
||||
align-items: flex-end;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.login-form{
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 1000px){
|
||||
.login-body-content-container{
|
||||
padding: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px){
|
||||
.welcome-header{
|
||||
font-size: 80px;
|
||||
}
|
||||
|
||||
.welcome-subheader{
|
||||
font-size: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
.np-sub-navigation-content-item-link,
|
||||
.np-sub-navigation-content-item-inactive,
|
||||
.np-sub-navigation-content-item-active,
|
||||
.np-sub-navigation-content-item-icon {
|
||||
color: #2DC3D0 !important;
|
||||
}
|
||||
|
||||
.np-sub-navigation {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------------------------------------ */
|
||||
/* Achievements Panel */
|
||||
/* .np-dashboard-achievements-panel{
|
||||
background: #ffffff;
|
||||
height: 8rem;
|
||||
background: #ffffff;
|
||||
height: 8rem;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
@ -61,6 +224,11 @@ body, html, div {
|
||||
margin-right: -4rem;
|
||||
} */
|
||||
|
||||
.custom-course-description {
|
||||
font-size: 1.3rem;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
}
|
||||
@media (min-width: 395px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -4rem;
|
||||
@ -322,4 +490,4 @@ body, html, div {
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: 0rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user