From 54cf435a8a21277c2d2faa2083243cd3b837f9ae Mon Sep 17 00:00:00 2001
From: Norm Rasmussen <norman.rasmussen@me.com>
Date: Tue, 10 May 2022 17:06:08 -0400
Subject: [PATCH] dubber

---
 .../Dubber/homepage.html.liquid               | 67 +++++++++----------
 1 file changed, 32 insertions(+), 35 deletions(-)

diff --git a/NP_Custom_Templates/customer_templates/Dubber/homepage.html.liquid b/NP_Custom_Templates/customer_templates/Dubber/homepage.html.liquid
index 1e1ec0bc..4722d93d 100644
--- a/NP_Custom_Templates/customer_templates/Dubber/homepage.html.liquid
+++ b/NP_Custom_Templates/customer_templates/Dubber/homepage.html.liquid
@@ -1,8 +1,8 @@
 {% include "header", current_page_orgin: "false" %}
 <main class="np-main np-homepage">
-	<div class="np-homepage-hero">
+	<div class="np-homepage-hero" style="background: transparent">
 		<div class="np-homepage-hero-content">
-			<div class="np-homepage-headline is-animation np-header-font-color">
+			<div class="np-homepage-headline np-header-font-color" style="color: #fff">
 				{{ homepage.headline }}
 			</div>
 			<div class="np-homepage-subheadline np-header-font-color">
@@ -10,46 +10,24 @@
 			</div>
 		</div>
 	</div>
-	<svg class="homepage-waves__wave-1-container" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 150">
-		<path class="homepage-waves__wave-1 is-animation" d="M5984.23,101c-58.92-1.53-60.5-94.9-141.4-95.37-82.28-.48-87.5,94.18-169.31,92.18-60.28-1.48-80.93-94.31-149.31-92.66-67.51,1.64-83.1,87.24-155.81,86.28-49.22-.65-72-77.4-122.79-82.61-72.21-7.41-72.5,80.57-156.29,79.42-66.63-.92-68.81-87.51-123.81-85C4900.7,6.11,4893.8,95,4827.92,93.55c-51.81-1.16-71.73-83.71-114.42-86.1-72.39-4.06-85.27,88.17-160,89.29C4482.8,97.81,4484.4-.95,4432.57,0,4371.39,1.14,4356.11,93,4294,96.74c-60.14,3.67-78-94.36-142.33-94.61C4083,1.87,4077.21,104.19,4000,104.19c-50.91,0-68.57-98.87-121.86-98.87-59.83,0-80.93,104.18-157.22,102.05-60.56-1.68-68-101-142.92-101-60.32,0-69.95,101.3-156,100.61-46.95-.38-60-97-124.6-99.78C3224.62,4.08,3232.62,101,3148,107.37c-64,4.83-79.69-96.59-138.61-99.24-57.56-2.58-83.72,90.74-153.49,89.68-54.53-.83-79.4-95.2-142.33-94.61-63.24.59-85.42,94.22-156.28,93.54C2492.62,96.13,2493,11,2427,8.26c-77.22-3.19-61.83,95.8-153.5,94.86-52.48-.53-83-97.84-131.16-101C2077.9-2.09,2054,102.8,1984.23,101c-58.92-1.53-60.5-94.9-141.4-95.37-82.28-.48-87.5,94.18-169.31,92.18-60.28-1.48-80.93-94.31-149.31-92.66-67.51,1.64-83.1,87.24-155.81,86.28-49.22-.65-72-77.4-122.79-82.61-72.21-7.41-72.5,80.57-156.29,79.42-66.63-.92-68.81-87.51-123.81-85C900.7,6.11,893.8,95,827.92,93.55,776.11,92.39,756.19,9.84,713.5,7.45c-72.39-4.06-85.27,88.17-160,89.29C482.8,97.81,484.4-.95,432.57,0,371.39,1.14,356.11,93,294,96.74c-60.14,3.67-78-94.36-142.33-94.61C83,1.87,77.21,104.19,0,104.19V150H6000V99.52A65.85,65.85,0,0,1,5984.23,101Z"/>
-	</svg>
 	<div class="page-section homepage-navigation__section np-max-width">
 		<nav class="homepage-navigation__wrapper blocks-layout">
 			<div class="homepage-navigation__item-container">
 				<a class="homepage-navigation__item" href="/app/sec1-courses">
 					<div class="homepage-navigation__title">Dubber Section 1 Courses</div>
