mirror of
https://github.com/PaiGramTeam/PaiGram.git
synced 2024-11-23 00:01:45 +00:00
eed418477f
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.
88 lines
3.4 KiB
Django/Jinja
88 lines
3.4 KiB
Django/Jinja
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>weapon</title>
|
|
<link type="text/css" href="../../styles/tailwind.min.css" rel="stylesheet">
|
|
<link type="text/css" href="./weapon.css" rel="stylesheet">
|
|
<link type="text/css" href="../../styles/public.css" rel="stylesheet">
|
|
<style>
|
|
.material-star {
|
|
position: relative;
|
|
top: -5px;
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page-container container mx-auto my-6 rounded-xl px-6 py-6 max-w-lg flex flex-col divide-y-2 divide-inherit" id="container">
|
|
<div class="base-weapon-info flex py-2">
|
|
<div class="base-weapon-info-name flex-grow m-5 ml-2 font-thin text-4xl">
|
|
<h1>{{weapon_name}}</h1>
|
|
<div class="material-star mt-4" style="height: 40px;width: 20px;">
|
|
{% for _ in range(weapon_rarity) %}
|
|
<img alt="star" src="../../background/rarity/star.webp"/>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div class="base-weapon-info-type-img m-2 mr-8 flex-shrink h-16 w-16">
|
|
<img src="{{weapon_info_type_img}}">
|
|
</div>
|
|
</div>
|
|
<div class="stat-progression-1 flex py-2">
|
|
<div class="flex-grow m-2">
|
|
<div class="stat-progression-secondary-stat-value mt-2 font-thin text-4xl">
|
|
<h1>{{progression_secondary_stat_value}}</h1>
|
|
</div>
|
|
<div class="stat-progression-secondary-stat-name mt-2 text-1xl">
|
|
<h2>{{progression_secondary_stat_name}}</h2>
|
|
</div>
|
|
</div>
|
|
<div class="base-weapon-info-source mr-4 my-1 rounded-full h-24 w-24 flex-shrink">
|
|
<img class="base-weapon-info-source-img object-contain w-full h-full" src="{{weapon_info_source_img}}">
|
|
</div>
|
|
</div>
|
|
<div class="stat-progression-2 flex py-2">
|
|
<div class="flex-grow m-2">
|
|
<div class="stat-progression-level text-base font-semibold">
|
|
<h1>Lv.{{ weapon_info_max_level }}</h1>
|
|
</div>
|
|
<div class="stat-progression-base-atk text-base">
|
|
<h2>攻击力 {{progression_base_atk}}</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ascension-materials py-2">
|
|
<div class="flex">
|
|
{% for weapon_info_source in weapon_info_source_list %}
|
|
<div class="ascension-materials-info m-2 p-1 rounded-full flex-shrink w-16 h-16">
|
|
<img class="base-weapon-info-source-img object-contain w-full h-full" src="{{weapon_info_source}}">
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div class="special-ability flex py-2">
|
|
<div class="special-ability-box flex-grow m-2">
|
|
<div class="special-ability-name pb-2 text-base font-semibold text-gray-700">
|
|
<h1>{{special_ability_name}}</h1>
|
|
</div>
|
|
<div class="special-ability-info text-base">
|
|
<samp>{{special_ability_info}}</samp>
|
|
</div>
|
|
{% if weapon_rarity > 2 %}
|
|
<div class="text-base opacity-70 mt-5">
|
|
<samp>{{weapon_description}}</samp>
|
|
</div>
|
|
{% else %}
|
|
<div class="text-base">
|
|
<samp>{{weapon_description}}</samp>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|