From 17ea5c33369c77aec7e57c7eefcb3740f828a19b Mon Sep 17 00:00:00 2001
From: CJ_Clippy <cj@futureporn.net>
Date: Fri, 14 Nov 2025 17:25:26 -0800
Subject: [PATCH] add anchors to detail headings

---
 services/pocketbase/package.json                     |  2 +-
 .../pb_hooks/pages/(site)/vods/[id]/index.ejs        | 12 ++++++------
 .../pocketbase/pb_hooks/pages/_private/vod-list.ejs  |  8 +++++---
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/services/pocketbase/package.json b/services/pocketbase/package.json
index 8d4cb172..56f90c79 100644
--- a/services/pocketbase/package.json
+++ b/services/pocketbase/package.json
@@ -1,6 +1,6 @@
 {
   "name": "futureporn",
-  "version": "3.3.0",
+  "version": "3.3.4",
   "private": true,
   "description": "Dedication to the preservation of lewdtuber history",
   "license": "Unlicense",
diff --git a/services/pocketbase/pb_hooks/pages/(site)/vods/[id]/index.ejs b/services/pocketbase/pb_hooks/pages/(site)/vods/[id]/index.ejs
index 2dae059a..9cc21b9b 100644
--- a/services/pocketbase/pb_hooks/pages/(site)/vods/[id]/index.ejs
+++ b/services/pocketbase/pb_hooks/pages/(site)/vods/[id]/index.ejs
@@ -50,30 +50,30 @@
     <% if (vtubers.length === 0) { %>None<% } %>
   </p>
 
-  <p><b>Stream Date:</b> <%= data.vod?.get('streamDate') ?? 'Unknown date' %></p>
+  <p><b id="stream-date">Stream Date:</b> <%= data.vod?.get('streamDate') ?? 'Unknown date' %></p>
 
   <% if (data.vod?.get('announceUrl')) { %>
   <p>
-    <b>Announce URL:</b>
+    <b id="announce-url">Announce URL:</b>
     <a href="<%= data.vod?.get('announceUrl') %>"><%= data.vod?.get('announceUrl') %></a>
   </p>
   <% } %>
 
   <% if (data.vod?.get('ipfsCid')) { %>
-  <p><b>IPFS CID:</b> <%= data.vod?.get('ipfsCid') %></p>
+  <p><b id="ipfs-cid">IPFS CID:</b> <%= data.vod?.get('ipfsCid') %></p>
   <% } %>
 
   <% if (data.vod?.get('magnetLink')) { %>
-  <p><b>Magnet Link:</b> <%= data.vod?.get('magnetLink') %></p>
+  <p><b id="magnet-link">Magnet Link:</b> <%= data.vod?.get('magnetLink') %></p>
   <% } %>
 
   <% if (data.vod?.get('notes')) { %>
-  <p><b>Notes:</b></p>
+  <p><b id="notes">Notes:</b></p>
   <div class="p-2 level"><%- data.vod?.get('notes') %></div>
   <% } %>
 
   <% if (data.vod?.get('thumbnail')) { %>
-  <p><b>Thumbnail:</b></p>
+  <p><b id="thumbnail">Thumbnail:</b></p>
   <figure class="image">
     <img src="/api/files/vods/<%= data.vod?.get('id') %>/<%= data.vod?.get('thumbnail') %>" />
   </figure>
diff --git a/services/pocketbase/pb_hooks/pages/_private/vod-list.ejs b/services/pocketbase/pb_hooks/pages/_private/vod-list.ejs
index 05cb0ce1..b8ef5731 100644
--- a/services/pocketbase/pb_hooks/pages/_private/vod-list.ejs
+++ b/services/pocketbase/pb_hooks/pages/_private/vod-list.ejs
@@ -28,9 +28,11 @@
         </td>
         <td style="width: 160px;">
           <% if (vod.thumbnail) { %>
-          <figure class="image is-3by2">
-            <img src="/api/files/<%= vod.collectionId %>/<%= vod.id %>/<%= vod.thumbnail %>?quality=5&width=12" alt="Thumbnail" style="width: 120px; border-radius: 8px;">
-          </figure>
+          <a href="/vods/<%= vod.id %>#thumbnail" class="is-small is-link">
+            <figure class="image is-3by2">
+              <img src="/api/files/<%= vod.collectionId %>/<%= vod.id %>/<%= vod.thumbnail %>?quality=40&width=120" alt="Thumbnail" style="width: 120px; border-radius: 8px;">
+            </figure>
+          </a>
           <% } else { %>
           <span>No thumbnail</span>
           <% } %>