Newsletter slice (#1005)

* Adds background image yo the newsletter slice * updates strip image * fixes typo
redbadger · Dec 13, 2021 · c93df3a · c93df3a
1 parent 751a896
commit c93df3a
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 3 deletions.
diff --git a/site/pages/home/__snapshots__/test.js.snap b/site/pages/home/__snapshots__/test.js.snap
@@ -1012,7 +1012,7 @@ Array [
       <span
         class="subTitle"
       >
-        Be the first to hear about webinars, events blogs and more.
+        Be the first to hear about webinars, events, blogs and more.
       </span>
     </h2>
     <div

diff --git a/site/pages/home/hubspot-signup/__snapshots__/test.js.snap b/site/pages/home/hubspot-signup/__snapshots__/test.js.snap
@@ -12,7 +12,7 @@ exports[`site/pages/home/hubspot-signup renders correctly 1`] = `
     <span
       class="subTitle"
     >
-      Be the first to hear about webinars, events blogs and more.
+      Be the first to hear about webinars, events, blogs and more.
     </span>
   </h2>
   <div

diff --git a/site/pages/home/hubspot-signup/images/website-newsletter-strip.png b/site/pages/home/hubspot-signup/images/website-newsletter-strip.png
diff --git a/site/pages/home/hubspot-signup/index.js b/site/pages/home/hubspot-signup/index.js
@@ -13,7 +13,7 @@ export default function HubspotSignup() {
       <h2 className={styles.title}>
         Sign up to Badger News
         <span className={styles.subTitle}>
-          Be the first to hear about webinars, events blogs and more.
+          Be the first to hear about webinars, events, blogs and more.
         </span>
       </h2>
       <div

diff --git a/site/pages/home/hubspot-signup/style.css b/site/pages/home/hubspot-signup/style.css
@@ -16,6 +16,9 @@
 
 .newsletter {
   composes: dividerBlack;
+  background-image: url('./images/website-newsletter-strip.png');
+  background-repeat: no-repeat;
+  background-position: center;
   background-color: badgerBlack;
   color: badgerWhite;
   text-align: center;
-Original file line number
+Diff line change
@@ Expand Up / @@ -1012,7 +1012,7 @@ Array [ @@
           <span
             class="subTitle"
           >
-            Be the first to hear about webinars, events blogs and more.
+            Be the first to hear about webinars, events, blogs and more.
           </span>
         </h2>
         <div
@@ Expand Down @@