From 2a151b710c1d5da72f938d699e4f2eeda990f899 Mon Sep 17 00:00:00 2001
From: Mischa <mischa@gorinskat.nl>
Date: Sat, 20 Jun 2026 12:38:28 +0200
Subject: [PATCH] refactor: collapse entry card article+a to flat <a>, unify
 hover targets across card types

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WPJztrVGbwic2xTG7G9fjM
---
 themes/intotheeast/css/style.css               | 11 ++++++-----
 themes/intotheeast/templates/dailies.html.twig | 12 ++++--------
 themes/intotheeast/templates/trip.html.twig    | 12 ++++--------
 3 files changed, 14 insertions(+), 21 deletions(-)

diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css
index 5671533..96eb6b3 100644
--- a/themes/intotheeast/css/style.css
+++ b/themes/intotheeast/css/style.css
@@ -90,12 +90,13 @@ body::after {
 .feed { display: flex; flex-direction: column; gap: var(--space-12); }
 .feed-empty { color: var(--color-ink-muted); font-style: italic; }
 
-.entry-card { border-bottom: 1px solid var(--color-border); padding-bottom: var(--space-12); }
-
-.entry-card-inner {
+.entry-card {
     display: block;
     text-decoration: none;
     color: inherit;
+    border-bottom: 1px solid var(--color-border);
+    padding-bottom: var(--space-12);
+    transition: background 0.15s;
 }
 
 /* Card: photo variant */
@@ -117,7 +118,7 @@ body::after {
     transition: transform 0.45s ease;
 }
 
-.entry-card-inner:hover .entry-card-photo img { transform: scale(1.04); }
+.entry-card:hover .entry-card-photo img { transform: scale(1.04); }
 
 .entry-card-photo-overlay {
     position: absolute;
@@ -180,7 +181,7 @@ body::after {
     transition: color 0.15s;
 }
 
-.entry-card-inner:hover .entry-title { color: var(--color-accent); }
+.entry-card:hover .entry-title { color: var(--color-accent); }
 
 .entry-excerpt {
     font-size: var(--text-base);
diff --git a/themes/intotheeast/templates/dailies.html.twig b/themes/intotheeast/templates/dailies.html.twig
index 7b08e40..2e39f16 100644
--- a/themes/intotheeast/templates/dailies.html.twig
+++ b/themes/intotheeast/templates/dailies.html.twig
@@ -119,8 +119,7 @@ feedMap.on('load', function () {
             {% endif %}
 
             {% if item.type == 'journal' %}
-            <article class="entry-card" id="entry-{{ entry.slug }}" data-lat="{{ entry.header.lat }}" data-lng="{{ entry.header.lng }}">
-                <a class="entry-card-inner" href="{{ entry.url }}">
+            <a class="entry-card" id="entry-{{ entry.slug }}" data-lat="{{ entry.header.lat }}" data-lng="{{ entry.header.lng }}" href="{{ entry.url }}">
                     {% if hero %}
                     <div class="entry-card-photo">
                         <img src="{{ hero.cropResize(720, 405).url }}" alt="{{ entry.title }}" loading="lazy">
@@ -158,11 +157,9 @@ feedMap.on('load', function () {
                         <p class="entry-excerpt">{{ entry.summary|striptags|slice(0, 250)|trim }}</p>
                         <span class="entry-read-more">Read entry →</span>
                     </div>
-                </a>
-            </article>
+            </a>
             {% else %}
-            <article class="entry-card entry-card--story" id="entry-{{ entry.slug }}">
-                <a class="entry-card-inner" href="{{ entry.url }}">
+            <a class="entry-card entry-card--story" id="entry-{{ entry.slug }}" href="{{ entry.url }}">
                     {% if hero %}
                     <div class="entry-card-photo entry-card-photo--story">
                         <img src="{{ hero.cropResize(720, 405).url }}" alt="{{ entry.title }}" loading="lazy">
@@ -172,8 +169,7 @@ feedMap.on('load', function () {
                         <span class="story-badge">✦ Story</span>
                         <h2 class="entry-title">{{ entry.title }}</h2>
                     </div>
-                </a>
-            </article>
+            </a>
             {% endif %}
         {% endfor %}
     {% else %}
diff --git a/themes/intotheeast/templates/trip.html.twig b/themes/intotheeast/templates/trip.html.twig
index 1021515..a45a9d7 100644
--- a/themes/intotheeast/templates/trip.html.twig
+++ b/themes/intotheeast/templates/trip.html.twig
@@ -222,8 +222,7 @@
                     {% endif %}
 
                     {% if item.type == 'journal' %}
-                    <article class="entry-card" id="entry-{{ entry.slug }}" data-type="journal" data-lat="{{ entry.header.lat }}" data-lng="{{ entry.header.lng }}">
-                        <a class="entry-card-inner" href="{{ entry.url }}">
+                    <a class="entry-card" id="entry-{{ entry.slug }}" data-type="journal" data-lat="{{ entry.header.lat }}" data-lng="{{ entry.header.lng }}" href="{{ entry.url }}">
                             {% if hero %}
                             <div class="entry-card-photo">
                                 <img src="{{ hero.cropResize(720, 405).url }}" alt="{{ entry.title }}" loading="lazy">
@@ -261,11 +260,9 @@
                                 <p class="entry-excerpt">{{ entry.summary|striptags|slice(0, 250)|trim }}</p>
                                 <span class="entry-read-more">Read entry →</span>
                             </div>
-                        </a>
-                    </article>
+                    </a>
                     {% else %}
-                    <article class="entry-card entry-card--story" id="entry-{{ entry.slug }}" data-type="story">
-                        <a class="entry-card-inner" href="{{ entry.url }}">
+                    <a class="entry-card entry-card--story" id="entry-{{ entry.slug }}" data-type="story" href="{{ entry.url }}">
                             {% if hero %}
                             <div class="entry-card-photo entry-card-photo--story">
                                 <img src="{{ hero.cropResize(720, 405).url }}" alt="{{ entry.title }}" loading="lazy">
@@ -275,8 +272,7 @@
                                 <span class="story-badge">✦ Story</span>
                                 <h2 class="entry-title">{{ entry.title }}</h2>
                             </div>
-                        </a>
-                    </article>
+                    </a>
                     {% endif %}
                 {% endfor %}
             {% else %}