PamGram/resources/genshin/daily_material/weapon.html
Karako 57edccd925
Enhance abyss
Signed-off-by: Karako <karakohear@gmail.com>
Co-authored-by: 洛水居室 <luoshuijs@outlook.com>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
2022-10-12 17:34:55 +08:00

90 lines
4.0 KiB
HTML

<!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>