From 4bb38cd3fec3bd833e597e569fa74a432eda79da Mon Sep 17 00:00:00 2001
From: jk <jk@nipponalba.scot>
Date: Fri, 24 Jul 2020 09:53:13 +0100
Subject: [PATCH] adding comment parade form

---
 themes/nipponalba/layouts/_default/single.html |  3 +++
 themes/nipponalba/static/css/style.css         | 11 +++++++++++
 2 files changed, 14 insertions(+)

diff --git a/themes/nipponalba/layouts/_default/single.html b/themes/nipponalba/layouts/_default/single.html
index d41ac519..95545c3c 100644
--- a/themes/nipponalba/layouts/_default/single.html
+++ b/themes/nipponalba/layouts/_default/single.html
@@ -46,6 +46,9 @@
       <input name="target" value="{{ .Permalink }}" type="hidden"/>
       <input value="Send Webmention" type="submit"/>
   </form>
+  <p>Alternatively, if you do not have a webmentions enabled website then you can leave a message using the comments parade form below.</p>
+<details><summary>Comment Parade</summary><p>Please copy the following and paste into the URL field below: <span class="url">{{.Permalink }}</span></p><embed type="text/html" class="commentparade" src="https://commentpara.de"></embed></details>
+<p>All going well, comment will take a few minutes to appear, possibly longer due to .. gremlins.</p>
 </section>
 {{ $mention_ids := index $.Site.Data.index .RelPermalink }}
 {{ if isset $mention_ids 0}}
diff --git a/themes/nipponalba/static/css/style.css b/themes/nipponalba/static/css/style.css
index 4dabffa6..dd987413 100644
--- a/themes/nipponalba/static/css/style.css
+++ b/themes/nipponalba/static/css/style.css
@@ -580,6 +580,17 @@ hr{
 .feedrow .feedlinks{
   grid-column: 2;
 }
+.commentparade {
+  width:100%;
+  overflow:auto;
+  background: var(--background-colour);
+  padding:0;
+  height:250px;
+  color: var(--text-colour);
+}
+.commentparade .url{
+  font-weight:bolder;
+}
 @media screen and (max-width: 960px) {
   #page-top {
     width: 95%;