Downloaded WoodMac Learn templates for the first time. Added some tasks for WML. Re-downloaded SPS to reference some code. SPS's app says all templates were last uploaded in April 18 2025. Last local changes (my hunch is downloaded) on my machine is May 13, 2025.
This commit is contained in:
@ -0,0 +1,125 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
<main class="np-main np-homepage">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
{% include "sub_navigation" %}
|
||||
|
||||
<div class="np-featured-intro">
|
||||
<p class="np-featured-text">
|
||||
Discover your path: select a <strong>Course Category</strong> to start learning or go to <strong>Dashboard</strong> to pickup where you left off
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="np-homepage-featured np-max-width">
|
||||
<div class="np-homepage-featured-text">
|
||||
<div class="np-homepage-featured-headline">
|
||||
Featured courses
|
||||
</div>
|
||||
<div class="np-homepage-subheadline">
|
||||
{{ homepage.featured_courses_subheadline }}
|
||||
</div>
|
||||
</div>
|
||||
{% if courses.featured.any? %}
|
||||
<div class="np-homepage-featured-courses row">
|
||||
{% for course in courses.featured %}
|
||||
{% include "cards_course_featured" with course %}
|
||||
{% 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>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
|
||||
<style>
|
||||
.np-homepage-hero .np-homepage-headline {
|
||||
font-size: 35px;
|
||||
color: #ffffff;
|
||||
font-weight: normal;
|
||||
font-family: "arial", "Marope";
|
||||
}
|
||||
|
||||
|
||||
.np-homepage-hero .np-homepage-subheadline{
|
||||
font-size: 35px;
|
||||
color: #ffffff!important;
|
||||
font-weight: normal;
|
||||
font-family: "arial", "Marope";
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.np-homepage-hero-content {
|
||||
padding: 36px 24px;
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: end;
|
||||
}
|
||||
|
||||
|
||||
.np-featured-intro{
|
||||
text-align: center;
|
||||
color: #010063;
|
||||
font-size: 22px;
|
||||
|
||||
}
|
||||
|
||||
.np-homepage-featured-headline{
|
||||
color: #010063 !important;
|
||||
font-size: 35px;
|
||||
font-weight: bold;
|
||||
font-family: "arial", "Marope";
|
||||
}
|
||||
|
||||
@media (max-width: 1617px) and (min-width: 768px) {
|
||||
.np-homepage-hero .np-homepage-headline {
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-subheadline {
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.np-homepage-hero .np-homepage-headline{
|
||||
font-size: 30px;
|
||||
}
|
||||
.np-homepage-hero .np-homepage-subheadline {
|
||||
font-size: 30px;
|
||||
line-height: 2rem;
|
||||
}
|
||||
.np-homepage-hero-content {
|
||||
text-align: left;
|
||||
margin-right: 25px;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user