From dee863b5e0812f95db4caf367983864a74b63ccc Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Mon, 6 Jan 2025 01:05:02 +0100
Subject: translate posts listing

---
 layouts/partials/post.html | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

(limited to 'layouts/partials/post.html')

diff --git a/layouts/partials/post.html b/layouts/partials/post.html
index 637381b..a7e62ef 100644
--- a/layouts/partials/post.html
+++ b/layouts/partials/post.html
@@ -1,7 +1,7 @@
-<article class="py-2 bt bb b--black-10">
+<article class="py-2 border-y border-gray-200">
   {{ partial "meta_links.html" . }}
-  <a class="block dim near-black" href="{{ .RelPermalink }}">
-    <div class="cf">
+  <a class="block dim text-slate-900" href="{{ .RelPermalink }}">
+    <div class="md:flex">
       {{ $image := "" }}
       {{ if (.Resources.ByType "image").GetMatch "featured*" }}
         {{ $image =  (.Resources.ByType "image").GetMatch "*featured*" }}
@@ -9,24 +9,26 @@
         {{ $image =  resources.Get (index .Params.images 0) }}
       {{ end }}
       {{ with $image }}
-        <div class="fl-ns mb4 mb-0-ns pr3-ns">
+        <div class="md:shrink-0">
           <img
-            src="{{ if ne .MediaType.SubType "svg" }}
+            {{ if ne .MediaType.SubType "svg" }}
               {{ $image := .Fill (default "150x150" $.Params.thumbnail_size) }}
-              {{ $image.RelPermalink }}
+              width="{{ $image.Width }}" height="{{ $image.Height }}"
+              src="{{ $image.RelPermalink }}"
             {{ else }}
-              {{ $image.RelPermalink }}
-            {{ end }}"
-            class="mw-20-ns block mx-auto"
+              src="{{ $image.RelPermalink }}"
+            {{ end }}
             loading="lazy"
             alt=""
           />
         </div>
       {{ end }}
-      <h3 class="f3 baskerville my-1 lh-title">{{ .Title }}</h3>
-      <div class="f5 lh-copy">
-        <!-- {{ .Summary }} -->
-        {{ .Summary | replaceRE `<sup.*?><a href.*?#fn:.*?footnote-ref.*?/a></sup>` "" | safeHTML }}
+      <div class="px-4">
+        <h3 class="text-2xl baskerville my-1 pb-2 font-bold">{{ .Title }}</h3>
+        <div class="">
+          <!-- {{ .Summary }} -->
+          {{ .Summary | replaceRE `<sup.*?><a href.*?#fn:.*?footnote-ref.*?/a></sup>` "" | safeHTML }}
+        </div>
       </div>
     </div>
   </a>
-- 
cgit v1.2.3