Changeset 221a209 in Klonkt for src/views/pages/circle-post.ejs

Timestamp:

06/16/2026 08:52:32 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

2248cd2

Parents:

fb02cc0

Message:

Circle: carry over + display tags from the original post

Publisher puts tags as AS Hashtag array in the outbox (href pointing to the
source tag page). Consumer parses + caches them (remote_posts.tags). Feed
cards display them (post-card), and the reader shows tag chips that link to
the /tag page of the source.

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

File:

• src/views/pages/circle-post.ejs (modified) (2 diffs)

src/views/pages/circle-post.ejs

@@ -23 +23 @@
   <div class="cirkel-post-body"><%= post.body %></div>
 
+  <% if (post.tags && post.tags.length) { %>
+    <div class="cirkel-post-tags">
+      <% post.tags.forEach(function(t){ %>
+        <% if (post.sourceTagBase) { %>
+          <a class="cirkel-tag" href="<%= post.sourceTagBase %>/tag/<%= encodeURIComponent(t) %>" target="_blank" rel="noopener">#<%= t %></a>
+        <% } else { %>
+          <span class="cirkel-tag">#<%= t %></span>
+        <% } %>
+      <% }); %>
+    </div>
+  <% } %>
+
   <% if (post.originalUrl) { %>
     <p class="cirkel-post-readmore">
@@ -42 +54 @@
 .cirkel-post-cover { width: 100%; border-radius: var(--radius); margin: 0 0 1.5rem; display: block; }
 .cirkel-post-body { font-size: 1.05rem; line-height: 1.7; white-space: pre-wrap; color: var(--ink); }
+.cirkel-post-tags { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1.25rem; }
+.cirkel-tag { font-size: .8rem; color: var(--ink-muted); background: var(--paper-2); border: 1px solid var(--rule); border-radius: 999px; padding: .15rem .6rem; text-decoration: none; }
+.cirkel-tag:hover { border-color: var(--accent); color: var(--accent); }
 .cirkel-post-readmore { margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid var(--rule); }
 .cirkel-post-readmore a { color: var(--accent); text-decoration: none; font-weight: 600; }