ross/toptrumps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
Ross
2025-12-06 22:44:27 +00:00
parent b1364a6eea
commit 2dc1631fd2
1 changed files with 44 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cards/templates/cards/_card_inner_design4.html
+44 -4
View File
@@ -48,10 +48,50 @@
</div> </div>
<div style="padding:8px 10px; border-top:1px solid rgba(0,0,0,0.04); background:#fafafa;"> <div style="padding:8px 10px; border-top:1px solid rgba(0,0,0,0.04); background:#fafafa;">
<div style="display:flex; flex-direction:column; gap:6px;"> <div style="display:flex; flex-direction:column; gap:6px;">
<div style="display:flex; justify-content:space-between; align-items:center;"><div style="font-size:0.9rem; font-weight:700">Speed</div><div style="font-weight:800">{{ card.speed_display }}</div></div> <div style="display:flex; justify-content:space-between; align-items:center;">
<div style="display:flex; justify-content:space-between; align-items:center;"><div style="font-size:0.9rem; font-weight:700">Weight</div><div style="font-weight:800">{{ card.weight_display }}</div></div> <div style="font-size:0.9rem; font-weight:700">Speed</div>
<div style="display:flex; justify-content:space-between; align-items:center;"><div style="font-size:0.9rem; font-weight:700">Intelligence</div><div style="font-weight:800">{{ card.intelligence_display }}</div></div> <div style="display:flex; align-items:center; gap:8px;">
<div style="display:flex; justify-content:space-between; align-items:center;"><div style="font-size:0.9rem; font-weight:700">Height</div><div style="font-weight:800">{{ card.height_display }}</div></div> <div style="font-weight:800">{{ card.speed_display }}</div>
<div aria-hidden="true" style="display:flex; gap:2px;">
{% for t in card.speed_star_types %}
<span style="font-size:0.95rem; line-height:1; color: {% if t == 'full' %}#1abc9c{% elif t == 'half' %}#1abc9c; opacity:0.55{% else %}#ddd{% endif %};">{% if t == 'empty' %}☆{% else %}★{% endif %}</span>
{% endfor %}
</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; align-items:center;">
<div style="font-size:0.9rem; font-weight:700">Weight</div>
<div style="display:flex; align-items:center; gap:8px;">
<div style="font-weight:800">{{ card.weight_display }}</div>
<div aria-hidden="true" style="display:flex; gap:2px;">
{% for t in card.weight_star_types %}
<span style="font-size:0.95rem; line-height:1; color: {% if t == 'full' %}#d35400{% elif t == 'half' %}#d35400; opacity:0.55{% else %}#ddd{% endif %};">{% if t == 'empty' %}☆{% else %}★{% endif %}</span>
{% endfor %}
</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; align-items:center;">
<div style="font-size:0.9rem; font-weight:700">Intelligence</div>
<div style="display:flex; align-items:center; gap:8px;">
<div style="font-weight:800">{{ card.intelligence_display }}</div>
<div aria-hidden="true" style="display:flex; gap:2px;">
{% for t in card.intelligence_star_types %}
<span style="font-size:0.95rem; line-height:1; color: {% if t == 'full' %}#8e44ad{% elif t == 'half' %}#8e44ad; opacity:0.55{% else %}#ddd{% endif %};">{% if t == 'empty' %}☆{% else %}★{% endif %}</span>
{% endfor %}
</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; align-items:center;">
<div style="font-size:0.9rem; font-weight:700">Height</div>
<div style="display:flex; align-items:center; gap:8px;">
<div style="font-weight:800">{{ card.height_display }}</div>
<div aria-hidden="true" style="display:flex; gap:2px;">
{% for t in card.height_star_types %}
<span style="font-size:0.95rem; line-height:1; color: {% if t == 'full' %}#27ae60{% elif t == 'half' %}#27ae60; opacity:0.55{% else %}#ddd{% endif %};">{% if t == 'empty' %}☆{% else %}★{% endif %}</span>
{% endfor %}
</div>
</div>
</div>
{% if card.facts_list %} {% if card.facts_list %}
<div style="margin-top:6px; border-top:1px solid rgba(0,0,0,0.03); padding-top:6px; font-size:0.85rem; color:#333;"> <div style="margin-top:6px; border-top:1px solid rgba(0,0,0,0.03); padding-top:6px; font-size:0.85rem; color:#333;">
<strong style="display:block; margin-bottom:4px;">Fun facts</strong> <strong style="display:block; margin-bottom:4px;">Fun facts</strong>