From 7ec368ac41790f5c1318e563462392eaa72e0bdb Mon Sep 17 00:00:00 2001
From: Nils Pukropp <nils@narl.io>
Date: Thu, 14 May 2026 18:22:53 +0200
Subject: [PATCH] implemented compression + renamed prev/next buttons

---
 frontend/src/pages/posts/[slug].astro | 27 ++++++---------------------
 1 file changed, 6 insertions(+), 21 deletions(-)

diff --git a/frontend/src/pages/posts/[slug].astro b/frontend/src/pages/posts/[slug].astro
index 5395211..2e73323 100644
--- a/frontend/src/pages/posts/[slug].astro
+++ b/frontend/src/pages/posts/[slug].astro
@@ -148,17 +148,11 @@ const displayTitle = post ? (post.title || formatSlug(post.slug)) : 'Work';
       {/* Body — works on paper */}
       <div id="post-content" class="prose" set:html={html} />
 
-      {/* Closing — continue the room */}
-      <div class="max-w-3xl mx-auto mt-20 md:mt-28">
-        <div class="section-rule mb-10">
-          <span class="ornament">✦</span>
-          <span>continue the gallery</span>
-          <span class="ornament">✦</span>
-        </div>
-        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+      {(neighbors.prev || neighbors.next) && (
+        <nav class="max-w-3xl mx-auto mt-20 md:mt-28 grid grid-cols-1 md:grid-cols-2 gap-6" aria-label="Post navigation">
           {neighbors.prev && (
             <a href={`/posts/${encodeURIComponent(neighbors.prev.slug)}`} class="group glass p-6 hover:border-[var(--mauve)] transition-colors text-left">
-              <div class="font-sans text-xs tracking-[0.22em] uppercase text-[var(--subtext0)] mb-2">← Previously hung</div>
+              <div class="font-sans text-xs tracking-[0.22em] uppercase text-[var(--subtext0)] mb-2">← Previous</div>
               <div class="font-display italic text-xl text-[var(--text)] group-hover:text-[var(--mauve)] transition-colors leading-snug">
                 {neighbors.prev.title || formatSlug(neighbors.prev.slug)}
               </div>
@@ -166,23 +160,14 @@ const displayTitle = post ? (post.title || formatSlug(post.slug)) : 'Work';
           )}
           {neighbors.next && (
             <a href={`/posts/${encodeURIComponent(neighbors.next.slug)}`} class="group glass p-6 hover:border-[var(--mauve)] transition-colors text-right md:col-start-2">
-              <div class="font-sans text-xs tracking-[0.22em] uppercase text-[var(--subtext0)] mb-2">Next on the wall →</div>
+              <div class="font-sans text-xs tracking-[0.22em] uppercase text-[var(--subtext0)] mb-2">Next →</div>
               <div class="font-display italic text-xl text-[var(--text)] group-hover:text-[var(--mauve)] transition-colors leading-snug">
                 {neighbors.next.title || formatSlug(neighbors.next.slug)}
               </div>
             </a>
           )}
-          {!neighbors.prev && !neighbors.next && (
-            <div class="md:col-span-2 text-center font-display italic text-[var(--subtext0)]">
-              This is the sole work currently on view.
-            </div>
-          )}
-        </div>
-
-        <div class="mt-12 text-center">
-          <a href="/" class="btn-ghost">↶ Return to catalogue</a>
-        </div>
-      </div>
+        </nav>
+      )}
     </article>
   )}