From ca920a9fe89e7f94d3c730f6b8ed525508174e1c Mon Sep 17 00:00:00 2001
From: Mischa <mischa@gorinskat.nl>
Date: Sat, 20 Jun 2026 12:31:09 +0200
Subject: [PATCH] feat: add fixed top and footer back pills to entry page

---
 themes/intotheeast/css/style.css             | 7 +++++++
 themes/intotheeast/templates/entry.html.twig | 4 +++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css
index 363fa42..5671533 100644
--- a/themes/intotheeast/css/style.css
+++ b/themes/intotheeast/css/style.css
@@ -236,6 +236,13 @@ body::after {
     display: block;
 }
 
+.entry-back-fixed {
+    position: fixed;
+    top: calc(var(--site-header-height) + var(--space-3));
+    left: var(--space-4);
+    z-index: 100;
+}
+
 .entry-header { margin-bottom: var(--space-8); }
 
 .entry-header-meta {
diff --git a/themes/intotheeast/templates/entry.html.twig b/themes/intotheeast/templates/entry.html.twig
index a095fc2..8a31fb4 100644
--- a/themes/intotheeast/templates/entry.html.twig
+++ b/themes/intotheeast/templates/entry.html.twig
@@ -14,6 +14,8 @@
     {% set hero = page.media.images|first %}
 {% endif %}
 
+<a class="back-pill entry-back-fixed" href="{{ page.parent().url }}" onclick="if(history.length > 1){ history.back(); return false; }">← Back</a>
+
 <article class="entry">
     {% if hero %}
     <div class="entry-hero">
@@ -121,7 +123,7 @@
     {% endif %}
 
     <footer class="entry-footer">
-        <a href="{{ page.parent().url }}" onclick="if(history.length>1){event.preventDefault();history.back()}">← Back</a>
+        <a class="back-pill" href="{{ page.parent().url }}" onclick="if(history.length > 1){ history.back(); return false; }">← Back</a>
     </footer>
 </article>
 {% endblock %}