-					<svg class="animation-setup homepage-navigation__animation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 500">
-						<rect class="wave-background" width="820" height="500"/>
-						<path class="is-animation wave-1" d="M3005.11,89.36c-91.36,7.35-133.69,85.06-225.89,86.32-101.51,1.39-153.61-91.62-254.76-86.48-24.44,1.24-45.15,8.11-64.46,17.13-29.47,21.85-74.25,49.85-131.73,53.91-83.85,5.92-140.92-55.87-224.89-61.15-116.51-7.33-190.87,94.72-307.14,86.19C1691.79,177.61,1640.49,84.06,1536,91.41c-33.39,2.34-67,26.39-109.76,48.67-50.72,26.42-110.47,42.39-148.72,40.42-53.54-2.76-115-42-168-75-50.43-31.4-84.89-25.3-112-19-86,20-105.79,67-185.74,83.31C704.32,191.67,672.38,79.12,545.11,89.36c-91.36,7.35-133.69,85.06-225.89,86.32C217.71,177.07,165.61,84.06,64.46,89.2,40,90.44,19.31,97.31,0,106.33V500H3280V168c-2.68.65-5.42,1.26-8.24,1.84C3164.32,191.67,3132.38,79.12,3005.11,89.36Z"/>
-						<path class="is-animation wave-2" d="M3730.45,260.25c-120-5.81-196.63,75.09-316.42,68.33-53.8-3-93.91-23.1-134-41.67s-80.25-35.66-134.08-32.75c-96.57,5.22-129.79,84.72-226.2,77.16C2730.5,316.5,2702.5,230.5,2538.56,236.2,2428.32,240,2371.29,307.54,2261.12,310c-107,2.42-172.1-62-279-65.17-124.66-3.66-203.64,77-328,71.45-105.28-4.68-169.89-70.26-274.7-63.77C1285.29,258.37,1241.68,320,1146.7,321c-104.58,1.1-158.25-72.64-262.46-68.56-80.54,3.15-121.85,52-202.11,56.32-86.38,4.7-145.18-44.29-231.68-48.48-120-5.81-196.63,75.09-316.42,68.33-53.8-3-93.91-23.1-134-41.67V500H4100V265.23c-44.72,15.71-81.79,40.45-137.87,43.5C3875.75,313.43,3817,264.44,3730.45,260.25Z"/>
-						<path class="is-animation wave-3" d="M4633.5,350c-119.63,5.43-160.6,74.85-280.25,80.25-64.21,2.9-121.55-14.69-165.35-32.69-27.81-11.42-55.45-23.91-87.9-33.13a356,356,0,0,0-61.7-11.88c-32.77-3.36-64.14,1.32-69.65,1.91-120.15,13-162.15,65-270.15,82-76.36,12-225-12-320-57-34.64-16.41-83-38-197.61-37.71-200.91.52-277.94,78.63-432,72.88-130.44-4.87-210.48-73.08-340.33-66.33C2292,354.4,2238,418.47,2120.29,419.51c-129.56,1.15-196.06-75.55-325.17-71.31-99.78,3.28-151,54.05-250.4,58.58-107,4.88-179.86-46.07-287-50.42-148.71-6.05-243.61,78.1-392,71.06C732.36,421.1,666.89,344,533.5,350c-119.63,5.43-160.6,74.85-280.25,80.25C189,433.18,131.7,415.59,87.9,397.59,60.09,386.17,32.45,373.68,0,364.46V500H4920V422.28C4815.52,403.64,4750.74,344.7,4633.5,350Z"/>
-					</svg>
+					<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_achievement_icon.png" alt="">
 				</a>
 			</div>
 			<div class="homepage-navigation__item-container">
 				<a class="homepage-navigation__item" href="/app/sec2-courses">
 					<div class="homepage-navigation__title">Dubber Section 2 Courses</div>
