PaiGram/resources/genshin/player_card/skills.html

18 lines
599 B
HTML
Raw Normal View History

<div class="flex flex-row">
{% for item in character.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.element.name | lower }}.png')"
>
<img src="{{ item.icon.url }}" 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"
>
{{ item.level }}
</div>
</div>
{% endfor %}
</div>