feat: add fixed top and footer back pills to entry page

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 {

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 %}