DON'T MERGE - JUST FOR INSPECTION (FROM FORK)

assets/css/main.css

@@ -874,3 +874,36 @@ a.footnote-ref::after {
 a.footnote-backref{
   text-decoration: none;
 }
+
+.text-center {
+    text-align: center;
+    border-bottom: none;
+}
+
+/* for comment using email */
+.button {
+  background-color: #4CAF50; /* Green */
+  border: none;
+  color: white;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  border-bottom: none;
+  border-radius: .375rem;
+}
+.emailcomments{
+    padding-bottom: 1.4rem;
+    padding-top: 1.4rem;
+}
+.emailcomments a{
+    background-color: #4CAF50; /* Green */
+    color: #fff;
+    border-bottom: none;
+}
+.emailcomments a:hover {
+  background-color: #4CAF50;
+  border-bottom: none;
+  cursor: pointer;
+}

layouts/partials/disqus.html

@@ -1,18 +1,26 @@
 <div class="comments">
-        <div class="comments-header" style="border-top: 1px dashed #b3b2ae;"><h3>Discussion and feedback</h3></div>
-        <p class="comments-notice">
+        <!-- <div class="comments-header" style="border-top: 1px dashed #b3b2ae;"><h3>Discussion and feedback</h3></div> -->
+        <!-- <p class="comments-notice">
           You can use <code>utterances</code> provided below to post comment on behalf using Github account.
           {{ if ne .Type "page" }}
           Alternatively, you can just send a (<a href="https://useplaintext.email">plain text</a>) email to my private <a target="_blank" rel="nofollow noopener noreferrer" href="mailto:[email protected]?subject=[robbinespu.gitlab.io] - '{{ .Page.Title  | safeHTML}}'">email</a> or personal public <a target="_blank" rel="nofollow noopener noreferrer" href="mailto:~robbinespu/[email protected]?subject=[robbinespu.gitlab.io] - '{{ .Page.Title  | safeHTML}}'">mailing list</a>.
           {{end}}
           In a few cases and on certain time, I just don’t have time to moderate them.
           Please read <a href="/tos">terms-of-service (ToS)</a> for details.
-        </p>
-          <script src="https://utteranc.es/client.js"
+        </p> -->
+          <!-- <script src="https://utteranc.es/client.js"
           repo="RobbiNespu/blog_discussions"
           issue-term="pathname"
           theme="preferred-color-scheme"
           crossorigin="anonymous"
           async>
-          </script>
+          </script> -->
+
+          <div class="text-center emailcomments">
+            <button class="button">
+            <a href="mailto:[email protected]?subject=[robbinespu.gitlab.io] - '{{ .Page.Title  | safeHTML}}'" >
+              <i class="icon" icon-name="mail"></i>&nbsp;&nbsp;<strong>Discussion and feedback</strong>
+            </a>
+          </button>
+        </div>
   </div>