-					<svg class="animation-pe homepage-navigation__animation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 500">
-						<rect class="burst-background is-animation" width="820" height="500"/>
-						<path class="burst-1 is-animation" d="M142-104C85.85-65.62,67.47-9.55,33,101-10.4,240.18-50.28,368.09,12,459c15.51,22.63,17.6,24.23,147,103,115,70,154.38,115.56,185,124,181.93,50.16,382.11-168,406-194,32.73-35.66,64.51-71.06,82-128,28.72-93.49-30.18-178.36-60-255C732.64,7.81,710-120.27,595-160c-20.51-7.09-111,12-227,28C277.77-119.55,170.68-123.61,142-104Z"/>
-						<path class="burst-2 is-animation" d="M254-57C170.71-4.13,141,84.32,118,153c-24.1,71.85-51.15,152.5-16,231,40.46,90.37,139,123.43,233,155,77.17,25.9,131.4,44.11,198,26,100.52-27.33,148.69-128.1,189-202,36-66,6.86-109.72-9-203C700.93,89,694.89,53.47,678,25,609.88-89.84,392.69-145,254-57Z"/>
-						<path class="burst-3 is-animation" d="M374-39c-88,20-92.17,91.22-123,139-40,62-111.14,103.54-119,151-14.85,89.67,84.27,177.54,175,221,96.63,46.28,243.56,69.1,312-10,38.53-44.54,37.08-102.32,38-206,1.23-138.5,7.89-184.61-29-216C585.82,4.11,555,30,484,12,442.69,1.53,395.16-43.81,374-39Z"/>
-						<path class="burst-4 is-animation" d="M436,59c47.53,8,54.71,50.13,103,137,28.57,51.38,61.75,82.65,57,111-10.77,64.28-94.72,102.5-153,112-60.82,9.91-166.45.39-203-74-37.35-76,25.33-163.08,44-189C297.8,136.84,362.78,46.6,436,59Z"/>
-						<path class="burst-5 is-animation" d="M423,162c-34.24,6-81.95,14.41-98,54-15.41,38,8.16,80.74,32,103,22.88,21.37,65.56,42.15,94,26,6.06-3.44,14-10,34-94,14.93-62.67,14-73.81,7-82C477.73,152.38,446.7,157.83,423,162Z"/>
-					</svg>
+					<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_achievement_icon.png" alt="">
 				</a>
 			</div>
 			<div class="homepage-navigation__item-container">
 				<a class="homepage-navigation__item" href="/app/sec3-courses">
 					<div class="homepage-navigation__title">Dubber Section 3 Courses</div>
