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

Update web/templates/stats.html

Browse Source
This commit is contained in:
Joshua Laymon 2025-08-20 03:06:57 +00:00
parent c54142446a
commit 7b650ef1d5
1 changed files with 15 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
web/templates/stats.html
View File

@ -36,35 +36,22 @@
</div>
</div>
<!-- Subject Cloud (no pills) -->
<!-- Top subjects -->
<div class="card" style="padding:16px; margin-bottom:16px;">
<div class="meta-label">Subject Cloud</div>
{% if top_subjects %}
{% with maxc=top_subjects.0.count|default:1 %}
<div class="tag-cloud" aria-label="Subject Tag Cloud">
<div class="meta-label">Top Subjects</div>
<div style="display:flex; flex-wrap:wrap; gap:8px; margin-top:8px;">
{% for s in top_subjects %}
<a
class="tag"
class="chip chip-link"
href="{% url 'search' %}?q={{ s.name|urlencode }}&subject=on"
title="{{ s.name }} ({{ s.count }})"
style="
/* Size: 12px → 40px */
font-size: calc(12px + ({{ s.count }} / {{ maxc }}) * 28px);
/* Weight: 350 → 800 */
font-weight: calc(350 + ({{ s.count }} / {{ maxc }}) * 450);
/* Color: darker as frequency rises */
color: rgba(31, 41, 55, calc(.45 + ({{ s.count }} / {{ maxc }}) * .55));
"
title="Search subject: {{ s.name }}"
>
{{ s.name }}
{{ s.name }} ({{ s.count }})
</a>
{% empty %}
<span class="muted">No subjects.</span>
{% endfor %}
</div>
{% endwith %}
{% else %}
<span class="muted">No subjects.</span>
{% endif %}
</div>
<!-- Scripture usage -->
@ -104,25 +91,4 @@
</div>
</div>
</div>
<style>
.tag-cloud{
display:flex;
flex-wrap:wrap;
gap:12px 18px;
margin-top:10px;
align-items:flex-end;
}
.tag{
line-height:1.1;
text-decoration:none;
white-space:nowrap;
transition: transform .12s ease, text-decoration-color .12s ease, color .12s ease;
text-underline-offset: 3px;
}
.tag:hover{
transform: translateY(-2px);
text-decoration: underline;
}
</style>
{% endblock %}