Fix anchors in post cards (#891)

Co-authored-by: Emruz Hossain <[email protected]>
hugo-toha · Feb 12, 2024 · 9706567 · 9706567
1 parent df78c74
commit 9706567
Showing 1 changed file with 20 additions and 18 deletions.
diff --git a/layouts/partials/cards/post.html b/layouts/partials/cards/post.html
@@ -1,24 +1,26 @@
 <div class="post-card">
-  <a href="{{ .RelPermalink | relLangURL }}" class="post-card-link">
-    <div class="card">
-      <div class="card-head">
+  <div class="card">
+    <div class="card-head">
+      <a href="{{ .RelPermalink | relLangURL }}" class="post-card-link">
         <img class="card-img-top" src='{{ partial "helpers/get-hero.html" . }}' alt="Hero Image">
-      </div>
-      <div class="card-body">
+      </a>
+    </div>
+    <div class="card-body">
+      <a href="{{ .RelPermalink | relLangURL }}" class="post-card-link">
         <h5 class="card-title">{{ .Title }}</h5>
         <p class="card-text post-summary">{{ .Summary }}</p>
-        {{ if and site.Params.features.tags.enable site.Params.features.tags.on_card }}
-          {{ partial "misc/tags.html" .Params.tags }}
-        {{ end }}
-      </div>
-      <div class="card-footer">
-        <span class="float-left">
-            {{ .Date | time.Format ":date_full" }}
-            {{ if site.Params.features.readingTime }} | {{.ReadingTime}} {{ i18n "minute" .ReadingTime }} {{ end }}</span>
-        <a
-        href="{{ .RelPermalink | relLangURL }}"
-        class="float-right btn btn-outline-info btn-sm">{{ i18n "read" }}</a>
-      </div>
+      </a>
+      {{ if and site.Params.features.tags.enable site.Params.features.tags.on_card }}
+        {{ partial "misc/tags.html" .Params.tags }}
+      {{ end }}
+    </div>
+    <div class="card-footer">
+      <span class="float-left">
+          {{ .Date | time.Format ":date_full" }}
+          {{ if site.Params.features.readingTime }} | {{.ReadingTime}} {{ i18n "minute" .ReadingTime }} {{ end }}</span>
+      <a
+      href="{{ .RelPermalink | relLangURL }}"
+      class="float-right btn btn-outline-info btn-sm">{{ i18n "read" }}</a>
     </div>
-  </a>
+  </div>
 </div>