Changeset cf4cf27 in Klonkt

Timestamp:

06/26/2026 05:10:47 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

eacd3d6

Parents:

eefd302

Message:

feat(circle): show only the post title in the feed + 2x larger source link

Circle feed used the whole post text as the title (run-on). Now extract just the
title (the note's bold first line); title-less notes fall back to a snippet. And the
'van <site>' source link (with ⛓ icon) is 2x larger (.72rem -> 1.44rem). style.css?v=55.

Location:

src

Files:

• assets/css/style.css (modified) (1 diff)
• routes/circle.js (modified) (2 diffs)
• views/shell.ejs (modified) (1 diff)

src/assets/css/style.css

@@ -2398 +2398 @@
 .grid-tile-overlay-src {
     color: #fff; opacity: .85;
-    font-size: .72rem; margin-top: .2rem;
+    font-size: 1.44rem; margin-top: .2rem;
     display: inline-flex; align-items: center;
 }
 .grid-tile-overlay-src::before { content: "⛓"; margin-right: .25rem; font-size: .9em; }
 .grid-tile-gradient-src {
-    margin-top: .35rem; font-size: .72rem; opacity: .85;
+    margin-top: .35rem; font-size: 1.44rem; opacity: .85;
     color: var(--ink-soft);
     display: inline-flex; align-items: center;

src/routes/circle.js

@@ -33 +33 @@
   const posts = ActivityPubService.getCirkelPosts(site.slug, 80).map((r) => {
     const text = htmlToText(r.content);
+    // Show ONLY the title (the bold first line a Klonkt note carries), not the whole
+    // body. Title-less notes (e.g. plain Mastodon) fall back to a short text snippet.
+    const titleM = (r.content || '').match(/^\s*<p>\s*<strong>([\s\S]*?)<\/strong>/i);
+    const realTitle = titleM ? htmlToText(titleM[1]).trim() : '';
     const image = mediaImage(r.media_json);
     const name = r.author_name || r.author_handle || 'Onbekend';
@@ -38 +42 @@
       id: 'ap-' + r.id,
       slug: '',
-      title: text ? (text.length > 90 ? text.slice(0, 90) + '…' : text) : name,
+      title: realTitle
+        ? (realTitle.length > 90 ? realTitle.slice(0, 90) + '…' : realTitle)
+        : (text ? (text.length > 90 ? text.slice(0, 90) + '…' : text) : name),
       excerpt: '',
       cover_image_url: image ? image.url : null,

src/views/shell.ejs

@@ -198 +198 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=54">
+<link rel="stylesheet" href="/assets/css/style.css?v=55">
 <script>
 /* iOS safe-area, built by hand. env(safe-area-inset-top) resolves to 0 on this iOS in