Changeset d15b27f in Klonkt

Timestamp:

06/16/2026 07:13:18 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

ec2e358

Parents:

544cd86

Message:

Archive: Timeline/Grid greyed on archive + back button (+ English text)

(1) The active highlight on the view-switcher was bound to body[data-feed-view]
without a page check → kept lighting up on /archive. Now :not(.on-archive)
→ both buttons neutral/grey on the archive page.
(2) Back button at the top of /archive (htmx to the homepage).
(3) Archive→Archive, posts→posts, "No posts yet" text corrected.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@…>

Location:

src

Files:

• assets/css/style.css (modified) (1 diff)
• views/pages/archive.ejs (modified) (2 diffs)

src/assets/css/style.css

@@ -2055 +2055 @@
     border-color: var(--ink-muted);
 }
-/* Actieve state: puur afgeleid van body[data-feed-view]. Geen .is-active class meer. */
-body[data-feed-view="timeline"] .view-switch-btn[data-view="timeline"],
-body[data-feed-view="grid"] .view-switch-btn[data-view="grid"] {
+/* Actieve state: puur afgeleid van body[data-feed-view]. Geen .is-active class meer.
+   Niet op de Archive-pagina: daar is geen "huidige" timeline/grid-keuze, dus beide
+   knoppen blijven neutraal (grijs). */
+body[data-feed-view="timeline"]:not(.on-archive) .view-switch-btn[data-view="timeline"],
+body[data-feed-view="grid"]:not(.on-archive) .view-switch-btn[data-view="grid"] {
     background: var(--ink);
     color: var(--paper);

src/views/pages/archive.ejs

@@ -24 +24 @@
 <!-- ========== TIMELINE (year/month grouped) ========== -->
 <div class="container archive-page feed-timeline">
-  <h1>Archive</h1>
-  <p class="archive-meta"><%= totalPosts %> post<%= totalPosts !== 1 ? 's' : '' %></p>
+  <% var _archBase = (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : ''; %>
+  <p class="archive-back-row">
+    <a href="<%= _archBase %>/" class="btn archive-back"
+       hx-get="<%= _archBase %>/?partial=1" hx-target="#pcms-main"
+       hx-push-url="<%= _archBase %>/" hx-indicator="#pcms-loading">&larr; Terug</a>
+  </p>
+  <h1>Archief</h1>
+  <p class="archive-meta"><%= totalPosts %> bericht<%= totalPosts !== 1 ? 'en' : '' %></p>
 
   <% if (totalPosts === 0) { %>
-    <p class="empty-state">No posts yet.</p>
+    <p class="empty-state">Nog geen berichten.</p>
   <% } %>
 
@@ -68 +74 @@
 <style>
 .archive-page { max-width: 700px; margin: 2rem auto; padding: 0 1rem; }
+.archive-back-row { margin: 0 0 1rem; }
 .archive-page h1 { font-family: var(--font-display, serif); margin: 0 0 0.25rem; }
 .archive-meta { color: var(--ink-muted); margin-bottom: 2rem; }