Changeset d8c6a83 in Klonkt

Timestamp:

06/20/2026 08:29:48 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

d68bcf1

Parents:

cf0de0c

Message:

fix(downloads+posts): post nav on downloads page + post images full width

• The pinned "Downloads!" is a real post with slug 'downloads'; the feature route /downloads intercepts it (no post nav). Now /downloads calculates the Newer/Older neighbours of that post and shows the post nav — download buttons remain.
• Post images (.post-content img) always fill the container width with natural (uncropped) height. style.css?v=20.

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

Location:

src

Files:

• assets/css/style.css (modified) (1 diff)
• routes/download.js (modified) (2 diffs)
• routes/posts.js (modified) (1 diff)
• views/pages/downloads.ejs (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

src/assets/css/style.css

@@ -612 +612 @@
 .post-image--right { text-align: right; }
 .post-image--right img { margin-left: auto; margin-right: 0; }
+
+/* Afbeeldingen in de post-tekst vullen ALTIJD de containerbreedte en houden hun
+   natuurlijke (niet-bijgesneden) hoogte — geen vaste hoogte / geen crop. */
+.post-content img {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    height: auto;
+    border-radius: 6px;
+    margin: 1.4em auto;
+}
 
 /* Mini-player + bottom-tab clearance: applied to .pcms-main so the footer

src/routes/download.js

@@ -20 +20 @@
 import { premiumUnlocked } from '../services/PatreonService.js';
 import { addSubscriber } from '../services/SubscriberService.js';
+import { postNeighbors } from './posts.js';
 
 const router = express.Router();
+
+// Als er een echte (gepinde) post met slug 'downloads' bestaat, hangt de
+// downloads-lijst feitelijk aan die post. Dan tonen we óók de Newer/Older-postnav,
+// zodat de bezoeker net als bij een post verder kan bladeren.
+function downloadsPostNav(req, res) {
+  const site = res.locals.site;
+  if (!site) return {};
+  const post = db.prepare(
+    "SELECT id, slug, pinned FROM posts WHERE site_id = ? AND slug = 'downloads' AND status = 'published'"
+  ).get(site.id);
+  if (!post) return {};
+  try { return postNeighbors(site, post, res.locals.tenancy === 'hub'); } catch (e) { return {}; }
+}
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const AUDIO_DIR = path.resolve(process.env.AUDIO_PATH || path.join(__dirname, '..', '..', 'storage', 'audio'));
@@ -50 +64 @@
       WHERE site_id = ? AND downloadable = 1 ORDER BY position ASC, created_at ASC`
   ).all(site.id);
+  const nav = downloadsPostNav(req, res);
   renderPage(req, res, 'pages/downloads', {
     pageTitle: 'Downloads — ' + (site.title || ''),
     bodyClass: 'on-downloads',
     dlTracks: tracks,
+    newerPost: nav.newerPost || null,
+    olderPost: nav.olderPost || null,
   });
 });

src/routes/posts.js

@@ -718 +718 @@
 
 export default router;
+export { postNeighbors };

src/views/pages/downloads.ejs

@@ -3 +3 @@
 %>
 <section class="dls">
+  <%- include('../partials/post-nav', { newerPost: (typeof newerPost !== 'undefined' ? newerPost : null), olderPost: (typeof olderPost !== 'undefined' ? olderPost : null) }) %>
   <h1 class="dls-h1">Downloads</h1>
   <p class="dls-sub">Gratis te downloaden — laat je e-mailadres achter en je krijgt het bestand.</p>

src/views/shell.ejs

@@ -163 +163 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=19">
+<link rel="stylesheet" href="/assets/css/style.css?v=20">
 
 <!-- Audio player styles: loaded on every page so the mini-player works