-					<svg class="animation-network homepage-navigation__animation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 500">
-						<path class="wave-1 is-animation" d="M-52.35,800C-161.53,621.17-160.42,557.72-137.8,533.42c35.22-37.85,132.9,8.24,154.93-28.86,24.16-40.69-79.74-119.17-54.75-168.09,22-43.05,115.21-7.26,153.8-59.61,36.85-50-19.82-121.16,13.91-153.06,38-36,126.12,39.39,182.13.6,47.6-33,13.23-107.65,60.62-141.26,51.27-36.36,111.63,36.7,188.73,11.13,89.92-29.82,76-151.82,168.61-201.21C768.38-227.32,834-240.25,950-190.19"/>
-						<path class="wave-2 is-animation" d="M-52.35,800C-161.53,621.17-160.42,557.72-137.8,533.42c35.22-37.85,132.9,8.24,154.93-28.86,24.16-40.69-79.74-119.17-54.75-168.09,22-43.05,115.21-7.26,153.8-59.61,36.85-50-19.82-121.16,13.91-153.06,38-36,126.12,39.39,182.13.6,47.6-33,13.23-107.65,60.62-141.26,51.27-36.36,111.63,36.7,188.73,11.13,89.92-29.82,76-151.82,168.61-201.21C768.38-227.32,834-240.25,950-190.19"/>
-						<path class="wave-3 is-animation" d="M-52.35,800C-161.53,621.17-160.42,557.72-137.8,533.42c35.22-37.85,132.9,8.24,154.93-28.86,24.16-40.69-79.74-119.17-54.75-168.09,22-43.05,115.21-7.26,153.8-59.61,36.85-50-19.82-121.16,13.91-153.06,38-36,126.12,39.39,182.13.6,47.6-33,13.23-107.65,60.62-141.26,51.27-36.36,111.63,36.7,188.73,11.13,89.92-29.82,76-151.82,168.61-201.21C768.38-227.32,834-240.25,950-190.19"/>
-						<path class="wave-4 is-animation" d="M-52.35,800C-161.53,621.17-160.42,557.72-137.8,533.42c35.22-37.85,132.9,8.24,154.93-28.86,24.16-40.69-79.74-119.17-54.75-168.09,22-43.05,115.21-7.26,153.8-59.61,36.85-50-19.82-121.16,13.91-153.06,38-36,126.12,39.39,182.13.6,47.6-33,13.23-107.65,60.62-141.26,51.27-36.36,111.63,36.7,188.73,11.13,89.92-29.82,76-151.82,168.61-201.21C768.38-227.32,834-240.25,950-190.19"/>
-						<path class="wave-5 is-animation" d="M-52.35,800C-161.53,621.17-160.42,557.72-137.8,533.42c35.22-37.85,132.9,8.24,154.93-28.86,24.16-40.69-79.74-119.17-54.75-168.09,22-43.05,115.21-7.26,153.8-59.61,36.85-50-19.82-121.16,13.91-153.06,38-36,126.12,39.39,182.13.6,47.6-33,13.23-107.65,60.62-141.26,51.27-36.36,111.63,36.7,188.73,11.13,89.92-29.82,76-151.82,168.61-201.21C768.38-227.32,834-240.25,950-190.19"/>
-						<path class="wave-6 is-animation" d="M-52.35,800C-161.53,621.17-160.42,557.72-137.8,533.42c35.22-37.85,132.9,8.24,154.93-28.86,24.16-40.69-79.74-119.17-54.75-168.09,22-43.05,115.21-7.26,153.8-59.61,36.85-50-19.82-121.16,13.91-153.06,38-36,126.12,39.39,182.13.6,47.6-33,13.23-107.65,60.62-141.26,51.27-36.36,111.63,36.7,188.73,11.13,89.92-29.82,76-151.82,168.61-201.21C768.38-227.32,834-240.25,950-190.19"/>
-					</svg>
+					<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_achievement_icon.png" alt="">
 				</a>
 			</div>
 			<div class="homepage-navigation__button-container">
@@ -101,14 +79,33 @@
 				{% for course in courses.featured %}
 					{% include "cards_course", course: course, card_classes: card_classes %}
 				{% endfor %}
+			{% endif %}
 			</div>
 		</div>
