Fix mentions, change some CSS things

assets/css/style.scss

@@ -44,7 +44,7 @@ body {
 	@include color(background, background);
 	line-height: 1.5;
 	margin: 0 auto;
-	max-width: 750px;
+	max-width: 700px;
 	padding: 10px;
 	word-break: break-word;
 	overflow-wrap: break-word;
@@ -83,10 +83,10 @@ input, textarea, button, .button {
 	font-size: 1rem;
 }
 
-.full-width-form {
+.fw-form {
-	@extend .full-width;
+	@extend .fw;
 	input[type="text"], input[type="email"], textarea {
-		@extend .full-width;
+		@extend .fw;
 	}
 }
 
@@ -133,7 +133,7 @@ footer {
 	@include color(background, primary);
 }
 
-.fake-p {
+.p {
 	display: block;
 	margin-top: 1em;
 	margin-bottom: 1em;
@@ -147,10 +147,14 @@ footer {
 	display: none;
 }
 
-.full-width {
+.fw {
 	width: 100%;
 }
 
+.ct {
+	text-align: center;
+}
+
 /* Twemoji */
 img.emoji {
 	height: 1em;

layouts/_default/single.html

@@ -12,7 +12,7 @@
 		{{ partial "oldcontentwarning" . }}
 		<div class="e-content">
 			{{ with .Params.audio }}
-			<audio controls preload="metadata" class="full-width"><source src="{{ . }}"/></audio>
+			<audio controls preload="metadata" class="fw"><source src="{{ . }}"/></audio>
 			{{ end }}
 			{{ .Content }}
 			{{ with .Params.externalUrl }}

layouts/partials/list_meta.html

@@ -1,5 +1,5 @@
 {{ if .IsTranslated }}
-<div class="fake-p">
+<div class="p">
 	{{ i18n "translations" }}: {{ $delimiter := "" }}{{ range .Translations }}{{ $delimiter }}<a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>{{ $delimiter = ", " }}{{ end }}
 </div>
 {{ end }}

layouts/partials/mentions.html

@@ -4,7 +4,7 @@
 {{ $md5pl := md5 (replace .Permalink "/" "") }}
 {{ $mentions := index .Site.Data.mentions $md5pl }}
 {{ $dateFormat := ( .Site.Params.dateformat | default "January 02, 2006") }}
-<details class="fake-p">
+<details class="p">
     <summary><b>{{ T "interactions" }}</b></summary>
     {{ with $mentions }}
     <ul>
@@ -14,14 +14,12 @@
     </ul>
     {{ end }}
     <form method="post" action="{{ .Param "indieweb.endpoints.webmention" }}">
-        <label for="wm-source" class="fake-p">{{ T "wmform_label" }}</label>
+        <label for="wm-source" class="p">{{ T "wmform_label" }}</label>
-        <input id="wm-source" class="full-width" type="url" name="source" placeholder="URL" style="margin-bottom: 5px;">
+        <input id="wm-source" class="fw" type="url" name="source" placeholder="URL" style="margin-bottom: 5px;">
         <input type="hidden" name="target" value="{{ .Permalink }}">
-        <input class="full-width" type="submit" value="{{ T "wmform_btn" }}" style="margin-bottom: 5px;">
+        <input class="fw" type="submit" value="{{ T "wmform_btn" }}" style="margin-bottom: 5px;">
-    </form>
-    <form action="https://quill.p3k.io/?dontask=1&me=https://commentpara.de&reply={{ .Permalink }}">
-        <button class="full-width" type="submit">{{ T "anon_comment" }}</button>
     </form>
+    <a class="p button fw ct" href="https://quill.p3k.io/?dontask=1&me=https://commentpara.de&reply={{ .Permalink }}">{{ T "anon_comment" }}</a>
 </details>
 {{ end }}
 {{ end }}

layouts/partials/oldcontentwarning.html

@@ -1,7 +1,7 @@
 {{ if .Param "oldcontentwarning" }}
 {{ if .Date }}
 {{ if (.Date.AddDate 1 0 0).Before now }}
-<strong class="fake-p border-top border-bottom">{{ ":warning:" | emojify }} {{ T "oldcontent" }}</strong>
+<strong class="p border-top border-bottom">{{ ":warning:" | emojify }} {{ T "oldcontent" }}</strong>
 {{ end }}
 {{ end }}
 {{ end }}

layouts/partials/pagination.html

@@ -1,5 +1,5 @@
 {{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
-<nav class="fake-p flex">
+<nav class="p flex">
 	{{ with .Paginator.Prev }}
 	<a class="button invert" href="{{ .URL }}">{{ .PageNumber }}</a>&nbsp;
 	{{ end }}

layouts/partials/post_actions.html

@@ -1,5 +1,5 @@
 {{ if or (.Param "shareLink") (and (.Param "subscribeBtn") (.Param "subscribeLink")) (.Param "speak") }}
-<div class="fake-p flex">
+<div class="p flex">
 	{{ if (.Param "shareLink") }}
 	<a href="https://www.addtoany.com/share#url={{ .Permalink }}{{ with .Title }}&title={{ . }}{{ end }}" target="_blank" rel="nofollow noopener noreferrer" class="button invert">{{ T "share" }}</a>&nbsp;
 	{{ end }}

layouts/partials/post_meta.html

@@ -1,4 +1,4 @@
-<div class="fake-p">
+<div class="p">
 	{{ if not .Date.IsZero }}
 	<div><time class="dt-published" datetime="{{.Date.Format "2006-01-02T15:04:05Z07:00"}}">{{.Date.Format ( .Site.Params.dateformat | default "January 02, 2006")}}</time>{{ if not (eq .FirstSection.RelPermalink .RelPermalink) }} in <a href="{{ .FirstSection.RelPermalink }}">{{ .FirstSection.Title }}</a>{{ end }}</div>
 	{{ end }}

layouts/partials/related.html

@@ -1,6 +1,6 @@
 {{ $related := .Site.RegularPages.Related . | first 5 }}
 {{ with $related }}
-<details class="fake-p">
+<details class="p">
 	<summary><b>{{ T "related" }}</b></summary>
 	<ul>
 		{{ range . }}

layouts/partials/summary_meta.html

@@ -1,4 +1,4 @@
-<div class="fake-p">
+<div class="p">
 	{{ if not .Date.IsZero }}
 	<div><time class="dt-published" datetime="{{.Date.Format "2006-01-02T15:04:05Z07:00"}}">{{.Date.Format ( .Site.Params.dateformat | default "January 02, 2006")}}</time>{{ if not (eq .FirstSection.RelPermalink .RelPermalink) }} in <a href="{{ .FirstSection.RelPermalink }}">{{ .FirstSection.Title }}</a>{{ end }}</div>
 	{{ end }}