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). diff --git a/_includes/heros/evergreen/hero-take5-campaign.html b/_includes/heros/evergreen/hero-take5-campaign.html index 5e87dbd5d..08379ef9d 100644 --- a/_includes/heros/evergreen/hero-take5-campaign.html +++ b/_includes/heros/evergreen/hero-take5-campaign.html @@ -1,5 +1,6 @@ +
@@ -14,10 +15,10 @@

Take 5

Learn A New Skill in 5 Minutes

-

Watch free video tutorials on design, development, accessibility, prototyping, UX, and career skills.

+

Watch free video tutorials on design, development, UX, prototyping, accessibility, and career skills.

diff --git a/js/hero-take5-campaign.js b/js/hero-take5-campaign.js new file mode 100644 index 000000000..297312cdd --- /dev/null +++ b/js/hero-take5-campaign.js @@ -0,0 +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 = 'Learn Something New'; + cta.setAttribute('href', baseUrl + baseUtm + 'learn-something-new'); +} else { + cta.innerHTML = 'Start Learning'; + cta.setAttribute('href', baseUrl + baseUtm + 'start-learning'); +}