From 9deaf6143846049e6b3d1c3d1d3ea830132a82c2 Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Wed, 22 Jan 2025 01:00:11 +0100
Subject: some accessibility

---
 assets/css/tailwind.css          | 24 +++++++++++++++++++-----
 layouts/404.html                 |  5 +++--
 layouts/partials/meta_links.html |  2 +-
 3 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index f3738fb..fbae38f 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -1251,11 +1251,6 @@ h6 {
   background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
 }
 
-.bg-lime-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1));
-}
-
 .bg-lime-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(77 124 15 / var(--tw-bg-opacity, 1));
@@ -1287,6 +1282,10 @@ h6 {
   padding: 0.25rem;
 }
 
+.p-1\.5 {
+  padding: 0.375rem;
+}
+
 .p-2 {
   padding: 0.5rem;
 }
@@ -1422,6 +1421,11 @@ h6 {
   color: rgb(132 204 22 / var(--tw-text-opacity, 1));
 }
 
+.text-lime-700 {
+  --tw-text-opacity: 1;
+  color: rgb(77 124 15 / var(--tw-text-opacity, 1));
+}
+
 .text-red-600 {
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity, 1));
@@ -1973,6 +1977,16 @@ readers do not read off random characters that represent icons */
   background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-lime-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(77 124 15 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
 .hover\:opacity-50:hover {
   opacity: 0.5;
 }
diff --git a/layouts/404.html b/layouts/404.html
index d249f23..f67835b 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -5,7 +5,7 @@
   <div class="max-w-screen-md mx-auto px-1 mv4">
     <h1 class="text-center baskerville">{{ .Title }}</h1>
 
-    <p class="text-xl baskerville">{{ T "maybe_look" }}</p>
+    <h2 class="baskerville">{{ T "maybe_look" }}</h2>
 
     {{ $query := where (where (where (where site.RegularPages.ByDate.Reverse "Title" "!=" "") "Kind" "in" (slice "page" "section")) "Params.private" "!=" true) "Permalink" "!=" "" }}
     {{ $count := len $query }}
@@ -26,7 +26,8 @@
                 {{ time.Format $dateFormat .Date }}
               </time>
               {{ .Title }}
-              <sup class="bg-lime-500 text-white uppercase p-1 rounded-full"
+              <sup
+                class="bg-lime-700 text-white font-bold uppercase p-1.5 rounded-full"
                 >{{ .Section }}</sup
               >
             </a>
diff --git a/layouts/partials/meta_links.html b/layouts/partials/meta_links.html
index 69e2a94..52a81f0 100644
--- a/layouts/partials/meta_links.html
+++ b/layouts/partials/meta_links.html
@@ -2,7 +2,7 @@
   <div class="px-8 text-right">
     {{ range $key, $val := . }}
       <a
-        class="inline-block text-sm border border-current rounded-lg mx-1 px-2 py-1 text-lime-500 hover:bg-lime-500 uppercase"
+        class="inline-block text-sm border border-current rounded-lg mx-1 px-2 py-1 text-lime-700 hover:bg-lime-700 hover:text-white uppercase"
         href="{{ . }}"
         target="_blank"
         rel="noopener"
-- 
cgit v1.2.3