Tons of Solutions Engineering work done today for the rest of the CS team! Headway, Howard Hanna, Engels, Brighton, etc. Also completed Datasnippers auth flow and worked on Anthology's script. Cloned Anthology's courses (900..) and will clone Full Story on Monday.

2024-01-05 17:07:59 -05:00
parent ce261975ca
commit a5fe4bd2c8
3157 changed files with 554269 additions and 16 deletions
--- a/Custom_Templates/customer_templates/Headway/homepage.html.liquid
+++ b/Custom_Templates/customer_templates/Headway/homepage.html.liquid
@ -0,0 +1,158 @@
+{% 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-hero-content-headers">
+        <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>
+      <a class="np-homepage-hero-cta np-button" href="#courses-carousels">
+        See Courses
+      </a>
+    </div>
+  </div>
+  {% include "sub_navigation" %}
+  {% comment %} <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.featured.any? %}
+      <div class="np-homepage-featured-courses row">
+        {% for course in courses.featured %}
+          <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>
+        <img
+          class="np-zero-state-courses"
+          alt="{% t .empty, key: current_school.course_vocabulary %}"
+        />
+      </div>
+    {% endif %}
+    <div class="view-all-button-container">
+      <a href="/catalog" class="view-all-button">View all</a>
+    </div>
+  </div> {% endcomment %}
+
+  {% include 'homepage_category_carousels' %}
+</main>
+{% include "footer" %}
+
+<style>
+  body {
+    background-color: transparent !important;
+  }
+
+  .np-homepage-hero {
+    padding-bottom: 32px;
+  }
+
+  .np-homepage-hero::after {
+    content: '';
+    position: absolute;
+    left: 64px;
+    right: 64px;
+    bottom: 0;
+    border-bottom: 1px solid #DADCE0;
+  }
+
+  .np-homepage-hero-content {
+    padding: 36px 56px;
+    width: -webkit-fill-available;
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    height: -webkit-fill-available;
+    justify-content: center;
+  }
+
+  .np-homepage-hero-cta {
+    margin-top: 70px;
+  }
+
+  .np-homepage-featured-text {
+    align-items: flex-start;
+  }
+
+  .np-homepage-hero-content-headers {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .np-homepage-headline {
+    font-weight: unset;
+  }
+    
+  .np-homepage-featured {
+    margin-bottom: 36px;
+  }
+
+  .np-homepage-headline {
+    font-size: 2rem;
+  }
+
+  .category-carousel-title .np-homepage-subheadline {
+    font-size: 1.25rem;
+  }
+
+  .category-carousel-title .np-homepage-subheadline {
+    color: #353535;
+    opacity: 1;
+  }
+
+  .np-homepage-featured .np-homepage-headline {
+    font-size: 1.75rem;
+  }
+
+  .col-xs-12.col-md-6.col-lg-4.np-stretch-content {
+    margin-bottom: 20px;
+  }
+
+  .view-all-button-container {
+    display: flex;
+    justify-content: center;
+  }
+
+  .view-all-button {
+    color: #353535;
+    text-decoration: none;
+    border-bottom: 1px solid #DADCE0;
+  }
+
+  @media screen and (min-width: 768px) {
+    .np-homepage-featured .np-homepage-headline,
+    .category-carousel-title .np-homepage-headline {
+      font-size: 2.5rem;
+    }
+
+    .category-carousel-title .np-homepage-subheadline {
+      font-size: 1.25rem;
+    }
+
+    .np-homepage-hero .np-homepage-headline {
+      font-size: 3.5rem;
+    }
+  }
+</style>