Add descriptions to blog posts and enhance blog list layout

layouts/hextra-home.html

@@ -20,22 +20,22 @@
                 <h3>
                     <a
                         style="color: inherit; text-decoration: none"
-                        class="hx:block hx:font-semibold hx:text-xl hx:hover:text-primary-600 hx:dark:hover:text-primary-400 hx:transition-colors"
+                        class="hx:block hx:font-semibold hx:text-xl"
                         href="{{ .RelPermalink }}"
                         >{{ .Title }}</a
                     >
                 </h3>
-                {{- if site.Params.blog.list.displayTags }}
-                <div class="hx:text-sm hx:leading-7">
-                    {{ partial "tags.html" (dict "context" .) }}
-                </div>
-                {{- end }}
-                <p class="hx:opacity-80 hx:mt-2 hx:leading-7">
-                    {{- partial "utils/page-description" . -}}
-                </p>
-                <p class="hx:opacity-50 hx:text-sm hx:mt-2 hx:leading-7">
+                <p class="hx:opacity-50 hx:text-sm hx:mt-1 hx:leading-7">
                     {{ partial "utils/format-date" .Date }}
                 </p>
+                <a
+                    href="{{ .RelPermalink }}"
+                    style="color: inherit; text-decoration: none"
+                >
+                    <p class="hx:opacity-80 hx:mt-2 hx:leading-7">
+                        {{- partial "utils/page-description" . -}}
+                    </p>
+                </a>
             </div>
             {{- end }} {{- if gt (len $pages) 6 }}
             <p class="hx:mt-6">