add article footer; rename old footer to meta

layouts/_default/list.html

@@ -16,8 +16,8 @@
       </section>
 
       <footer>
-        <span class="post-footer__button">
-          <i class="far fa-calendar-alt post-footer__icon"></i>
+        <span class="post-meta__button">
+          <i class="far fa-calendar-alt post-meta__icon"></i>
           <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}">
             {{ .Date.Day }}. {{ index $.Site.Data.de_month (printf "%d" .Date.Month) }} {{ .Date.Year }}
           </time>
@@ -27,19 +27,19 @@
             {{ $author := index $.Site.Data.authors . }}
 
             {{ with $.Site.GetPage (printf "/author/%s" $author.name | urlize) }}
-            <span class="post-footer__button">
-              <i class="fas fa-user post-footer__icon"></i>
-              <a class="post-footer__link" href="{{ .RelPermalink }}" title="Alle Artikel des Autors">{{ $author.name }}</a>
+            <span class="post-meta__button">
+              <i class="fas fa-user post-meta__icon"></i>
+              <a class="post-meta__link" href="{{ .RelPermalink }}" title="Alle Artikel des Autors">{{ $author.name }}</a>
             </span>
             {{ end }}
         {{ end }}
 
         {{ range .Param "categories" }}
           {{ $name := . }}
-          <span class="post-footer__button">
+          <span class="post-meta__button">
             {{ with $.Site.GetPage (printf "/categories/%s" $name | urlize) }}
-              <i class="fas fa-tags post-footer__icon"></i>
-              <a class="post-footer__link" href="{{ .RelPermalink }}" title="Alle Artikel in '{{ $name }}'">{{ $name }}</a>
+              <i class="fas fa-tags post-meta__icon"></i>
+              <a class="post-meta__link" href="{{ .RelPermalink }}" title="Alle Artikel in '{{ $name }}'">{{ $name }}</a>
             {{ end }}
           </span>
         {{ end }}

layouts/_default/single.html

@@ -3,8 +3,9 @@
   <header class="post-header">
     <h1 class="post-header__title">{{ .Title }}</h1>
   </header>
-  <section class="post-content">
+  <div class="post-content">
     {{ .Content }}
-  </section>
+  </div>
+  {{ partial "article_footer.html" . -}}
 </article>
 {{ end }}

layouts/partials/article_footer.html

@@ -0,0 +1,5 @@
+{{ with .Site.Params.footer }}
+<footer class="post-footer">
+    {{ . | markdownify }}
+</footer>
+{{ end }}

src/css/_style.css

@@ -170,7 +170,7 @@ html{
   display: inline-block;
 }
 
-.post-footer__link {
+.post-meta__link {
   border:1px solid #BFBFBF;
   padding:1px 4px;
   margin:2px 0;
@@ -181,12 +181,12 @@ html{
   position:relative;
   display:inline-block;
 }
-.post-footer__icon {
+.post-meta__icon {
   font-size: 20px;
   padding: 0 2px;
 }
 
-.post-footer__link:hover {
+.post-meta__link:hover {
   background:#4CA0F4;
   border-color: #3E82C7;
   color:#FFFFFF;
@@ -194,7 +194,7 @@ html{
   cursor:pointer;
 }
 
-.post-footer__button {
+.post-meta__button {
   color: #4A4A4A;
   margin-right:10px;
   position:relative;
@@ -202,6 +202,10 @@ html{
   white-space:nowrap;
 }
 
+.post-footer {
+    padding: 1em 0;
+}
+
 .post-content blockquote {
   font-size: 1.1em;
   margin:40px auto;

src/css/nested.css

@@ -1,9 +1,11 @@
-.post-content a {
+.post-content a,
+.post-footer a {
   color:#0A539A;
   text-decoration: underline;
 }
 
-.post-content a:hover {
+.post-content a:hover,
+.post-footer a:hover {
   background:#0A539A;
   color:#FFFFFF;
   text-decoration:none;

static/default.css

@@ -162,7 +162,7 @@ html {
   margin-bottom: 1.5em;
   display: inline-block
 }
-.post-footer__link {
+.post-meta__link {
   border: 1px solid #bfbfbf;
   padding: 1px 4px;
   margin: 2px 0;
@@ -173,24 +173,27 @@ html {
   position: relative;
   display: inline-block
 }
-.post-footer__icon {
+.post-meta__icon {
   font-size: 20px;
   padding: 0 2px
 }
-.post-footer__link:hover {
+.post-meta__link:hover {
   background: #4ca0f4;
   border-color: #3e82c7;
   color: #fff;
   text-decoration: none;
   cursor: pointer
 }
-.post-footer__button {
+.post-meta__button {
   color: #4a4a4a;
   margin-right: 10px;
   position: relative;
   display: inline-block;
   white-space: nowrap
 }
+.post-footer {
+  padding: 1em 0
+}
 .post-content blockquote {
   font-size: 1.1em;
   margin: 40px auto;
@@ -640,11 +643,13 @@ all and (max-width:710px) {
 .chroma .w {
   color: #bbb
 }
-.post-content a {
+.post-content a,
+.post-footer a {
   color: #0a539a;
   text-decoration: underline
 }
-.post-content a:hover {
+.post-content a:hover,
+.post-footer a:hover {
   background: #0a539a;
   color: #fff;
   text-decoration: none