Changeset c974223 in Klonkt

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@…>

Location:

src

Files:

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

src/assets/css/style.css

@@ -2067 +2067 @@
 
 /* -------- FEED TOGGLE VIA BODY --------
-   Grid-modus werkt op elke feed-pagina (home, archive). Op een post-pagina
-   is de feed-timeline article juist het hoofdonderwerp — daar moet 'ie
-   altijd zichtbaar zijn, dus de grid-toggle slaat alleen aan op
-   feed-pagina's (.on-home, .on-archive). Andere body-classes negeren de
+   Grid-modus werkt op de feed (home, cirkel). Het ARCHIEF negeert de grid-keuze
+   bewust: dat is altijd de chronologische jaar/maand-lijst (de switcher is daar
+   grijs en springt bij klik terug naar de feed). Post-pagina's tonen de
+   feed-timeline article sowieso altijd. Alle andere body-classes negeren
    data-feed-view en houden timeline visible. */
 body.on-home[data-feed-view="grid"]    .feed-timeline,
@@ -2076 +2076 @@
 body.on-home[data-feed-view="grid"]    .related-posts,
 body.on-home[data-feed-view="grid"]    .article-footer,
-body.on-archive[data-feed-view="grid"] .feed-timeline,
-body.on-archive[data-feed-view="grid"] .pagination,
 body.on-cirkel[data-feed-view="grid"]  .feed-timeline {
     display: none !important;
 }
-/* Grid-sectie alleen zichtbaar op feed-pagina's in grid-mode */
+/* Grid-sectie alleen zichtbaar op de feed in grid-mode (NIET op archief) */
 .feed-grid { display: none; }
 body.on-home[data-feed-view="grid"]    .feed-grid,
-body.on-archive[data-feed-view="grid"] .feed-grid,
 body.on-cirkel[data-feed-view="grid"]  .feed-grid { display: block; }
 

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; }