Changeset 1f01b99 in Klonkt

Timestamp:

06/15/2026 03:44:22 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

33886fb

Parents:

52badd3

Message:

style: post navigation — Newer on the left, Older on the right

Swapped on request: newest-first convention (going right = older). Left
column now shows the newer post (<- Newer), right column the older (Older ->).
Applies in both hub and solo mode.

Co-Authored-By: Claude <noreply@…>

File:

• src/views/pages/post.ejs (modified) (1 diff)

src/views/pages/post.ejs

@@ -286 +286 @@
   <% if (!post.pinned && (prevPost || nextPost)) { %>
     <nav class="post-nav">
+      <%# Newer links, Older rechts (lijst nieuwste-eerst → naar rechts = ouder).
+          .post-nav-prev = linker kolom (links uitgelijnd), .post-nav-next =
+          rechter kolom (rechts uitgelijnd). %>
+      <% if (nextPost) { %>
+        <a class="post-nav-prev" href="<%= nextPost._urlBase || '' %>/<%= nextPost.slug %>"<% if (!nextPost._urlBase) { %>
+           hx-get="/<%= nextPost.slug %>?partial=1" hx-target="#pcms-main"
+           hx-push-url="/<%= nextPost.slug %>" hx-indicator="#pcms-loading"<% } %>>
+          <span class="post-nav-label">← Newer</span>
+          <span class="post-nav-title"><%= nextPost.title %></span>
+        </a>
+      <% } else { %><span></span><% } %>
       <% if (prevPost) { %>
-        <a class="post-nav-prev" href="<%= prevPost._urlBase || '' %>/<%= prevPost.slug %>"<% if (!prevPost._urlBase) { %>
+        <a class="post-nav-next" href="<%= prevPost._urlBase || '' %>/<%= prevPost.slug %>"<% if (!prevPost._urlBase) { %>
            hx-get="/<%= prevPost.slug %>?partial=1" hx-target="#pcms-main"
            hx-push-url="/<%= prevPost.slug %>" hx-indicator="#pcms-loading"<% } %>>
-          <span class="post-nav-label">← Older</span>
+          <span class="post-nav-label">Older →</span>
           <span class="post-nav-title"><%= prevPost.title %></span>
-        </a>
-      <% } else { %><span></span><% } %>
-      <% if (nextPost) { %>
-        <a class="post-nav-next" href="<%= nextPost._urlBase || '' %>/<%= nextPost.slug %>"<% if (!nextPost._urlBase) { %>
-           hx-get="/<%= nextPost.slug %>?partial=1" hx-target="#pcms-main"
-           hx-push-url="/<%= nextPost.slug %>" hx-indicator="#pcms-loading"<% } %>>
-          <span class="post-nav-label">Newer →</span>
-          <span class="post-nav-title"><%= nextPost.title %></span>
         </a>
       <% } %>