PaiGram/resources/genshin/daily_material/weapon.jinja2
洛水居室 eed418477f
♻️ Rename HTML templates to use .jinja2 extension
Previously, all templates were named with the .html extension, which caused problems for editors to recognize the Jinja2 syntax used in them. In this commit, all templates have been renamed to use the .jinja2 extension to better reflect their use of Jinja2 and to improve editor recognition.
2023-05-09 19:19:32 +08:00

90 lines
4.0 KiB
Django/Jinja

<!DOCTYPE html>
<!--suppress HtmlUnknownTag, SpellCheckingInspection -->
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>每日素材</title>
<link type="text/css" href="./style.css" rel="stylesheet"/>
</head>
<body>
<main class="container">
<div class="title">{{ data.title }}可培养武器</div>
<div class="user-info">
{% if data.uid != none %}
<span>UID: {{ data.uid }}</span>
{% else %}
<span>暂未绑定UID</span>
{% endif %}
<span>{{ data.time }}</span>
</div>
<hr/>
<div class="box">
{% for area in data.weapon %}
<div class="area">
<div class="area-head">
<span class="area-name">
<img src="./bg/area/{{ loop.index0 }}.png" alt="{{ area.name }}"/>
<div>{{ area.name }}</div>
</span>
<span class="material-name">{{ area.material_name }}</span>
<span class="materials">
{% for material in area.materials %}
<div class="material">
<div class="material-icon"
style="background-image: url(../../background/rarity/half/{{ material.rarity }}.png)">
<img alt="{{ material.name }}" src="{{ material.icon }}"/>
</div>
<div class="material-star">
{% for _ in range(material.rarity) %}
<img alt="star" src="../../background/rarity/star.webp"/>
{% endfor %}
</div>
</div>
{% endfor %}
</span>
</div>
<div class="area-content">
{% for item in area.items %}
<div
{% if data.uid != none and (item.level == none or item.level >= 81) %}
class="item weapon item-not-owned"
{% else %}
class="item weapon"
{% endif %}
>
{% if item.c_path != none %}
<div class="role">
<img src="{{ item.c_path }}" alt=""/>
</div>
{% endif %}
<div class="item-icon"
style="background-image: url(../../background/rarity/full/{{ item.rarity }}.png)">
{% if item.level != none %}
<div>Lv.{{ item.level }}</div>
{% endif %}
{% if item.refinement != none %}
{% if item.refinement == 5 %}
<div style="background-color: rgba(251,86,33, 0.8);backdrop-filter: blur(3px);">
精炼5
</div>
{% elif item.refinement != 1 %}
<div style="background-color: rgba(103,167,230, 0.8);backdrop-filter: blur(3px);">
精炼{{ item.refinement }}
</div>
{% endif %}
{% endif %}
<img src="{{ item.icon }}" alt="{{ item.name }}"/>
</div>
<div class="item-name">
<div>{{ item.name }}</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
</main>
</body>
</html>