From 20be6c706a28f4ebe455e16332ed0a9da5fab8ec Mon Sep 17 00:00:00 2001
From: Joshua Laymon <joshlaymon@icloud.com>
Date: Thu, 14 Aug 2025 18:28:49 +0000
Subject: [PATCH] Update web/templates/entry_view.html

---
 web/templates/entry_view.html | 33 ++++++++++++++++++++++++---------
 1 file changed, 24 insertions(+), 9 deletions(-)

diff --git a/web/templates/entry_view.html b/web/templates/entry_view.html
index 473c1f0..8ca9dab 100644
--- a/web/templates/entry_view.html
+++ b/web/templates/entry_view.html
@@ -34,10 +34,24 @@
 
   <!-- Main card -->
   <div class="result-card">
-    <!-- SUBJECT as the main title -->
-    <h1 class="subject-title">
-      {{ entry.subject|default:"(no subject)" }}
-    </h1>
+
+    <!-- SUBJECTS as clickable WOL chips (replaces big title) -->
+    <div class="section" style="margin-top:0;">
+      <div class="subject-chip-row" style="display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;">
+        {% if subject_list %}
+          {% for s in subject_list %}
+            <a
+              class="chip chip-link"
+              href="https://wol.jw.org/en/wol/l/r1/lp-e?q={{ s|urlencode }}"
+              target="_blank" rel="noopener"
+              title="Search WOL for {{ s }}"
+            >{{ s }}</a>
+          {% endfor %}
+        {% else %}
+          <span class="chip chip-muted">(no subject)</span>
+        {% endif %}
+      </div>
+    </div>
 
     <!-- ILLUSTRATION -->
     <div class="section">
@@ -67,12 +81,13 @@
         <div class="meta-value">
           {% if scripture_list %}
             {% for sc in scripture_list %}
-              <a class="chip chip-link"
+              <a
+                class="chip chip-link"
                 href="https://wol.jw.org/en/wol/l/r1/lp-e?q={{ sc|urlencode }}"
-                target="_blank" rel="noopener noreferrer">
-              {{ sc }}
-            </a>
-          {% endfor %}
+                target="_blank" rel="noopener"
+                title="Search WOL for {{ sc }}"
+              >{{ sc }}</a>
+            {% endfor %}
           {% else %}—{% endif %}
         </div>
       </div>