From 865deffa79d02b9f39bf307bc3a816681eff4e4d Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Wed, 20 Apr 2022 17:34:04 -0400
Subject: [PATCH] jnjn

---
 .../JnJVision/_cards_categories.html.liquid   |   2 +-
 .../JnJVision/_header.html.liquid             |   8 +-
 .../JnJVision/_homepage_events.html.liquid    |  22 +-
 .../JnJVision/homepage.html.liquid            |  39 +--
 .../JnJVision/styles.css.liquid               | 256 ++----------------
 5 files changed, 39 insertions(+), 288 deletions(-)

diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_cards_categories.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_cards_categories.html.liquid
index f763febc..399bcfab 100644
--- a/NP_Custom_Templates/customer_templates/JnJVision/_cards_categories.html.liquid
+++ b/NP_Custom_Templates/customer_templates/JnJVision/_cards_categories.html.liquid
@@ -1,4 +1,4 @@
-<div class="row categories-row">
+<div class="row categories-row" id="popular-topics">
     <div class="{{ class }}">
         <a class="np-card" href="/app/catalog?filter%5Bcategory_uuid%5D%5Bin%5D%5B%5D=e2baf8b8-471a-43de-94f2-c8314395f4a9">
           <div class="category-card-container">
diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_header.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_header.html.liquid
index 9a1cf0ad..9ad5ee6d 100644
--- a/NP_Custom_Templates/customer_templates/JnJVision/_header.html.liquid
+++ b/NP_Custom_Templates/customer_templates/JnJVision/_header.html.liquid
@@ -53,18 +53,18 @@
         {% endfor %}
          <li class= "np-header-desktop-nav-item">
             <a
-              href="#featured"
+              href="#popular-topics"
               class="np-header-desktop-nav-link np-header-font-color"
             >
-              Featured Courses
+              Popular Topics
             </a>
           </li>
            <li class= "np-header-desktop-nav-item">
             <a
-              href="#webinars"
+              href="#events"
               class="np-header-desktop-nav-link np-header-font-color"
             >
-              Webinars
+              Professional Events
             </a>
           </li>
            <li class= "np-header-desktop-nav-item">
diff --git a/NP_Custom_Templates/customer_templates/JnJVision/_homepage_events.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/_homepage_events.html.liquid
index 436f28ab..e75df98b 100644
--- a/NP_Custom_Templates/customer_templates/JnJVision/_homepage_events.html.liquid
+++ b/NP_Custom_Templates/customer_templates/JnJVision/_homepage_events.html.liquid
@@ -1,4 +1,4 @@
-<div class='events-wrapper' id="webinars">
+<div class='events-wrapper' id="events">
     <div class='events'>
         <div class='events-header'>
             <div class='events-header-title' style='color: black'>
@@ -16,9 +16,8 @@
                 <div class='events-event-left-date'>
                     June 12, 2022 @ 2PM EST
                 </div>
-                <button class='events-event-left-button np-button np-top-button'>
-                    Register
-                </button>
+                <a class='events-event-left-button np-button np-top-button' href="https://visionexcellence.northpass.com/app/training_sessions/3e968f0f-c548-4592-931e-cc0bdcc7fe89">
+                    Register</a>
             </div>
             <div class='events-event-right'>
                 <div class='events-event-right-title'>
@@ -60,9 +59,8 @@
                 <div class='events-event-left-date'>
                     July 17th, 2022
                 </div>
-                <button class='events-event-left-button np-button np-top-button'>
-                    Register
-                </button>
+                <a class='events-event-left-button np-button np-top-button' href="https://visionexcellence.northpass.com/app/training_sessions/85fc3148-2ab1-4c71-b261-79d15dadb573">
+                    Register</a>
             </div>
             <div class='events-event-right'>
                 <div class='events-event-right-title'>
