Add option for anonymous comment

assets/css/style.scss

@@ -613,16 +613,30 @@ select {
 .wm-form {
 	@include subarticle-element;
 	line-height: 1.5;
-	display: block;
+	#wm-form {
-	@media screen and (max-width: $break1) {
+		display: flex;
-		text-align: center;
+		#wm-source {
+			flex-grow: 1;
+		}
+		.action {
+			margin-left: 6px;
+		}
+		@media screen and (max-width: $break1) {
+			display: block;
+			text-align: center;
+			.action {
+				margin-left: inherit;
+				margin-top: 10px;
+				width: 100%;
+			}
+		}
 	}
-	#wm-source {
+	#anon-comment {
-		width: 100%;
+		margin-top: 10px;
-		margin-bottom: 10px;
+		margin-bottom: 0px;
-	}
+		a {
-	.description {
+			text-decoration: underline;
-		margin-bottom: 10px;
+		}
 	}
 }
 

i18n/en.yaml

@@ -43,6 +43,9 @@
 - id: wmform_btn
   translation: "Send"
 
+- id: anon_comment
+  translation: "You can also leave an anonymous comment."
+
 - id: related
   translation: "Related"
 

layouts/partials/webmentionform.html

@@ -2,12 +2,12 @@
 {{- if not (.Param "indieweb.hidewmform") }}
 {{- if .Param "indieweb.endpoints.webmention" }}
 <div class="wm-form">
-<form method="post" action="{{ .Param "indieweb.endpoints.webmention" }}">
+<form id="wm-form" method="post" action="{{ .Param "indieweb.endpoints.webmention" }}">
-    <p class="description"><label for="wm-source">{{ T "wmform_label" }}</label></p>
+    <input type="url" name="source" id="wm-source" placeholder="{{ T "wmform_label" }}">
-    <input type="url" name="source" id="wm-source">
     <input type="hidden" name="target" value="{{ .Permalink }}">
-    <input class="btn" type="submit" value="{{ T "wmform_btn" }}">
+    <input class="btn action" type="submit" value="{{ T "wmform_btn" }}">
 </form>
+<p id="anon-comment"><a href="https://quill.p3k.io/?dontask=1&me=https://commentpara.de&reply={{ .Permalink }}">{{ T "anon_comment" }}</a></p>
 </div>
 {{- end }}
 {{- end }}