From a98cad8805afd6558331d226d1d8d4409039697f Mon Sep 17 00:00:00 2001
From: Alexander Goussas <alexandergoussas.thoughtworks@latam.com>
Date: Tue, 19 May 2026 12:43:32 -0500
Subject: [PATCH] refactor: update link colors to be more readable

---
 assets/styles.css   | 18 +++++++++++++++++-
 layouts/index.shtml | 10 +++++-----
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/assets/styles.css b/assets/styles.css
index bed9ab0..e141cac 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -21,7 +21,14 @@ h2 {
 }
 
 a {
+  color: lightgreen;
   text-decoration: underline;
+
+  &:hover {
+    box-shadow: 
+      rgba(0 255 0 / 80%) 3px 3px 8px,
+      rgba(0 255 0 / 80%) -3px -3px 8px;
+  }
 }
 
 nav {
@@ -89,10 +96,19 @@ nav {
   inset rgba(255 255 255 / 40%) 0px 5px;
 }
 
+#posts {
+  display: flex;
+  flex-direction: column;
+}
+
 .post-preview {
   display: flex;
+  font-size: 1rem;
   align-items: center;
   gap: 0.4rem;
   margin-bottom: 0px;
-  height: fit-content;
+  
+  a {
+    height: fit-content;
+  }
 }
diff --git a/layouts/index.shtml b/layouts/index.shtml
index 5a2098f..a7f6b95 100644
--- a/layouts/index.shtml
+++ b/layouts/index.shtml
@@ -6,13 +6,13 @@
 	<div :html="$page.content()"></div>
 	<div>
 		<h2>Posts</h2>
-		<div :loop="$page.subpages()">
-      <div class="post-preview">
-			  <span class="date" :text="$loop.it.date.format('January 02, 2006')"></span>
+		<ul :loop="$page.subpages()" id="posts">
+      <li class="post-preview">
+			  <span :text="$loop.it.date.format('January 02, 2006')"></span>
 			  <a href="$loop.it.link()">
 			  	<h3 :text="$loop.it.title"></h3>
 			  </a>
-      </div>
-		</div>
+      </li>
+		</ul>
 	</div>
 </body>
-- 
2.43.0