From 9bde0f26da8567f63826e6b7d69190c7fb0a2209 Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Tue, 21 Jan 2025 22:10:30 +0100
Subject: accessibility

- More contrast on links and code on main-content
- Headings in content are links and styled instead of only the anchor
  chain at the end
- Author card uses a & p, instead of abusing heading tag, since it does
  no belong to content and evidences no hierarchy.
---
 layouts/partials/author_card.html | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'layouts/partials')

diff --git a/layouts/partials/author_card.html b/layouts/partials/author_card.html
index b23c3e7..10a6c06 100644
--- a/layouts/partials/author_card.html
+++ b/layouts/partials/author_card.html
@@ -5,14 +5,17 @@
     src="{{ .avatar }}"
     class="rounded-full w-16 mx-auto md:m-4"
     alt="{{ .name }}"
+    loading="lazy"
   />
   <div class="">
-    <h5 class="my-0 berkshire-swash">
-      <a href="{{ (default .path .homepage) }}" class="">
-        {{ .name }}
-      </a>
-    </h5>
-    <h6 class="font-light p-0 m-0">{{ .role | markdownify }}</h6>
+    <a
+      class="my-0 berkshire-swash text-xl font-bold my-4"
+      href="{{ (default .path .homepage) }}"
+      class=""
+    >
+      {{ .name }}
+    </a>
+    <p class="text-lg font-light p-0 m-0">{{ .role | markdownify }}</p>
     <p class="mt-3">
       {{ .bio }}
     </p>
-- 
cgit v1.2.3