Scenario JS Snippet and Notes

This commit is contained in:
Norm Rasmussen
2023-01-16 07:18:26 -05:00
parent ebae6f1b05
commit 16bc77ceb7
14 changed files with 522 additions and 427 deletions

View File

@ -1,21 +1,24 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.featured %}
<main class="np-main np-homepage">
{% comment %}<div class="np-homepage-hero" >{% endcomment %}
<div class="np-homepage-hero" style="background: #34abe2; top: -1.95rem; height: 14.8rem;">
<img class="np-homepage-hero-image"
src="{{ homepage.artwork_url }}"
alt="{{ homepage.headline }}"
/>
<div class="np-homepage-hero-content homepage-only-hero">
<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 "messages" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
<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>
<main class="np-main np-homepage">
{% include "sub_navigation" %}
<div class="np-homepage-featured np-max-width">
<div class="np-homepage-featured-text">
@ -49,7 +52,7 @@
{% endif %}
</div>
{% comment %}{% include "section_popular_topics" %}{% endcomment %}
{% include "section_popular_topics" %}
{% comment %}{% include "section_tips_tricks" %}{% endcomment %}
@ -58,6 +61,14 @@
</main>
{% include "footer" %}
<style>
.np-homepage-hero{
background: #34abe2;
margin-bottom: -2rem;
margin-top: -3rem;
padding-top: 1rem;
z-index: -1;
}
@media screen and (min-width: 420px) {
.np-homepage-hero-content {
padding-bottom: 5rem;