From 4df78909734ccf978a22fa3a8db2f54e8de20c89 Mon Sep 17 00:00:00 2001
From: Yan Holtz <yan.holtz.data@gmail.com>
Date: Fri, 7 Jun 2024 14:49:56 +0200
Subject: [PATCH] remove disqus from story template

---
 index.html                |  2 +-
 story/template_story.html | 92 +++++++++++++++++++++++----------------
 2 files changed, 56 insertions(+), 38 deletions(-)

diff --git a/index.html b/index.html
index 46cf34f..f39752f 100755
--- a/index.html
+++ b/index.html
@@ -3761,7 +3761,7 @@ <h2 class="text-center">High Resolution Poster</h2>
 
                   <div class="cardtitle">Read More</div>
                   <hr>
-                  <p style="text-align: justify">See the <a href="caveat/pie.html">dedicated page</a>.</p>
+                  <p style="text-align: justify">See the <a href="graph/donut.html">dedicated page</a>.</p>
                 </div>
               </div>
             </div>
diff --git a/story/template_story.html b/story/template_story.html
index 63b1f80..3ff5834 100644
--- a/story/template_story.html
+++ b/story/template_story.html
@@ -575,43 +575,61 @@ <h1>Going further</h1>
           >
           $endif$
 
-          <!-- Insert code for DISQUS comments  -->
-          <br />
-          <h1>Comments</h1>
-          <hr />
-          <p>
-            Any thoughts on this? Found any mistake? Have another way to show
-            the data? Please drop me a word on
-            <a href="https://twitter.com/R_Graph_Gallery">Twitter</a> or in the
-            comment section below:
-          </p>
-          <br />
-          <div class="container">
-            <div id="disqus_thread"></div>
-            <script>
-              var disqus_config = function () {
-                this.page.url =
-                  www.data - to - viz.com / story / $pathSlug$.html;
-                this.page.identifier = $pathSlug$;
-              };
-
-              (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>
-          <!-- Insert code for DISQUS comments  -->
+          <section
+            id="form"
+            style="
+              margin-top: 70px;
+              padding-bottom: 70px;
+              padding-top: 70px;
+              background-color: #f8f9fa;
+            "
+          >
+            <div class="container">
+              <div
+                style="
+                  display: flex;
+                  flex-direction: column;
+                  align-items: center;
+                "
+              >
+                <h2 style="font-size: 44px" class="text-center">
+                  Dataviz decision tree
+                </h2>
+                <p
+                  class="text-center"
+                  style="max-width: 600px; font-size: 18px"
+                >
+                  <a href="https://www.data-to-viz.com">Data To Viz</a> is a
+                  comprehensive <b>classification of chart types</b> organized
+                  by data input format. Get a high-resolution version of our
+                  decision tree delivered to your inbox now!
+                </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>
+                <br />
+                <div class="text-center">
+                  <img
+                    class="img-fluid"
+                    src="../img/poster/poster_small.png"
+                    alt="High Resolution Poster"
+                    style="max-width: 400px"
+                  />
+                </div>
+              </div>
+            </div>
+          </section>
 
           $for(include-after)$ $include-after$ $endfor$ $if(theme)$
           $if(toc_float)$