From e46baf497beedaea0e8eb359bcc91646a94ec59c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Mon, 18 May 2026 16:38:39 +0200
Subject: [PATCH] Fix lightbox tags: add # prefix and link to tag pages

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assets/js/app.js | 5 ++++-
 static/js/app.js | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/assets/js/app.js b/assets/js/app.js
index 9d26430..296172e 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -281,7 +281,10 @@
         <div class="lb__fact"><dt>Plate</dt><dd>№ ${esc(p.id)}</dd></div>
         <div class="lb__fact"><dt>Category</dt><dd>${esc((p.categories||['—'])[0])}</dd></div>
       </dl>
-      <div class="lb__tags">${tags.map(t => `<span class="lb__tag">${esc(t)}</span>`).join('')}</div>
+      <div class="lb__tags">${tags.map(t => {
+        const slug = t.toLowerCase().replace(/[\s,]+/g, '-').replace(/[^a-z0-9-]/g, '');
+        return `<a class="lb__tag" href="/tags/${slug}/"># ${esc(t)}</a>`;
+      }).join('')}</div>
       <div class="lb__share">
         <button class="lb__sh lb__sh--primary" id="lbCopy" data-url="${esc(p.url)}">
           <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 1 0-7.07-7.07l-1 1"/><path d="M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 1 0 7.07 7.07l1-1"/></svg>
diff --git a/static/js/app.js b/static/js/app.js
index 9d26430..296172e 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -281,7 +281,10 @@
         <div class="lb__fact"><dt>Plate</dt><dd>№ ${esc(p.id)}</dd></div>
         <div class="lb__fact"><dt>Category</dt><dd>${esc((p.categories||['—'])[0])}</dd></div>
       </dl>
-      <div class="lb__tags">${tags.map(t => `<span class="lb__tag">${esc(t)}</span>`).join('')}</div>
+      <div class="lb__tags">${tags.map(t => {
+        const slug = t.toLowerCase().replace(/[\s,]+/g, '-').replace(/[^a-z0-9-]/g, '');
+        return `<a class="lb__tag" href="/tags/${slug}/"># ${esc(t)}</a>`;
+      }).join('')}</div>
       <div class="lb__share">
         <button class="lb__sh lb__sh--primary" id="lbCopy" data-url="${esc(p.url)}">
           <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 1 0-7.07-7.07l-1 1"/><path d="M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 1 0 7.07 7.07l1-1"/></svg>