From 671f850c4fb72941c111edb6dff1030839b0dd55 Mon Sep 17 00:00:00 2001
From: Martin Ashby <martin@ashbysoft.com>
Date: Fri, 30 Dec 2022 00:45:57 +0000
Subject: Comments are basically functional. Added example config.

---
 themes/XMin/layouts/partials/foot_custom.html | 21 +++++++++++++++++++++
 themes/XMin/static/css/style.css              | 12 ++++++++++++
 2 files changed, 33 insertions(+)

(limited to 'themes')

diff --git a/themes/XMin/layouts/partials/foot_custom.html b/themes/XMin/layouts/partials/foot_custom.html
index 73b86a3..754b722 100644
--- a/themes/XMin/layouts/partials/foot_custom.html
+++ b/themes/XMin/layouts/partials/foot_custom.html
@@ -11,3 +11,24 @@
     <title>RSS</title>
     <path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg>
 </a>
+
+<h2>comments</h2>
+<div style="visibility: hidden" id="comments">comments go here</div>
+<div style="visibility: hidden" id="comment_form">comment form goes here</div>
+<script>
+     let comments = document.getElementById("comments");
+     fetch(document.location.origin + "/api/comment?url=" + document.location.href)
+          .then((response) => response.text())
+          .then((data) => {
+               comments.innerHTML = data;
+               comments.style.visibility = "visible";
+          });
+     let form = document.getElementById("comment_form");
+     fetch(document.location.origin + "/api/form?url=" + document.location.href)
+          .then((response) => response.text())
+          .then((data) => {
+               form.innerHTML = data;
+               form.style.visibility = "visible";
+          });
+</script>
+<noscript>Comments disabled without javascript!</noscript>
diff --git a/themes/XMin/static/css/style.css b/themes/XMin/static/css/style.css
index 48b563e..6288f17 100644
--- a/themes/XMin/static/css/style.css
+++ b/themes/XMin/static/css/style.css
@@ -49,3 +49,15 @@ table {
 table thead th { border-bottom: 1px solid #ddd; }
 th, td { padding: 5px; }
 thead, tfoot, tr:nth-child(even) { background: #eee; }
+
+ul.comments {
+  list-style: square inside
+  margin: 0;
+  padding: 0;
+}
+span.comment.author {
+  font-weight: bold
+}
+span.comment.timestamp {
+  color: grey
+}
-- 
cgit v1.2.3-ZIG