adding comment parade form

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}}

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%;