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 19:44:59 +00:00
parent c9b10b582b
commit 4d0ea4e1f6
1 changed files with 20 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
web/templates/entry_view.html
View File

@ -34,21 +34,10 @@
<!-- Main card -->
<div class="result-card">
<!-- 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/s/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>
<!-- SUBJECT as the main title -->
<h1 class="subject-title">
{{ entry.subject|default:"(no subject)" }}
</h1>
<!-- ILLUSTRATION -->
<div class="section">
@ -70,7 +59,15 @@
<div class="meta-grid">
<div class="meta-item">
<div class="meta-label">Source</div>
<div class="meta-value">{{ entry.source|default:"—" }}</div>
<div class="meta-value">
{% if entry.source %}
<a class="chip chip-link chip-lg"
href="https://wol.jw.org/en/wol/l/r1/lp-e?q={{ entry.source|urlencode }}"
target="_blank" rel="noopener noreferrer">
{{ entry.source }}
</a>
{% else %}—{% endif %}
</div>
</div>
<div class="meta-item">
@ -79,8 +76,8 @@
{% if scripture_list %}
{% for sc in scripture_list %}
<a class="chip chip-link"
href="https://wol.jw.org/en/wol/l/r1/lp-e?q={{ sc|urlencode }}"
target="_blank" rel="noopener noreferrer">
href="https://wol.jw.org/en/wol/l/r1/lp-e?q={{ sc|urlencode }}"
target="_blank" rel="noopener noreferrer">
{{ sc }}
</a>
{% endfor %}
@ -113,27 +110,12 @@
</div>
<!-- Tiny style tweak to make the Source pill larger/bold without touching global CSS -->
<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;
text-transform: capitalize; /* Capitalize each word */
}
.chip-subject:hover{
background:#e2effc;
border-color:#c9def5;
.chip-lg {
font-weight: 700;
font-size: 15px;
padding: 6px 12px;
}
</style>
{% endblock %}