@@ -86,10 +84,10 @@
 
 <style>
     .events-wrapper {
-      background-color:#f4f4f4;
-      background: url(https://s3.amazonaws.com/static.northpass.com/J%26J/conference-audience.jpg) no-repeat;
-      background-size: auto;
-      background-position: center;
+        background-color:#f4f4f4;
+        background: url(https://s3.amazonaws.com/static.northpass.com/J%26J/conference-audience.jpg) no-repeat;
+        background-size: auto;
+        background-position: center;
     }
 
     .events {
@@ -254,7 +252,7 @@
             margin: 40px auto 0;
         }
 
-         .events-event {
+        .events-event {
             padding: 50px 60px;
             display: flex;
         }
diff --git a/NP_Custom_Templates/customer_templates/JnJVision/homepage.html.liquid b/NP_Custom_Templates/customer_templates/JnJVision/homepage.html.liquid
index 9a3fcc6d..4b50c955 100644
--- a/NP_Custom_Templates/customer_templates/JnJVision/homepage.html.liquid
+++ b/NP_Custom_Templates/customer_templates/JnJVision/homepage.html.liquid
@@ -3,7 +3,7 @@
 <main class="np-main np-homepage">
   {% include "homepage_hero_carousel" %}
   {% comment %} {% include "sub_navigation" %} {% endcomment %}
-<div class="np-subpage-container" id="featured">
+<div class="np-subpage-container">
   <div class="row intro-row" style="margin-top:64px;">
     <div class="col-12 col-md-6 col-lg-7">
       <div class="homepage-intro">
@@ -20,45 +20,12 @@
       <a href="{% route catalog %}" class="catalog-card">
         <p class="catalog-card-header">Course Library</p>
 
-        <p class="catalog-card-subhead">Click here to explore our catalog of courses&nbsp;<i class="fa fa-arrow-right"></i></p>
+        <p class="catalog-card-subhead">Click here to explore our catalog of courses&nbsp;<i class="fal fa-long-arrow-right"></i></p>
       </a>
     </div>
   </div>
+  
   {% include "cards_categories", class: "col-xs-12 col-sm-6 col-md-4 col-lg-3" %}
-  <div class="row">
-
-    {% comment %} <div class="col-12 col-lg-8">
-      <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" style='opacity: 50%'>
-          {{ 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-sm-8  col-md-12" style="margin:auto;">
-              {% 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>
-    </div> {% endcomment %}
-  </div>
 
 </div>
 
diff --git a/NP_Custom_Templates/customer_templates/JnJVision/styles.css.liquid b/NP_Custom_Templates/customer_templates/JnJVision/styles.css.liquid
index 931489dd..08646b84 100644
--- a/NP_Custom_Templates/customer_templates/JnJVision/styles.css.liquid
+++ b/NP_Custom_Templates/customer_templates/JnJVision/styles.css.liquid
@@ -50,14 +50,22 @@
 
 @font-face {
 	font-family: "PlusJakartaSans";
-	src: url(https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Regular.woff) format('woff');
+	src: url("https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Regular.woff") format('woff');
+	src: url("https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Regular.ttf") format("truetype");
 	font-weight: normal;
+	font-style:normal;
 }
 
 @font-face {
 	font-family: "PlusJakartaSans";
-	src: url(https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Bold.woff) format('woff');
+	src: url("https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Bold.woff") format('woff');
+	src: url("https://s3.amazonaws.com/static.northpass.com/fonts/PlusJakartaSans-Bold.ttf") format("truetype");
 	font-weight: bold;
+	font-style:normal;
+}
+
+html, body {
+	font-family: "PlusJakartaSans", "Roboto", sans-serif!important;
 }
 
 body {
@@ -689,6 +697,7 @@ button.jryxug {
 .np-card-container-training-session {
 	border-radius: 0;
 	box-shadow: none;
+	border: 1px solid #63666a;
 }
 
 .np-card-padding,
@@ -857,7 +866,7 @@ button.jryxug {
 }
 .np-card-content-training-event .np-card-content-title,
 .np-card-content-training-event .np-card-content-subtitle {
-	color: #fff;
+	color: black;
 }
 .np-card-content-training-event .np-card-content-subtitle {
 	opacity: 0.5;
@@ -872,6 +881,7 @@ button.jryxug {
 	justify-content: space-between;
 	align-items: center;
 	margin-right: -10px;
+	border: 1px solid #63666a;
 }
 
 .np-card-training-session .np-card-content-label {
@@ -885,18 +895,19 @@ button.jryxug {
 .np-card-training-session-date-year,
 .np-card-training-session-date-month {
 	text-align: right;
-	color: #fff;
+	color: black;
 }
 
 .np-training-session .np-card-training-session-date-year,
 .np-training-session .np-card-training-session-date-month {
 	text-align: left;
+	margin-left: 15px;
 }
 
 .np-card-training-session-date-day {
 	margin-right: 0;
 	margin-left: 5px;
-	color: #fff;
+	color: #cc0033;
 }
 
 .np-card-training-session-date-year {
@@ -917,10 +928,11 @@ button.jryxug {
 }
 
 .np-card-training-sessions-label {
-	color: #fff;
+	color: #cc0033;
 }
 .np-event-card .np-card-container {
 	height: 100%;
+	border: 1px solid #63666a
 }
 .np-card-training-sessions {
 	background: transparent;
@@ -1016,8 +1028,8 @@ button.jryxug {
 @media (min-width: 1170px) {
 
 	.np-course-banner .np-course-title {
-		font-size: 55px;
-    line-height: 62px;
+		font-size: 40px;
+    line-height: 55px;
 	}
 
 	.np-course-banner-info .np-course-details {
@@ -1035,7 +1047,7 @@ button.jryxug {
 
 .np-course-detail {
 	font-size: 1.125rem;
-	color: #000000;
+	color: #fff;
 	flex: 0 1 calc(33.33%);
 }
 
@@ -1362,232 +1374,6 @@ button.jryxug {
 	}
 }
 
-/*
-    3.16 - CAROUSEL - INSTRUCTORS
-*/
-.instructors-carousel .instructor-slide {
-	display: flex !important;
-	align-items: center;
-}
-.instructors-carousel .instructor-image {
-	border-radius: 50%;
-	width: 100px;
-	height: 100px;
-	min-width: 100px;
-	background: #555269;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	margin-right: 16px;
-}
-
-.instructors-carousel .instructor-image img {
-	border-radius: 50%;
-	width: 80px;
-	height: 80px;
-}
-
-.instructors-carousel .instructor-name {
-	font-size: 18px;
-	line-height: 22px;
-	font-weight: bold;
-}
-
-.instructors-carousel .instructor-email {
-	font-size: 14px;
-	line-height: 18px;
-	font-weight: 500;
-	color: #2bb24c;
-	text-decoration: none;
-}
-
-.instructors-carousel .instructor-joined {
-	font-size: 14px;
-	line-height: 20px;
-	font-weight: 500;
-	opacity: 0.5;
-	margin-top: 16px;
-}
-
-@media (min-width: 1024px) {
-	.instructors-carousel {
-		margin-top: 32px;
-	}
-
-	.instructors-carousel .instructor-image {
-		width: 160px;
-		height: 160px;
-		min-width: 160px;
-		margin-right: 22px;
-	}
-
-	.instructors-carousel .instructor-image img {
-		width: 120px;
-		height: 120px;
-	}
-	.instructors-carousel .instructor-name {
-		font-size: 20px;
-		line-height: 25px;
-	}
-	.instructors-carousel .instructor-email {
-		font-size: 16px;
-		line-height: 20px;
-	}
-	.instructors-carousel .instructor-joined {
-		font-size: 16px;
-		margin-top: 20px;
-	}
-}
-
-/*
-    3.17 - HOMEPAGE SECTION - FEATURED PHOTOGRAPHY
-*/
-
-.featured-photography-carousel {
-	margin: 0 22px 3rem;
-	padding: 2rem 0;
-}
-.featured-photography-carousel .slick-track {
-	padding: 0 2rem;
-}
-.featured-photography-carousel .slick-arrow {
-	margin: 0 -10px;
-}
-
-.featured-photography-carousel .slide-label {
-	font-size: 0.9375rem;
-	margin-top: 8px;
-	font-weight: 600;
-}
-
-@media (min-width: 768px) {
-	.featured-photography-carousel {
-		margin: 0 2rem 3rem;
-	}
-	.featured-photography-carousel .slick-arrow {
-		margin: 0;
-	}
-}
-
-@media (min-width: 1024px) {
-	.featured-photography-carousel {
-		margin: 0 4.0625rem 3rem;
-	}
-}
-
-/*
-    3.18 - HOMEPAGE SECTION - TIPS & TRICKS
-*/
-
-.tips-tricks-carousel {
-	margin: 0 4% 3rem;
-}
-
-.tips-tricks-carousel .quote-block {
-	padding: 1.5rem;
-	font-size: 16px;
-	line-height: 20px;
-	font-weight: 400;
-	position: relative;
-	max-width: 752px;
-	margin: 0 2.5rem;
-}
-
-.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-left:before,
-.tips-tricks-carousel.np-carousel .slick-arrow.fa-chevron-right:before {
-	background: none;
-}
-
-.tips-tricks-carousel .quotes-left {
-	font-size: 32px;
-	position: absolute;
-	top: 0px;
-	left: -30px;
-	background: linear-gradient(170.43deg, #298e4e 4.83%, #035161 92.25%);
-	-webkit-background-clip: text;
-	-webkit-text-fill-color: transparent;
-}
-
-.tips-tricks-carousel .quote-author-info {
-	font-size: 17px;
-	padding-right: 1.5rem;
-	text-align: right;
-	margin: 1rem 2.5rem 0;
-}
-
-.tips-tricks-carousel .quote-author-info span {
-	font-size: 15px;
-	font-weight: 500;
-	opacity: 0.5;
-}
-
-@media (min-width: 1024px) {
-	.tips-tricks-carousel {
-		margin: 0 4.0625rem 3rem;
-	}
-
-	.tips-tricks-carousel .np-carousel-card {
-		display: flex !important;
-		align-items: center;
-		margin: 0 120px 0 180px;
-	}
-
-	.tips-tricks-carousel .quote-block {
-		padding: 3.75rem;
-		font-size: 24px;
-		line-height: 30px;
-		margin: 0;
-	}
-
-	.tips-tricks-carousel .quotes-left {
-		font-size: 50px;
-		top: 15px;
-		left: -30px;
-	}
-
-	.tips-tricks-carousel .quote-author-info {
-		font-size: 20px;
-		margin: 0;
-		margin-left: 48px;
-		padding: 0;
-		text-align: left;
-	}
-
-	.tips-tricks-carousel .quote-author-info span {
-		font-size: 16px;
-	}
-}
-
-@media (min-width: 1024px) and (max-width: 1440px) {
-	.tips-tricks-carousel {
-		margin: 0 4.514vw 3rem;
-	}
-
-	.tips-tricks-carousel .np-carousel-card {
-		margin: 0 8.333vw 0 12.5vw;
-	}
-
-	.tips-tricks-carousel .quote-block {
-		padding: 3.472vw;
-		font-size: 1.667vw;
-		line-height: 2.083vw;
-		max-width: 52.222vw;
-	}
-
-	.tips-tricks-carousel .quotes-left {
-		font-size: 3.472vw;
-		top: 1.042vw;
-		left: -2.083vw;
-	}
-
-	.tips-tricks-carousel .quote-author-info {
-		font-size: 1.389vw;
-		margin-left: 3.333vw;
-	}
-	.tips-tricks-carousel .quote-author-info span {
-		font-size: 1.111vw;
-	}
-}
 
 /*
     3.19 - HOMEPAGE SECTION - FAQ