add webmention form to posts

themes/saturn/layouts/blog/single.html

@@ -10,6 +10,7 @@
             {{ .Content }}
         </div>
     </article>
+    {{ partial "webmentions.html" }}
     <div id="webmentions"></div>
 </section>
 {{ end }}

themes/saturn/layouts/notes/single.html

@@ -10,6 +10,7 @@
             {{ .Content }}
         </div>
     </article>
+    {{ partial "webmentions.html" }}
     <div id="webmentions"></div>
 </section>
 {{ end }}

themes/saturn/layouts/partials/webmentions.html

@@ -0,0 +1,9 @@
+<div class="send-webmention">
+    <p>Have you written a response to this post? Send me a webmention!</p>
+    <form action="https://webmention.io/yequari.com/webmention" method="post" class="webmention-form">
+        <label for="form-webmention-source">URL</label>
+        <input id="form-webmention-source" type="url" name="source" placeholder="https://example.com" required/>
+        <input type="hidden" name="target" value="{{ .Page.URL }}"/>
+        <input type="submit" class="button" value="Send Webmention"/>
+    </form>
+</div>

themes/saturn/static/css/main.css

@@ -374,6 +374,17 @@ footer {
     overflow-wrap: break-word;
 }
 
+.send-webmention {
+    margin: 55px 25px;
+    max-width: fit-content;
+    border: 1px dotted var(--primary-text);
+    padding: 0 20px 20px;
+}
+
+.send-webmention p {
+    font-size: 1.3rem;
+}
+
 @media only screen and (max-width: 500px) {
     div.nav {
         border: none;