From a2abf9d6cdae09b69984c3c7da30e4cdc855d152 Mon Sep 17 00:00:00 2001
From: nkalupahana <avishkank@gmail.com>
Date: Wed, 6 Mar 2024 21:38:26 -0600
Subject: [PATCH] Add AB test for blog text

---
 _includes/cta.html |  4 ++--
 _layouts/post.html | 13 +++++++++++--
 _sass/blog.scss    |  5 +++++
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/_includes/cta.html b/_includes/cta.html
index 7196780..921728c 100644
--- a/_includes/cta.html
+++ b/_includes/cta.html
@@ -1,6 +1,6 @@
 <div class="cta">
-    <h4>{{ include.title | default:"Start journaling today" }}</h4>
-    <p>
+    <h4 id="cta-title">{{ include.title | default:"Start journaling today" }}</h4>
+    <p id="cta-desc">
         baseline is a 100% free, non-profit operated, journaling and mood tracking service that's
         designed to help people better understand their mental health by building a journaling habit.
     </p>
diff --git a/_layouts/post.html b/_layouts/post.html
index 6eddb93..d00250e 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -45,8 +45,8 @@ <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}
     <div>
       <div class="sticky-box baseline-callout">
         <img src="/assets/therapy-sidebar.jpg" alt="Person using phone to journal" class="sidebar-image" />
-        <h3 class="sidebar-heading">Better mental health, within your reach</h3>
-        <p>Journaling is proven to improve mental health &mdash; and baseline makes it easy. Start today, 100% free and private.</p>
+        <h3 id="sidebar-heading" class="sidebar-heading">Better mental health, within your reach</h3>
+        <p id="sidebar-desc">Journaling is proven to improve mental health &mdash; and baseline makes it easy. Start today, 100% free and private.</p>
         <a id="blog_sidebar_clicked" href="/" class="baseline-button">Learn More</a>
       </div>
     </div>
@@ -114,4 +114,13 @@ <h3 class="sidebar-heading">Better mental health, within your reach</h3>
   localStorage.setItem("utm_source", "blog");
   localStorage.setItem("utm_campaign", '{{ page.title | downcase | split: " " | join: "_"}}');
 }
+
+posthog.onFeatureFlags(() => {
+  if (posthog.getFeatureFlag('new-blog-wording') === 'test') {
+    document.getElementById("sidebar-heading").innerHTML = "Take charge of your mental health";
+    document.getElementById("sidebar-desc").innerHTML = "Take the first step towards a healthier, happier life with baseline, a 100% free and private journaling app.";
+    document.getElementById("cta-title").innerHTML = "<b>Take charge of your mental health with baseline</b>";
+    document.getElementById("cta-desc").innerHTML = "baseline is a 100% free, non-profit operated app that takes a whole new approach to journaling.";
+  }
+})
 </script>
\ No newline at end of file
diff --git a/_sass/blog.scss b/_sass/blog.scss
index 2adeefc..619cace 100644
--- a/_sass/blog.scss
+++ b/_sass/blog.scss
@@ -33,4 +33,9 @@
 .post-preview-image {
     grid-area: image;
     border-radius: 8px;
+}
+
+#cta-title {
+    margin-bottom: 4px;
+    line-height: 125%;
 }
\ No newline at end of file