Rework "commenting" system

Until now the commenting system was a line in a small font advising
to write a mail for commenting. This change replaces the text with one
that is maybe more engaging and adds a button a la Kev Quirk.

See also: https://kevq.uk/adding-the-post-title-to-my-reply-by-email-button/
This commit is contained in:
Marcel Kapfer 2021-08-18 22:37:35 +02:00
parent b4cf893d6f
commit cbc79dbe7f
Signed by: mmk2410
GPG Key ID: CADE6F0C09F21B09
2 changed files with 14 additions and 7 deletions

View File

@ -31,6 +31,7 @@ $s-content: 1000px;
$s-nav-title: 24px;
$s-border: 2px;
$s-border-radius: 2px;
$s-comment-margin-top: 60px;
$s-font-size: 18px;
$p-box-shadow: 1px 1px 5px #888;
@ -250,9 +251,14 @@ main {
}
}
.comment-notice {
margin-top: 50px;
font-size: 14px;
.comment {
font-size: 0.95rem;
margin-top: $s-comment-margin-top;
text-align: center;
a {
font-size: 1.1rem;
}
}
#tags > a, #categories > a {

View File

@ -21,9 +21,10 @@
</p>
{{ .Content }}
{{ with .Site.Params.comment.commentmail }}
<p class="comment-notice">
If you would like to comment on this post, feel free to write me a mail at {{ . }}!
</p>
{{ if .Site.Params.comment.comments }}
<div class="comment">
<p>I would like to hear what you think about this post. Feel free to write me a mail!</p>
<a class="btn" href="mailto:comment@mmk2410.org?subject=Reply to: &quot;{{ .Page.Title }}&quot;">Reply by mail</a>
</div>
{{ end }}
{{ end }}