From 32ea7a004a418b6d312f41a6234dcef77b7a7bb2 Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Wed, 21 Jan 2026 18:55:59 +0100
Subject: New retro design for most of the site

---
 src/layouts/HomePageLayout.astro | 20 +++++++-------------
 1 file changed, 7 insertions(+), 13 deletions(-)

(limited to 'src/layouts/HomePageLayout.astro')

diff --git a/src/layouts/HomePageLayout.astro b/src/layouts/HomePageLayout.astro
index b1356ce..e18aeea 100644
--- a/src/layouts/HomePageLayout.astro
+++ b/src/layouts/HomePageLayout.astro
@@ -34,13 +34,14 @@ const schema = {
     <p>
       En mi blog comparto mis reflexiones, aprendizajes y experiencias sobre los
       temas que me interesan, además de hablar ocasionalmente sobre tecnología y
-      desarrollo. Disfruto escribiendo sobre lo que aprendo y reflexiono, pudiendo
-      plasmar mis ideas de forma clara y ordenada, y compartiéndolas con el mundo.
+      desarrollo. Disfruto escribiendo sobre lo que aprendo y reflexiono,
+      pudiendo plasmar mis ideas de forma clara y ordenada, y compartiéndolas
+      con el mundo.
     </p>
   </div>
 
   <hr class="section-divider" />
-
+  <h2>Entradas recientes del blog</h2>
   <ul class="blog-list">
     {
       blogCollection.slice(0, 5).map((p) => {
@@ -93,12 +94,6 @@ const schema = {
     background: $lightAlt;
     padding: 1rem 1.25rem;
     border-radius: 0.5rem;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
-    transition: box-shadow 0.2s ease;
-
-    &:hover {
-      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
-    }
 
     time {
       display: block;
@@ -125,23 +120,22 @@ const schema = {
   .cta-button {
     display: inline-block;
     padding: 0.75rem 1.5rem;
-    background: $accent;
+    background: $accentDark;
     color: white !important;
     text-decoration: none;
     border-radius: 0.5rem;
     font-weight: 600;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
-    transition: all 0.2s ease;
 
     &:hover {
-      background: $accentDark;
+      background: $accent;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
     }
 
     &:focus {
       outline: 3px solid $secondary;
       outline-offset: 2px;
-      background: $accentDark !important;
+      background: $accent !important;
     }
   }
 </style>
-- 
cgit v1.3