From a516568ab37d14c4634adbb9e04ac37fc2b00826 Mon Sep 17 00:00:00 2001
From: Tim Friedrich Weber <tfw@satware.com>
Date: Tue, 27 May 2025 14:29:45 +0200
Subject: [PATCH] Update blog styling and date formatting logic

Refined the blog's CSS, addressing title, meta, and author elements for improved readability and consistency. Reintroduced meta date formatting in the blog's HTML, including localized month names for better user experience. Removed unnecessary commented-out code for cleaner structure.
---
 overrides/assets/css/modules/blog.scss | 23 +++++++++++++++++++++--
 overrides/blog.html                    | 16 +++-------------
 2 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/overrides/assets/css/modules/blog.scss b/overrides/assets/css/modules/blog.scss
index 7861221..56b3b15 100644
--- a/overrides/assets/css/modules/blog.scss
+++ b/overrides/assets/css/modules/blog.scss
@@ -1,5 +1,18 @@
 // Blog styling
 
+// Blog post title styling
+.md-post__title {
+  margin-top: 0; // Remove margin-top for H2 elements on blog page
+}
+
+// Blog post meta styling (date display)
+.md-post__meta {
+  margin-bottom: 0.5rem; // Add some space between date and title
+  //font-size: 0.9rem; // Slightly smaller than normal text
+  color: var(--md-default-fg-color--light); // Lighter color for the date
+
+}
+
 // Author styling in blog posts
 .md-post__authors.md-typeset {
   font-size: 1.3rem; // Match the general text size of the website
@@ -17,8 +30,10 @@
   // Long author format (used in blog post sidebar)
   .md-author--long {
     img {
-      width: 4rem; // Even larger for the long format
-      height: 4rem; // Maintain aspect ratio
+      //width: 4rem; // Even larger for the long format
+      //height: 4rem; // Maintain aspect ratio
+      width: 100%;
+      height: auto;
     }
   }
 
@@ -50,6 +65,10 @@
   }
 }
 
+.md-typeset h2{
+  margin-top: 0 !important;
+}
+
 .md-sidebar--post{
   .md-nav__link{
     svg{
diff --git a/overrides/blog.html b/overrides/blog.html
index 62c7628..5ee1428 100644
--- a/overrides/blog.html
+++ b/overrides/blog.html
@@ -6,19 +6,9 @@
 <div class="md-posts">
     {% for post in posts %}
     <article class="md-post md-post--excerpt">
-        <!--<div class="md-post__meta">
-            <time datetime="{{ post.meta.date }}">{{ post.meta.date }}</time>
-            {% if post.meta.categories %}
-            <span class="md-post__categories">
-              {% for category in post.meta.categories %}
-                {{ category }}{% if not loop.last %}, {% endif %}
-              {% endfor %}
-            </span>
-            {% endif %}
-            {% if post.meta.readtime %}
-            <span>{{ post.meta.readtime }} Min. Lesezeit</span>
-            {% endif %}
-        </div>-->
+        <div class="md-post__meta">
+            <time datetime="{{ post.meta.date }}">{{ post.meta.date.strftime('%d. %B %Y')|replace('January', 'Januar')|replace('February', 'Februar')|replace('March', 'März')|replace('April', 'April')|replace('May', 'Mai')|replace('June', 'Juni')|replace('July', 'Juli')|replace('August', 'August')|replace('September', 'September')|replace('October', 'Oktober')|replace('November', 'November')|replace('December', 'Dezember') }}</time>
+        </div>
 
         <h2 class="md-post__title">
             <a href="{{ post.url | replace('blog/', '') }}" title="{{ post.title }}">{{ post.title }}</a>