Add CHANGELOG file and updated LICENSE years

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/

CHANGELOG.md

@@ -0,0 +1,27 @@
+# nextDESIGN v9
+
+## Version 9.4 (2021-08-18)
+
+- Adjusted font sizes
+- Justified text alignment
+- Make "read more posts" link on main page a button
+- Get about text through variable
+- Rework "commenting" system
+
+## Version 9.3 (2021-05-04)
+
+- Added Plausible analytics script
+- Switched monospace font from Hermit to JetBrains Mono
+
+## Version 9.2 (2020-09-23)
+
+- Provide dark color scheme
+
+## Version 9.1.1 (2020-08-29)
+
+- Add link to Gitea
+- Reorder "other places" section
+
+## Version 9.1 (2020-05-15)
+
+- Initial release

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2020 Marcel Kapfer
+Copyright (c) 2020-2021 Marcel Kapfer
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in

assets/css/main.scss

@@ -31,14 +31,21 @@ $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;
 
+html {
+    font-size: $s-font-size;
+}
+
 body {
     background-color: $c-bg;
     color: $c-font;
     font-family: "Raleway", sans-serif;
     line-height: 1.5;
+    text-align: justify;
 
     @media (prefers-color-scheme: dark) {
 	background-color: $c-bg-inv;
@@ -151,7 +158,7 @@ main {
     }
 
     h1, h2 {
-	font-size: 3em;
+	font-size: 3rem;
 	margin: 20px 0 0;
 	padding: 0;
 	text-decoration: underline;
@@ -164,7 +171,7 @@ main {
     }
 
     h2 {
-	font-size: 2em;
+	font-size: 2rem;
 	margin: 40px 0 0;
 	text-decoration-thickness: 3px;
 
@@ -183,6 +190,14 @@ main {
 	}
     }
 
+    h3 {
+        font-size: 1.3rem;
+    }
+
+    h4 {
+        font-size: 1.1rem;
+    }
+
     figure {
 	margin: 0;
 
@@ -236,13 +251,18 @@ 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 {
-	font-size: 14px;
+	font-size: 0.9rem;
 	color: #fff;
 	padding: 4px 8px;
 	border-radius: 20px;

layouts/_default/single.html

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

layouts/index.html

@@ -1,12 +1,12 @@
 {{ define "main" }}
     <header>
 	<h1>{{ .Site.Title }}</h1>
-	<h3>I compose music and write stuff</h3>
+	<h3>{{ .Site.Params.about }}</h3>
     </header>
 
     {{ .Content }}
 
-    <h3>Read more from me</h3>
+    <h4>Read more from me</h3>
 
     {{ with .Site.GetPage "/about" }}
 	<a class="btn" href="{{ .Permalink }}">More about me</a>
@@ -20,7 +20,7 @@
 	<a class="btn" href="{{ .Permalink }}">My projects</a>
     {{ end }}
 
-    <h3>Find me on other places</h3>
+    <h4>Find me on other places</h3>
 
     {{ with .OutputFormats.Get "rss" }}
 	<a class="btn" href="{{ .Permalink }}">RSS Feed</a>
@@ -38,7 +38,7 @@
 	<a class="btn" href="{{ . }}">Repos on GitLab</a>
     {{- end -}}
 
-    <h2>Latest Post</h2>
+    <h2>Latest Posts</h2>
 
     {{ range first 3 .Site.RegularPages }}
 	<article>
@@ -48,6 +48,6 @@
     {{ end }}
 
     {{ with .Site.GetPage "/blog" }}
-	<a href="{{ .Permalink }}">Read more posts</a>
+	<a class="btn" href="{{ .Permalink }}">Read more posts</a>
     {{ end }}
 {{ end }}

theme.toml

@@ -1,14 +1,11 @@
-# theme.toml template for a Hugo theme
-# See https://github.com/gohugoio/hugoThemes#themetoml for an example
-
 name = "nextDESIGN"
 license = "MIT"
-licenselink = "https://gitlab.com/mmk2410/nextDESIGN/blob/master/LICENSE"
+licenselink = "https://gitlab.com/mmk2410/nextDESIGN/blob/main/LICENSE"
 description = "Simple design created for mmk2410.org"
 homepage = "https://mmk2410.org/"
 tags = []
 features = []
-min_version = "0.41.0"
+min_version = "0.87.0"
 
 [author]
   name = "Marcel Kapfer"