-	{% endif %}
-	<svg class="homepage-waves__wave-2-container" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 150">
-		<path class="homepage-waves__wave-2 is-animation" d="M7818.66,2.13C7737.85-2.09,7707.9,102.8,7620.41,101c-73.85-1.53-75.84-94.9-177.26-95.37C7340,5.15,7333.46,99.81,7230.91,97.81c-75.58-1.48-101.46-94.31-187.18-92.66-84.64,1.64-104.18,87.24-195.33,86.28-61.7-.65-90.28-77.4-153.94-82.61-90.53-7.41-90.89,80.57-195.92,79.42-83.53-.92-86.27-87.51-155.22-85-81.25,2.91-89.9,91.83-172.48,90.35-65-1.16-89.93-83.71-143.44-86.1a115.28,115.28,0,0,0-27.4,1.9v.13c-67.84,13.2-89.79,86.4-173.18,87.4-88.63,1.06-86.63-97.7-151.61-96.74-76.69,1.13-95.84,93-173.76,96.74-75.39,3.67-97.77-94.36-178.43-94.61-86.08-.27-93.29,102.05-190.09,102.05-63.82,0-86-98.86-152.77-98.86-75,0-95,105.17-190.66,103-75.92-1.69-68-100-160-97-57.86,1.89-77.69,84.57-164,85-78.21.39-82-86-152-88-86.37-2.45-79.66,93.56-174.12,96.75-80.42,2.71-68.16-99-183.61-96.86C3879,9.81,3839.6,101,3762.7,101c-72.94,0-78.26-96.73-169.23-94.61-75.58,1.77-115.21,103-179.46,99.92C3355.25,103.49,3345.2,6,3266.65,7.22c-91.31,1.4-81.21,93.78-187.34,100.15-80.24,4.83-99.9-96.59-173.76-99.24-72.17-2.58-105,90.74-192.42,89.68C2644.77,97,2613.59,2.61,2534.7,3.2c-79.28.59-107.08,94.22-195.92,93.54-81-.61-80.6-85.76-163.26-88.48-96.8-3.19-77.51,95.8-192.42,94.86-65.79-.53-104.08-97.84-164.44-101C1737.85-2.09,1707.9,102.8,1620.41,101c-73.85-1.53-75.84-94.9-177.26-95.37C1340,5.15,1333.46,99.81,1230.91,97.81c-75.58-1.48-101.46-94.31-187.18-92.66C959.09,6.79,939.55,92.39,848.4,91.43,786.7,90.78,758.12,14,694.46,8.82c-90.53-7.41-90.89,80.57-195.92,79.42C415,87.32,412.27.73,343.32,3.2,262.07,6.11,253.42,95,170.84,93.55c-65-1.16-89.93-83.71-143.44-86.1A115.28,115.28,0,0,0,0,9.35V150H8000V102.47c-5.3.46-10.91.7-16.9.65C7917.31,102.59,7879,5.28,7818.66,2.13Z"/>
-	</svg>
-	<svg class="homepage-waves__wave-3-container" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 150">
-		<path class="homepage-waves__wave-3 is-animation" d="M7682.34,88.24c-107.48-.92-111-87.51-199.73-85C7378.07,6.11,7366.94,95,7260.68,93.55,7177.1,92.39,7145,9.84,7076.12,7.45,6959.34,3.39,6938.56,95.62,6818,96.74,6704,97.81,6706.56-.95,6623,0,6524.28,1.14,6499.63,93,6399.37,96.74c-97,3.67-125.8-94.36-229.58-94.61-83.25-.2-109.17,57.55-169.79,86.25-20,9.49-43.86,15.81-74.8,15.81-82.12,0-110.6-98.87-196.57-98.87-96.5,0-130.55,104.18-253.6,102.05C5377.34,105.69,5354.78,8.61,5231,9c-76,.24-124,96-227.95,98.37-103.33,2.36-128.55-96.59-223.59-99.24-92.85-2.58-135,90.74-247.59,89.68-88-.83-128.08-95.2-229.58-94.61-102,.59-137.79,94.22-252.09,93.54C3945.93,96.13,3946.48,11,3840.12,8.26c-124.54-3.19-99.73,95.8-247.59,94.86-84.65-.53-133.91-97.84-211.57-101C3277-2.09,3238.43,102.8,3125.86,101c-95-1.53-97.58-94.9-228.08-95.37-132.71-.48-141.14,94.18-273.1,92.18-97.24-1.48-130.55-94.31-240.85-92.66-108.9,1.64-134,87.24-251.33,86.28-79.39-.65-116.16-77.4-198.07-82.61C1818,1.41,1817.49,89.39,1682.34,88.24c-107.48-.92-111-87.51-199.73-85C1378.07,6.11,1366.94,95,1260.68,93.55,1177.1,92.39,1145,9.84,1076.12,7.45,959.34,3.39,938.56,95.62,818,96.74,704,97.81,706.56-.95,623,0,524.28,1.14,499.63,93,399.37,96.74c-97,3.67-125.8-94.36-229.58-94.61C86.54,1.93,60.62,59.68,0,88.38V150H8000V29.78c-19.27-10.91-40.27-19.35-65.57-21C7818,1.41,7817.49,89.39,7682.34,88.24Z"/>
-	</svg>
 </main>
-{% include "footer" %}
\ No newline at end of file
+{% include "footer" %}
+
+<style>
+
+main {
+	background: linear-gradient(145deg, #635bff, #b10bdf, #f52558, #48d4ff, #f9b45e);
+	background-size: 400% 350%;
+	animation: gradient 15s ease-in-out infinite;
+	height: 75vh;
+	margin-top: -100px;
+	padding-top: 100px;
+}
+
+@keyframes gradient {
+	0% {
+		background-position: 0% 79%;
+	}
+	50% {
+		background-position: 100% 22%;
+	}
+	100% {
+		background-position: 0% 79%;
+	}
+}
+
+</style>
\ No newline at end of file