From 184c6e2191a0ab6e2dcb8ddf46ee7baae999623b Mon Sep 17 00:00:00 2001
From: Holtz Yan <yan.holtz@datadoghq.com>
Date: Tue, 24 Sep 2024 16:46:34 +0200
Subject: [PATCH] fix main caveat page: no disqus

---
 caveats.html | 54 +++++++++++-----------------------------------------
 1 file changed, 11 insertions(+), 43 deletions(-)

diff --git a/caveats.html b/caveats.html
index 85d9679..9f11fb8 100755
--- a/caveats.html
+++ b/caveats.html
@@ -345,50 +345,19 @@ <h3 class="section-subheading text-muted">A collection of dataviz caveats by <a
 
 
 
-<!-- --------------------------- INTRO DISQUS ------------------------------------------------------------------- -->
-
-<section class="bg-light">
-        <div class="row">
-          <div class="col-lg-12 text-center">
-            <h2 class="section-heading text-uppercase">Suggestion</h2>
-            <h3 class="section-subheading text-muted">Any other suggestion? A common pitfall is missing?<br><br>Please drop me a word in the comment section, and I will add it to the collection.</h3>
-            <br>
-          </div>
+<!-- --------------------------- Subscribe Form  ------------------------------------------------------------------- -->
+<section id="form" class="bg-light" style="padding-bottom: 150px; padding-top: 150px">
+  <div class="container">
+    <div style="display: flex; justify-content: center; align-items: center; flex-direction: column;">
+      <div style="max-width: 600px; text-align: center;">
+        <h2>❤️ Enjoying the project? ❤️</h2>
+        <p>Dive deeper into the world of data visualization with <i>Dataviz Universe</i>, my newsletter packed with <b>actionable tips and tricks</b> to enhance your data storytelling skills.</p>
+        <div style="margin-top: -50px; width: 100%; display: flex; justify-content: center;">
+          <script async data-uid="8010f15fd2" src="https://prodigious-trailblazer-3628.ck.page/8010f15fd2/index.js"></script>
         </div>
-
-
-<!-- --------------------------------------------------------------------------------------------- -->
-
-
-
-
-<!-- --------------------------- DISQUS SECTION ------------------------------------------------------------------- -->
-
-
-      <div class="container">
-        <div id="disqus_thread"></div>
-        <script>
-
-        var disqus_config = function () {
-        this.page.url = www.data-to-viz.com/caveats.html;
-        this.page.identifier = caveats;
-        };
-
-        (function() { // DON'T EDIT BELOW THIS LINE
-        var d = document, s = d.createElement('script');
-        s.src = 'https://data-to-viz.disqus.com/embed.js';
-        s.setAttribute('data-timestamp', +new Date());
-        (d.head || d.body).appendChild(s);
-        })();
-        </script>
-        <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
       </div>
-
-<!-- --------------------------------------------------------------------------------------------- -->
-
-
-
-
+    </div>
+  </div>
 </section>
 
 
@@ -399,7 +368,6 @@ <h3 class="section-subheading text-muted">Any other suggestion? A common pitfall
 
 
 
-
 <!-- --------------------------- FOOTER SECTION ------------------------------------------------------------------- -->
     <footer>
       <div class="container">