Updated Harri Script from Charlie, a bunch of notes and todos for clients.
This commit is contained in:
@ -0,0 +1,143 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/Terminus/terminus-LMS-academy-3+Homepage+Header.jpg"
|
||||
/>
|
||||
</div>
|
||||
{% 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">
|
||||
<div class="np-dashboard-resources-title">
|
||||
FEATURED COURSES
|
||||
</div>
|
||||
{% if courses.featured.any? %}
|
||||
<div class="np-homepage-featured-courses row">
|
||||
{% for course in courses.featured %}
|
||||
<div class="col-xs-12 np-stretch-content">
|
||||
{% include "cards_featured_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-homepage-featured-empty">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-courses"
|
||||
alt="{% t .empty, key: current_school.course_vocabulary %}"
|
||||
/>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if features.training_events? %}
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-4">
|
||||
<div class="np-dashboard-resources-title">
|
||||
UPCOMING EVENTS
|
||||
</div>
|
||||
{% include "training_events_dashboard" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-resources-title">
|
||||
POPULAR TOPICS
|
||||
</div>
|
||||
{% include 'popular_topics' %}
|
||||
</div>
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-resources-title" style="margin-top: 20px;">
|
||||
ADDITIONAL RESOURCES
|
||||
</div>
|
||||
{% include 'additional_resources' %}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% else %}
|
||||
{% include 'public_homepage' %}
|
||||
{% endif %}
|
||||
{% include "footer" %}
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
<style>
|
||||
.np-sub-navigation {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-content {
|
||||
background: #fff;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-image {
|
||||
object-fit: cover;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-container {
|
||||
flex-direction: row;
|
||||
min-height: 260px;
|
||||
box-shadow: none;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #bac4ca;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-content-title {
|
||||
color: #5087c7;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-content-footer {
|
||||
flex-direction: column;
|
||||
align-items: normal;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-button {
|
||||
width: 40%;
|
||||
margin-right: 10px;
|
||||
background-color: #feac1a;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.course-button-container {
|
||||
margin-top: 15px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.course-button-container > span {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.np-homepage-featured-courses .np-card-image {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-content {
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.np-homepage-featured-courses .np-card-image {
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-left-radius: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
Reference in New Issue
Block a user