Changeset ca0ad44 in Klonkt for src/views

Timestamp:

06/27/2026 09:14:55 AM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

5421ce1

Parents:

a3e0746

Message:

feat(news): surface embedUrl + a direct "open the player" link

• routes/posts.js — klonktAudioEmbed now returns embedUrl (the /embed?post=… player URL); the /news builder carries it on each post as p.embedUrl.
• views/pages/news.ejs — render a top-level "▶ Open the player" link to embedUrl, which opens the player full-page so it works even when a browser shield/CSP blocks the cross-site iframe; + CSS.
• services/i18n.js — tl.open_player (NL/EN/DE).

File:

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

src/views/pages/news.ejs

@@ -43 +43 @@
 
           <% if (p.embedHtml) { %><div class="tl-embed"><%- p.embedHtml %></div><% } %>
+          <% if (p.embedUrl) { %><a class="tl-embed-open" href="<%= p.embedUrl %>" target="_blank" rel="noopener">▶ <%= t('tl.open_player') %></a><% } %>
 
           <% if (p.url) { %><a class="tl-orig" href="<%= p.url %>" target="_blank" rel="nofollow noopener"><%= t('tl.view_original') %></a><% } %>
@@ -105 +106 @@
   .tl-embed-bandcamp { aspect-ratio: auto; height: 470px; }
   .tl-embed-apple { aspect-ratio: auto; height: 175px; }
+  .tl-embed-open { display: inline-block; margin: .45rem .9rem 0 0; font-size: .82rem; font-weight: 600; color: var(--accent); text-decoration: none; }
+  .tl-embed-open:hover { text-decoration: underline; }
 
   .tl-orig { display: inline-block; margin: .7rem 0 0; font-size: .82rem; color: var(--accent, #06c); text-decoration: none; }