Fixed post link on image anchor to go to page and not image.

assets/css/style.css

@@ -2572,6 +2572,11 @@ video {
   max-width: 640px;
 }
 
+.max-w-fit {
+  max-width: -moz-fit-content;
+  max-width: fit-content;
+}
+
 .max-w-xl {
   max-width: 36rem;
 }
@@ -2608,15 +2613,6 @@ video {
   max-width: none;
 }
 
-.max-w-sm {
-  max-width: 24rem;
-}
-
-.max-w-fit {
-  max-width: -moz-fit-content;
-  max-width: fit-content;
-}
-
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -3266,11 +3262,6 @@ video {
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
-.text-indigo-300 {
-  --tw-text-opacity: 1;
-  color: rgb(165 180 252 / var(--tw-text-opacity));
-}
-
 .text-opacity-40 {
   --tw-text-opacity: 0.4;
 }
@@ -3678,11 +3669,6 @@ EmojiSymbols;
   color: rgb(129 140 248 / var(--tw-text-opacity));
 }
 
-.dark .dark\:text-zinc-50 {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity));
-}
-
 .dark .dark\:placeholder-gray-400::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity));
@@ -3875,12 +3861,6 @@ EmojiSymbols;
 }
 
 @media (min-width: 768px) {
-  @media (min-width: 640px) {
-    .md\:sm\:inline-flex {
-      display: inline-flex;
-    }
-  }
-
   .md\:sticky {
     position: sticky;
   }
@@ -3949,11 +3929,6 @@ EmojiSymbols;
     width: 1.5rem;
   }
 
-  .md\:min-w-min {
-    min-width: -moz-min-content;
-    min-width: min-content;
-  }
-
   .md\:min-w-fit {
     min-width: -moz-fit-content;
     min-width: fit-content;

layouts/index.html

@@ -492,15 +492,16 @@
                     <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
                         {{ range (.Paginator 3).Pages }}
                         <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                            {{ with .Params.featured_image }}
-                            {{ with resources.Get . }}
-                            {{ $postimage := (.Resize "500x webp q90").RelPermalink }}
                             <a href="{{.Permalink}}">
+                                {{ with .Params.featured_image }}
+                                {{ with resources.Get . }}
+                                {{ $postimage := (.Resize "500x webp q90").RelPermalink }}
                                 <img src="{{ $postimage }}" class="object-fill overflow-hidden rounded-t-lg"
                                      width="100%" height="" loading="lazy" alt="{{ .Title }}" />
+
+                                {{ end }}
+                                {{ end }}
                             </a>
-                            {{ end }}
-                            {{ end }}
                             <div class="p-6">
                                 <div class="flex-1">
                                     <a href="{{.Permalink}}"

layouts/partials/posts-template.html

@@ -3,15 +3,16 @@
         <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
             {{ range .Paginator.Pages }}
             <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
-                {{ with .Params.featured_image }}
-                {{ with resources.Get . }}
-                {{ $postimage := (.Resize "500x webp q90").RelPermalink }}
                 <a href="{{.Permalink}}">
+                    {{ with .Params.featured_image }}
+                    {{ with resources.Get . }}
+                    {{ $postimage := (.Resize "500x webp q90").RelPermalink }}
                     <img src="{{ $postimage }}" class="object-fill overflow-hidden rounded-t-lg" width="100%" height=""
                          loading="lazy" alt="{{ .Title }}" />
+
+                    {{ end }}
+                    {{ end }}
                 </a>
-                {{ end }}
-                {{ end }}
                 <div class="p-6">
                     <div class="flex-1">
                         <a href="{{.Permalink}}"