From 617c8a1ae5525a1baeb2042b3aec7aa97c9152dd Mon Sep 17 00:00:00 2001
From: Johan Brook <johan@lookback.io>
Date: Mon, 9 Sep 2024 22:36:37 +0200
Subject: [PATCH] Less dense links

---
 src/_includes/css/posts-list.css | 8 ++++++--
 src/_includes/css/theme.css      | 7 ++++++-
 src/_includes/layouts/home.njk   | 4 ++--
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/_includes/css/posts-list.css b/src/_includes/css/posts-list.css
index c8a1b3755..06d99faa0 100644
--- a/src/_includes/css/posts-list.css
+++ b/src/_includes/css/posts-list.css
@@ -17,10 +17,14 @@ POSTS LIST
         overflow: hidden;
         text-overflow: ellipsis;
     }
-
-    a:first-child {
+    
+    > :first-child {
         font-weight: 500;
     }
+    
+    a:not(:hover, :focus) {
+        text-decoration: none;
+    }
 
     time {
         font-size: var(--f5);
diff --git a/src/_includes/css/theme.css b/src/_includes/css/theme.css
index 99c8986dc..b69be3ea7 100644
--- a/src/_includes/css/theme.css
+++ b/src/_includes/css/theme.css
@@ -32,6 +32,7 @@ a:not(.btn) {
     color: var(--link-color);
     position: relative;
     text-underline-offset: 3px;
+    text-decoration-thickness: 1px;
 
     &:where(:hover, &:hover .link) {
         color: var(--link-color-hover);
@@ -155,8 +156,12 @@ thead th {
 tbody {
     th {
         font-weight: 500;
+
+        a:not(:hover) {
+            text-decoration: none;
+        }
     }
-    
+
     :where(td, th) {
         vertical-align: top;
     }
diff --git a/src/_includes/layouts/home.njk b/src/_includes/layouts/home.njk
index b524b2d0e..8e0d7ffc7 100644
--- a/src/_includes/layouts/home.njk
+++ b/src/_includes/layouts/home.njk
@@ -49,7 +49,7 @@ home: true
             {% macro book_item(book, reading=false) %}
             <li class="PostItem h-entry">
                 <div>
-                    <a href="/reading/{{ book.slug }}" class="fw5 p-name u-url" title="{{ book.title }}">{{ book.title }}</a>
+                    <a href="/reading/{{ book.slug }}" class="p-name u-url" title="{{ book.title }}">{{ book.title }}</a>
                 </div>
                 <span class="muted" title="{{ book.author }}">{{ book.author }}</span>
             </li>
@@ -72,7 +72,7 @@ home: true
         <ol role="list">
             {% for post in search.pages("type=post", "date=desc", 6) %}
             <li class="PostItem h-entry" id="{{ post.url | url(true) }}">
-               	<a class="u-url p-name fw5" href="{{ post.url }}">{{ post.title }}</a>
+               	<a class="u-url p-name" href="{{ post.url }}">{{ post.title }}</a>
                	<time class="dt-published" pubdate datetime="{{ post.date | tdate('Machine', post.timezone) }}">{{ post.date | tdate('Date', post.timezone) }}</time>
             </li>
             {% endfor %}