mirror of
https://github.com/PaiGramTeam/MibooGram.git
synced 2024-12-01 03:37:50 +00:00
18 lines
623 B
HTML
18 lines
623 B
HTML
|
<div class="flex flex-row">
|
||
|
|
{% for item in images.skills %}
|
||
|
|
<div class="mx-auto flex flex-col items-center justify-center">
|
||
|
|
<div
|
||
|
|
class="w-16 h-16 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="img/skill-{{ loop.index }}.png" 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>
|