PamGram/resources/starrail/player_card/skills.html

18 lines
603 B
HTML
Raw Permalink Normal View History

2023-05-11 15:09:39 +00:00
<div class="flex flex-row">
{% for item in images.skills %}
<div class="mx-auto flex flex-col items-center justify-center">
<div
class="w-32 h-32 flex items-center justify-center bg-contain bg-no-repeat bg-center"
style="background-image: url('img/talent-{{ character_detail.element.name | lower }}.png')"
>
<img src="{{ item }}" alt="" class="w-16 h-16" />
</div>
<div
class="w-10 -mt-8 text-xl font-medium bg-white text-neutral-800 italic rounded-lg text-center bg-opacity-80"
>
{{ skills[loop.index0] }}
</div>
</div>
{% endfor %}
</div>