update blog post design

assets/scss/blog.scss

@@ -36,6 +36,7 @@
         font-size: 3.5rem;
         margin: 0 auto;
         max-width: 1000px;
+
         @media (max-width: 1140px) {
             font-size: 2.5rem;
         }
@@ -45,7 +46,11 @@
         letter-spacing: 0.15rem;
         margin: 0 auto;
         max-width: 1000px;
-        
+    }
+
+    span:not(:first-of-type)::before {
+        content: "·";
+        margin: 0 1rem 0 0.6rem;
     }
 }
 

config/_default/config.yaml

@@ -4,6 +4,7 @@ title: "Vris Cute Corner"
 enableRobotsTXT: true
 defaultContentLanguage: de
 defaultContentLanguageInSubdir: true
+enableGitInfo: true
 
 params:
     avatar: "2021_vrifox-avatar.png"

i18n/de.yaml

@@ -34,4 +34,9 @@ latest-posts-heading:
 blog-heading:
     other: Artikel
 blog-sub:
-    other: aus meinem Blog
+    other: aus meinem Blog
+
+blog-post-published:
+    other: Veröffentlicht am
+blog-post-updated:
+    other: Aktualisiert am

i18n/en.yaml

@@ -34,4 +34,9 @@ latest-posts-heading:
 blog-heading:
     other: Articles
 blog-sub:
-    other: from my Blog
+    other: from my Blog
+
+blog-post-published:
+    other: Published on
+blog-post-updated:
+    other: Updated on

layouts/blog/single.html

@@ -6,29 +6,15 @@
 {{- define "header" }}
 <header id="blog-header">
     <h1 class="title">{{ .Title }}</h1>
-    <p title="{{ .Date | time.Format "2. January 2006, 15:04 MST" }}">{{ .Date | time.Format "2. January 2006" }}</p>
+    <p>
+        <span id="blog-post-published" title="{{ i18n "blog-post-published" }} {{ .Date | time.Format "2. January 2006, 15:04 MST" }}">{{ .Date | time.Format "2. January 2006" }}</span>
+        <span id="blog-post-updated" title="{{ i18n "blog-post-updated" }} {{ .Lastmod | time.Format "2. January 2006, 15:04 MST" }}">{{ .Lastmod | time.Format "2. January 2006" }}</span>
+    </p>
 </header>
 {{ end }}
 
 {{- define "main" }}
     <main>
         {{ .Content -}}
-        <aside>
-        {{- with .Params.topics }}
-            <ul class="topics">
-                {{- range . }}
-                <li>
-                    <a href="{{ "topics" | relURL}}/{{ . | urlize }}">{{ . }}</a>
-                </li>
-                {{ end }}
-            </ul>
-        {{- end }}
-        {{- with .Params.tags }}
-            tags
-            {{- range . }}
-            <a href='{{ "tags" | relURL }}/{{ . | urlize }}'>{{ . }}</a>
-            {{- end }}
-        {{- end }}
-        </aside>
     </main>
 {{- end }}