From 2e31bfdc77a2fa79d5383d7f88cdaa8229d8b72b Mon Sep 17 00:00:00 2001
From: jbergner <jbergner@send.nrw>
Date: Sun, 11 May 2025 11:07:25 +0200
Subject: [PATCH] =?UTF-8?q?Card-Fix=20f=C3=BCr=20Counter=20und=20Berechnun?=
 =?UTF-8?q?gs-Fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cmd/blog/main.go                 | 17 +++++++++--------
 internal/web/static/main.css     |  1 +
 internal/web/templates/list.html |  6 ++++--
 3 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/cmd/blog/main.go b/cmd/blog/main.go
index 55062bc..af5f19a 100644
--- a/cmd/blog/main.go
+++ b/cmd/blog/main.go
@@ -101,14 +101,6 @@ func main() {
 		fmt.Println(err)
 	}
 
-	/*  */
-
-	for a, b := range articles {
-		articles[a].Counter = getTick(b.Slug)
-	}
-
-	/*  */
-
 	staticPages, err := article.LoadStatic(pagesDir)
 	if err != nil {
 		fmt.Println(err)
@@ -122,6 +114,15 @@ func main() {
 			http.NotFound(w, r)
 			return
 		}
+
+		/*  */
+
+		for a, b := range articles {
+			articles[a].Counter = getTick(b.Slug)
+		}
+
+		/*  */
+
 		if err := tplList.ExecuteTemplate(w, "layout", article.ListPage{
 			Title:       "Startseite",
 			Description: "Alle Artikel im Überblick",
diff --git a/internal/web/static/main.css b/internal/web/static/main.css
index b1082a8..f720532 100644
--- a/internal/web/static/main.css
+++ b/internal/web/static/main.css
@@ -128,6 +128,7 @@ footer {
 .card h2 { margin: .25rem 0 .5rem; font-size: 1.25rem; line-height: 1.3; }
 .card time { color: var(--text-muted); font-size: .85rem; }
 .card-count { color: var(--text-muted); font-size: .85rem; }
+.card-meta { display: flex; gap: 1rem; /* optionaler Abstand zwischen den Elementen */}
 
 /* ---------- Artikel ---------- */
 .hero {
diff --git a/internal/web/templates/list.html b/internal/web/templates/list.html
index 4e8a695..ba41d9b 100644
--- a/internal/web/templates/list.html
+++ b/internal/web/templates/list.html
@@ -10,8 +10,10 @@
         {{ end }}
         <div class="card-content">
           <h2>{{ .Title }}</h2>
-          <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "02.01.2006" }}</time>
-          <p class="card-count">{{ .Counter }}</p>
+          <div class="card-meta">
+            <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "02.01.2006" }}</time>
+            <p class="card-count">{{ .Counter }}</p>
+          </div>
         </div>
       </a>
     </li>