From 6f210846248255c1cae60fc11b7ce9e4339033c3 Mon Sep 17 00:00:00 2001
From: Konstantin Kollar <konstantin@kollar.email>
Date: Sat, 13 Apr 2024 18:21:44 +0200
Subject: [PATCH] start styling the blog overview page

---
 themes/bluewater/layouts/blog/list.html | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/themes/bluewater/layouts/blog/list.html b/themes/bluewater/layouts/blog/list.html
index 8df6b8d..a1089ed 100644
--- a/themes/bluewater/layouts/blog/list.html
+++ b/themes/bluewater/layouts/blog/list.html
@@ -1,5 +1,24 @@
 {{ define "main" }}
-  {{ range .Pages }}
-    {{ .Title }}
-  {{ end }}
+  <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-8">
+    {{ range .Pages }}
+      <div class="overflow-hidden rounded-lg shadow-lg border-2 hover:bg-primary-300 text-slate-700">
+        <!-- <a href="{{ .RelPermalink }}"> -->
+        {{ $image := .Resources.GetMatch "header" }}
+        {{ with $image }}
+          {{ $image := $image.Fill "1024x512 Center webp" }}
+          <img class="" src="{{ $image.RelPermalink }}" />
+        {{ end }}
+        <div class="text-lg m-4">
+          {{ .Title }}
+        </div>
+
+        <div class="mx-4 mb-4 line-clamp-5 text-balance">
+          {{ .Summary }}
+          
+        </div>
+
+        <!-- </a> -->
+      </div>
+    {{ end }}
+  </div>
 {{ end }}