From 5654201a09f4375e350c59f3038e801915297df1 Mon Sep 17 00:00:00 2001
From: Philipp Oppermann <dev@phil-opp.com>
Date: Sat, 16 Oct 2021 15:20:12 +0200
Subject: [PATCH] Add note above comments and link to GitHub discussion

---
 blog/static/css/edition-2/main.css |  8 ++------
 blog/templates/snippets.html       | 13 ++++++++++++-
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/blog/static/css/edition-2/main.css b/blog/static/css/edition-2/main.css
index 8fc7c411..444ee719 100644
--- a/blog/static/css/edition-2/main.css
+++ b/blog/static/css/edition-2/main.css
@@ -463,10 +463,6 @@ a strong {
   margin-bottom: .5rem;
 }
 
-#comments {
-  visibility: hidden;
-}
-
-.comment-directly-on-github {
-  margin-top: 1rem;
+.giscus {
+  margin-top: 1.5rem;
 }
diff --git a/blog/templates/snippets.html b/blog/templates/snippets.html
index 14e34a42..452fed9a 100644
--- a/blog/templates/snippets.html
+++ b/blog/templates/snippets.html
@@ -11,6 +11,16 @@
 {% endmacro support %}
 
 {% macro giscus(search_term) %}
+    {% if search_term is number %}
+        {% set discussion_url = "https://github.com/phil-opp/blog_os/discussions/" ~ search_term %}
+    {% else %}
+        {% set discussion_url = `https://github.com/phil-opp/blog_os/discussions/categories/post-comments?discussions_q="` ~ search_term ~ `"` %}
+    {% endif %}
+
+    <p class="comment-note">
+        Do you have a problem, want to share feedback, or discuss further ideas? Feel free to leave a comment here! Please stick to English and follow Rust's <a href="https://www.rust-lang.org/policies/code-of-conduct">code of conduct</a>. This comment thread directly maps to a <a href="{{ discussion_url }}"><em>discussion on GitHub</em></a>, so you can also comment there if you prefer.
+    </p>
+
     <div class="giscus"></div>
 
     <script src="https://giscus.app/client.js"
@@ -25,12 +35,13 @@
     {% endif %}
         data-term="{{ search_term }}"
         data-reactions-enabled="1"
+        data-emit-metadata="1"
         data-theme="preferred_color_scheme"
         crossorigin="anonymous"
         async>
     </script>
 
     <p class="comment-directly-on-github">
-        Instead of authenticating the <a href="https://giscus.app">giscus</a> application, you can also comment directly on the <span class="discussion_link">on GitHub. Just click the <i>"X comments"</i> link at the <a href="#comments">top</a> — or the date of any comment — to go to the GitHub discussion.</span>
+        Instead of authenticating the <a href="https://giscus.app">giscus</a> application, you can also comment directly <a href="{{ discussion_url }}"><em>on GitHub</em></a>.
     </p>
 {% endmacro giscus %}