From 517fc9c5a7bffbebde3219bf4f1abd9abcace2f7 Mon Sep 17 00:00:00 2001
From: jgagne <justin.gagne@montserrat.edu>
Date: Tue, 7 Jan 2025 15:23:21 -0500
Subject: [PATCH 1/4] Update Take 5 evergreen hero

- Update language (topics order)
- Update CTA markup
- Add CTA random A/B script
---
 _includes/heros/evergreen/hero-take5-campaign.html |  5 +++--
 js/hero-take5-campaign.js                          | 11 +++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)
 create mode 100644 js/hero-take5-campaign.js

diff --git a/_includes/heros/evergreen/hero-take5-campaign.html b/_includes/heros/evergreen/hero-take5-campaign.html
index 5e87dbd5d..69e3fa533 100644
--- a/_includes/heros/evergreen/hero-take5-campaign.html
+++ b/_includes/heros/evergreen/hero-take5-campaign.html
@@ -1,5 +1,6 @@
 <link rel="preload" href="{{ site.url }}/img/take5/posters/gym-5019-hero.jpg?{{ site.time | date:'%s' }}" as="image" media="(min-width: 75em)">
 <link rel="stylesheet" href="{{ site.url }}/css/heros/hero-take5-campaign.css?{{ site.time | date:'%s' }}" fetchpriority="high">
+<script async src="{{ site.url }}/js/hero-take5-campaign.js"></script>
 
 <div class="hero-promo" id="hero-take5-campaign">
   <div class="hero-content-art">
@@ -14,10 +15,10 @@
       <header>
         <h2><span class="take5-brand-kern">Take 5</span></h2>
         <h1>Learn A New Skill in 5 Minutes</h1>
-        <p class="description">Watch free video tutorials on design, development, accessibility, prototyping, UX, and career skills.</p>
+        <p class="description">Watch free video tutorials on design, development, UX, prototyping, accessibility, and career skills.</p>
       </header>
       <div class="cta">
-        <a class="gym-button natural" href="https://thegymnasium.com/courses/take5"><b>Learn Something New</b></a>
+        <a class="gym-button natural" id="cta-take5" href="https://thegymnasium.com/courses/take5"><b>Learn Something New</b></a>
       </div>
     </div>
   </div>
diff --git a/js/hero-take5-campaign.js b/js/hero-take5-campaign.js
new file mode 100644
index 000000000..e5d9cf92e
--- /dev/null
+++ b/js/hero-take5-campaign.js
@@ -0,0 +1,11 @@
+var cta = document.getElementById('cta-take5');
+var randomNum = Math.floor(Math.random() * 2) + 1;
+var baseUrl = 'https://thegymnasium.com/courses/take5';
+
+if (randomNum === 1) {
+  cta.innerHTML = '<b>Learn Something New</b>';
+  cta.setAttribute('href', `${baseUrl}?utm_content=learn-something-new`);
+} else {
+  cta.innerHTML = '<b>Start Learning</b>';
+  cta.setAttribute('href', `${baseUrl}?utm_content=start-learning`);
+}

From 35117399bd893284c8a871a26cda557649dad5ea Mon Sep 17 00:00:00 2001
From: jgagne <justin.gagne@montserrat.edu>
Date: Tue, 7 Jan 2025 15:23:36 -0500
Subject: [PATCH 2/4] Update home page hero

- Update promo
---
 _data/hero.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/_data/hero.yml b/_data/hero.yml
index e985c7a1a..3c6b32c32 100644
--- a/_data/hero.yml
+++ b/_data/hero.yml
@@ -1,5 +1,5 @@
-current_promo: articles/hero-article.html
-auth_promo: articles/hero-article.html
+current_promo: evergreen/hero-take5-campaign.html
+auth_promo: evergreen/hero-take5-campaign.html
 
 # Livestream
 # Set true/false (lowercase).

From 809b657b9ef20ed3346c6e4b6a4e75ddb665d5c8 Mon Sep 17 00:00:00 2001
From: jgagne <justin.gagne@montserrat.edu>
Date: Tue, 7 Jan 2025 17:26:58 -0500
Subject: [PATCH 3/4] Update Take 5 evergreen hero

- Update CTA random A/B script
---
 js/hero-take5-campaign.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/js/hero-take5-campaign.js b/js/hero-take5-campaign.js
index e5d9cf92e..297312cdd 100644
--- a/js/hero-take5-campaign.js
+++ b/js/hero-take5-campaign.js
@@ -1,11 +1,12 @@
 var cta = document.getElementById('cta-take5');
 var randomNum = Math.floor(Math.random() * 2) + 1;
 var baseUrl = 'https://thegymnasium.com/courses/take5';
+var baseUtm = '?utm_medium=banner&utm_source=hero&utm_content=';
 
 if (randomNum === 1) {
   cta.innerHTML = '<b>Learn Something New</b>';
-  cta.setAttribute('href', `${baseUrl}?utm_content=learn-something-new`);
+  cta.setAttribute('href', baseUrl + baseUtm + 'learn-something-new');
 } else {
   cta.innerHTML = '<b>Start Learning</b>';
-  cta.setAttribute('href', `${baseUrl}?utm_content=start-learning`);
+  cta.setAttribute('href', baseUrl + baseUtm + 'start-learning');
 }

From df9a5d0e3c0fedd6598066efcd5fb83face41366 Mon Sep 17 00:00:00 2001
From: jgagne <justin.gagne@montserrat.edu>
Date: Tue, 7 Jan 2025 22:45:41 -0500
Subject: [PATCH 4/4] Update Take 5 evergreen hero

- Add script priority hint
---
 _includes/heros/evergreen/hero-take5-campaign.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_includes/heros/evergreen/hero-take5-campaign.html b/_includes/heros/evergreen/hero-take5-campaign.html
index 69e3fa533..08379ef9d 100644
--- a/_includes/heros/evergreen/hero-take5-campaign.html
+++ b/_includes/heros/evergreen/hero-take5-campaign.html
@@ -1,6 +1,6 @@
 <link rel="preload" href="{{ site.url }}/img/take5/posters/gym-5019-hero.jpg?{{ site.time | date:'%s' }}" as="image" media="(min-width: 75em)">
 <link rel="stylesheet" href="{{ site.url }}/css/heros/hero-take5-campaign.css?{{ site.time | date:'%s' }}" fetchpriority="high">
-<script async src="{{ site.url }}/js/hero-take5-campaign.js"></script>
+<script async src="{{ site.url }}/js/hero-take5-campaign.js" fetchpriority="high"></script>
 
 <div class="hero-promo" id="hero-take5-campaign">
   <div class="hero-content-art">