nvrl/narlblog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implemented compression + renamed prev/next buttons

Browse Source
This commit is contained in:
Nils Pukropp
2026-05-14 18:22:53 +02:00
parent 43a9c26497
commit 7ec368ac41
1 changed files with 6 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/posts/[slug].astro
+6 -21
View File
@@ -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>
)}