joshlaymon/Illustrations
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update web/templates/entry_view.html

Browse Source
This commit is contained in:
Joshua Laymon 2025-08-14 18:41:45 +00:00
parent 283eb53b68
commit fbd404ad16
1 changed files with 42 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
web/templates/entry_view.html
View File

@ -34,10 +34,21 @@
<!-- Main card -->
<div class="result-card">
<!-- SUBJECT as the main title -->
<h1 class="subject-title">
{{ entry.subject|default:"(no subject)" }}
</h1>
<!-- SUBJECT pills (WOL-linked) -->
<div class="subject-pills">
{% if subject_list %}
{% for s in subject_list %}
<a
class="chip chip-subject"
href="https://wol.jw.org/en/wol/l/r1/lp-e?q={{ s }}"
target="_blank" rel="noopener noreferrer"
title="Search WOL for {{ s }}"
>{{ s }}</a>
{% endfor %}
{% else %}
<span class="chip chip-muted">(no subject)</span>
{% endif %}
</div>
<!-- ILLUSTRATION -->
<div class="section">
@ -70,9 +81,9 @@
<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 %}
{{ sc }}
</a>
{% endfor %}
{% else %}—{% endif %}
</div>
</div>
@ -101,4 +112,28 @@
</div>
</div>
<!-- Subject pill tweaks (larger + bold) -->
<style>
.subject-pills{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:0 0 10px;
}
.chip-subject{
font-weight:700;
font-size:16px;
padding:8px 14px;
border-radius:999px;
background:#eef5fc;
border:1px solid #d7e6f7;
color:#0f172a;
text-decoration:none;
}
.chip-subject:hover{
background:#e2effc;
border-color:#c9def5;
}
</style>
{% endblock %}