Changeset c974223 in Klonkt for src/views/pages

Timestamp:

06/16/2026 07:28:52 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

1578f5d

Parents:

ec2e358

Message:

Archive: always timeline list, ignores grid choice (fix: grid→archive was broken)

The archive adopted the grid view when grid was active (CSS hid the
year/month list and showed tiles) → confusing/broken. Archive now ignores
data-feed-view entirely: always the chronological list. on-archive grid CSS
+ dead grid section removed. Switcher stays grey on archive (previous
commit) and jumps back to the feed on click.

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

File:

• src/views/pages/archive.ejs (modified) (2 diffs)

src/views/pages/archive.ejs

@@ -1 @@
-<%
-// Archive — chronological feed of all posts.
-//
-// Renders both a timeline view (year/month grouped link list) AND a grid
-// view (flat tiles) — same toggle pattern as home.ejs. The view-switcher
-// at the top lets the user pick. Body class is `on-archive`; the inline
-// <style> below adds an `.on-archive` clause to the existing home-only
-// feed toggle in style.css (cleaner than editing the global CSS).
-//
-// Flatten posts for grid mode: skip the year/month grouping (it doesn't
-// translate well to a tile grid). Newest-first order is preserved by the
-// route's SQL ORDER BY.
-const _flatPosts = [];
-Object.keys(grouped).sort((a, b) => b - a).forEach(function(y) {
-  Object.keys(grouped[y]).forEach(function(m) {
-    grouped[y][m].forEach(function(p) { _flatPosts.push(p); });
-  });
-});
-%>
+<%# Archief — altijd de chronologische jaar/maand-lijst. Het archief negeert
+    bewust de timeline/grid-keuze (geen grid-weergave): de view-switcher is hier
+    grijs en springt bij klik terug naar de feed. Zie de CSS in style.css. %>
 
-<%# View switcher used to be rendered here; now lives in shell.ejs above
-    #pcms-main, visible on every non-admin page. %>
-
-<!-- ========== TIMELINE (year/month grouped) ========== -->
+<!-- ========== TIJDLIJN (jaar/maand gegroepeerd) ========== -->
 <div class="container archive-page feed-timeline">
   <% var _archBase = (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : ''; %>
@@ -61 +42 @@
 </div>
 
-<!-- ========== GRID (only visible when body[data-feed-view="grid"]) ========== -->
-<% if (_flatPosts.length > 0) { %>
-<section class="feed-grid container" aria-label="Grid-weergave">
-  <div class="grid-tiles">
-    <% _flatPosts.forEach(function(post) { %>
-      <%- include('../partials/post-tile', { post: post }) %>
-    <% }); %>
-  </div>
-</section>
-<% } %>
-
 <style>
 .archive-page { max-width: 700px; margin: 2rem auto; padding: 0 1rem; }