Better comments section

_layouts/post.html

@@ -27,11 +27,18 @@ layout: default
     {{ content }}
   </div>
   <hr/>
-  {% if page.discussion %}
-    <div class="entry">
-      You can also send out an email with your comments @ neophytenuggets@protonmail.me
+    <div class="comments">
+      <b>Have something to say? You can ...</b>
+      <br/>
+      <ul>
+      {% if page.discussion %}
+        <li>Comment on the below box by authorizing the <a href=https://giscus.app> Gisqus </a> app on your github account.</li>
+        <li>Comment directly on the <a href="https://github.com/cool-mist/bbb/discussions/{{ page.discussion }}">github discussion page for this article</a>.</li>
+      {% endif %}
+        <li>Send an email with your comments to <u>neophytenuggets@proton.me</u>.</li>
+      </ul>
     </div>
-    <hr/>
+  {% if page.discussion %}
     <script src="https://giscus.app/client.js"
           data-repo="cool-mist/bbb"
           data-repo-id="MDEwOlJlcG9zaXRvcnkzMTkzNTk1MTI="

assets/style.scss

@@ -1136,6 +1136,9 @@ Modules - reusable parts of our design
   }
 }
 
+.comments {
+  font-size: 0.8em;
+}
 
 // Settled on moving the import of syntax highlighting to the bottom of the CSS
 // ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start

index.html

@@ -47,3 +47,4 @@ layout: default
   {% endif %}
 </div>
 
+