From c4b5e3e29612c84dc270967c3181d2dddb0a82c6 Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Tue, 7 Jan 2025 01:54:28 +0100
Subject: Tailwind terms and use float learning bugfix clearfix

---
 layouts/partials/post.html | 55 ++++++++++++++++++++++------------------------
 1 file changed, 26 insertions(+), 29 deletions(-)

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

diff --git a/layouts/partials/post.html b/layouts/partials/post.html
index 2e99a7a..8ed64f8 100644
--- a/layouts/partials/post.html
+++ b/layouts/partials/post.html
@@ -1,35 +1,32 @@
-<article class="py-2 border-y border-gray-200">
+<article class="py-2 border-y border-slate-300">
   {{ partial "meta_links.html" . }}
   <a class="block hover:opacity-50 text-slate-900" href="{{ .RelPermalink }}">
-    <div class="md:flex">
-      {{ $image := "" }}
-      {{ if (.Resources.ByType "image").GetMatch "featured*" }}
-        {{ $image =  (.Resources.ByType "image").GetMatch "*featured*" }}
-      {{ else if resources.Get (index .Params.images 0) }}
-        {{ $image =  resources.Get (index .Params.images 0) }}
-      {{ end }}
-      {{ with $image }}
-        <div class="md:shrink-0">
-          <img
-            {{ if ne .MediaType.SubType "svg" }}
-              {{ $image := .Fill (default "150x150" $.Params.thumbnail_size) }}
-              width="{{ $image.Width }}" height="{{ $image.Height }}"
-              src="{{ $image.RelPermalink }}" class="mx-auto"
-            {{ else }}
-              src="{{ $image.RelPermalink }}" class="mx-auto max-w-64"
-            {{ end }}
-            loading="lazy"
-            alt=""
-          />
-        </div>
-      {{ end }}
-      <div class="px-4">
-        <h3 class="text-2xl baskerville my-1 pb-2 font-bold">{{ .Title }}</h3>
-        <div class="">
-          {{ .Summary | replaceRE `<sup.*?><a href.*?#fn:.*?footnote-ref.*?/a></sup>` "" | plainify }}
-        </div>
+    {{ $image := "" }}
+    {{ if (.Resources.ByType "image").GetMatch "featured*" }}
+      {{ $image =  (.Resources.ByType "image").GetMatch "*featured*" }}
+    {{ else if resources.Get (index .Params.images 0) }}
+      {{ $image =  resources.Get (index .Params.images 0) }}
+    {{ end }}
+    {{ with $image }}
+      <div class="md:max-w-64 md:float-left mr-4">
+        <img
+          {{ if ne .MediaType.SubType "svg" }}
+            {{ $image := .Fill (default "150x150" $.Params.thumbnail_size) }}
+            width="{{ $image.Width }}" height="{{ $image.Height }}"
+            src="{{ $image.RelPermalink }}" class="mx-auto"
+          {{ else }}
+            src="{{ $image.RelPermalink }}" class="mx-auto max-w-64"
+          {{ end }}
+          loading="lazy"
+          alt=""
+        />
       </div>
-    </div>
+    {{ end }}
+    <h3 class="text-2xl baskerville my-1 pb-2 font-bold">{{ .Title }}</h3>
+
+    <p class="md:after:clear-both md:after:block">
+      {{ .Summary | replaceRE `<sup.*?><a href.*?#fn:.*?footnote-ref.*?/a></sup>` "" | plainify }}
+    </p>
   </a>
   {{ if .Params.metadata }}
     {{ partial "metadata.html" . }}
-- 
cgit v1.2.3