PaiGram/resources/genshin/player_card/player_card.jinja2

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <title>Title</title>
    <script src="../../js/tailwindcss-3.1.8.js"></script>
    <link type="text/css" href="../../styles/public.css" rel="stylesheet" />
    <style>
      .text-shadow {
        text-shadow: 0 0.08em 0.1em #000, 0 0.1em 0.3em rgba(0, 0, 0, 0.4);
      }

      .star {
        background-image: url("./img/star.png");
        height: 1rem;
        width: 5rem;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .star-1 {
        background-position-y: 0;
      }
      .star-2 {
        background-position-y: -1rem;
      }
      .star-3 {
        background-position-y: -2rem;
      }
      .star-4 {
        background-position-y: -3rem;
      }
      .star-5 {
        background-position-y: -4rem;
      }
      @font-face {
        font-family: shicon;
        src: url(fonts/shicon.woff) format("woff");
        font-weight: 400;
        font-style: normal;
        font-display: block;
      }

      .enka-log {
        line-height: 0;
        margin-right: 0.3rem;
      }
      .enka-log:before {
        content: "\e93a";
          font-family: shicon, serif;
        font-size: 1.25em;
      }
    </style>
  </head>
  <body class="text-xl text-neutral-200">
    <div
      class="data bg-no-repeat bg-cover pb-5 min-w-[845px] overflow-hidden"
      style="background-image: url('img/bg-{{ character.element.name | lower }}.jpg')"
    >
      <div class="relative mb-4 overflow-hidden">
        <!-- Character Background -->
        <div
          class="absolute w-full h-full -left-1/4 opacity-80 bg-no-repeat bg-center"
          style="background-image: url('{{ character.image.banner.url }}'); background-size: auto 100%;"
        ></div>
        <div class="relative w-full flex p-5 space-x-8">
          {% include "genshin/player_card/constellations.jinja2" %}

          <div class="flex-1 space-y-4">
            <div class="text-right italic">
              <div class="characters-name text-5xl font-bold text-shadow mb-2">
                {{ character.name }}
              </div>
              <div
                class="flex flex-row justify-end text-2xl text-shadow space-x-6"
              >
                <div>UID {{ uid }}</div>
                <div>Lv.{{ character.level }}</div>
                <div
                  class="rounded-lg pl-1 pr-3 {% if character.friendship_level >= 10 %} bg-red-600 {% else %} bg-gray-600 {% endif %}"
                >
                  ❤ {{ character.friendship_level }}
                </div>
              </div>
            </div>

            {% include "genshin/player_card/skills.jinja2" %} {% include
            "genshin/player_card/stats.jinja2" %}
          </div>
        </div>
      </div>

      <!-- Info -->
      <div class="px-5 relative">
        <div class="grid grid-cols-3 gap-4">
          <div class="flex flex-col space-y-2">
            {% include "genshin/player_card/weapon.jinja2" %} {% include
            "genshin/player_card/score.jinja2" %}
          </div>

          {% include "genshin/player_card/artifacts.jinja2" %}
        </div>
      </div>

      <!-- Logo -->
      <div class="mt-4 relative">
        <div class="text-gray-300 text-center opacity-70 text-lg">
          Data from <span class="enka-log"></span>Enka.Network × Inspired by
          Miao-Plugin
        </div>
      </div>
    </div>
  </body>
</html>
-												✨ Initial commit

											
										
										
											2022-07-26 10:07:31 +00:00
+								<!DOCTYPE html>
-												✨ 添加角色卡片插件


Co-authored-by: Li Chuangbo <im@chuangbo.li>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
Co-authored-by: luoshuijs <luoshuijs@outlook.com>
											
										
										
											2022-09-09 14:50:17 +00:00
+								<html lang="zh-CN">
 								  <head>
 								    <meta charset="utf-8" />
-												✨ Initial commit

											
										
										
											2022-07-26 10:07:31 +00:00
+								    <title>Title</title>
-												✨ 添加角色卡片插件


Co-authored-by: Li Chuangbo <im@chuangbo.li>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
Co-authored-by: luoshuijs <luoshuijs@outlook.com>
											
										
										
											2022-09-09 14:50:17 +00:00
+								    <script src="../../js/tailwindcss-3.1.8.js"></script>
-												✨ 增加用于模板预览和调试的 web server


											
										
										
											2022-10-12 13:39:47 +00:00
+								    <link type="text/css" href="../../styles/public.css" rel="stylesheet" />
-												✨ 添加角色卡片插件


Co-authored-by: Li Chuangbo <im@chuangbo.li>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
Co-authored-by: luoshuijs <luoshuijs@outlook.com>
											
										
										
											2022-09-09 14:50:17 +00:00
+								    <style>
 								      .text-shadow {
 								        text-shadow: 0 0.08em 0.1em #000, 0 0.1em 0.3em rgba(0, 0, 0, 0.4);
 								      }
-												✨ Initial commit

											
										
										
											2022-07-26 10:07:31 +00:00
-												✨ 添加角色卡片插件


Co-authored-by: Li Chuangbo <im@chuangbo.li>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
Co-authored-by: luoshuijs <luoshuijs@outlook.com>
											
										
										
											2022-09-09 14:50:17 +00:00
+								      .star {
 								        background-image: url("./img/star.png");
 								        height: 1rem;
 								        width: 5rem;
 								        background-repeat: no-repeat;
 								        background-size: cover;
 								      }
 								      .star-1 {
 								        background-position-y: 0;
 								      }
 								      .star-2 {
 								        background-position-y: -1rem;
 								      }
 								      .star-3 {
 								        background-position-y: -2rem;
 								      }
 								      .star-4 {
 								        background-position-y: -3rem;
 								      }
 								      .star-5 {
 								        background-position-y: -4rem;
 								      }
-												🎨 Add logo of player card

											
										
										
											2022-12-11 08:56:54 +00:00
+								      @font-face {
 								        font-family: shicon;
 								        src: url(fonts/shicon.woff) format("woff");
 								        font-weight: 400;
 								        font-style: normal;
-												✨ Update `player_card` module

Co-authored-by: CWorld <37377181+cworld1@users.noreply.github.com>
											
										
										
											2023-02-11 08:33:42 +00:00
+								        font-display: block;
-												🎨 Add logo of player card

											
										
										
											2022-12-11 08:56:54 +00:00
+								      }
 								      .enka-log {
 								        line-height: 0;
-												✨ Update `player_card` module

Co-authored-by: CWorld <37377181+cworld1@users.noreply.github.com>
											
										
										
											2023-02-11 08:33:42 +00:00
+								        margin-right: 0.3rem;
-												🎨 Add logo of player card

											
										
										
											2022-12-11 08:56:54 +00:00
+								      }
 								      .enka-log:before {
 								        content: "\e93a";
-												:recycle: 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 11:01:45 +00:00
+								          font-family: shicon, serif;
-												✨ Update `player_card` module

Co-authored-by: CWorld <37377181+cworld1@users.noreply.github.com>
											
										
										
											2023-02-11 08:33:42 +00:00
+								        font-size: 1.25em;
-												🎨 Add logo of player card

											
										
										
											2022-12-11 08:56:54 +00:00
+								      }
-												✨ 添加角色卡片插件


Co-authored-by: Li Chuangbo <im@chuangbo.li>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
Co-authored-by: luoshuijs <luoshuijs@outlook.com>
											
										
										
											2022-09-09 14:50:17 +00:00
+								    </style>
 								  </head>
 								  <body class="text-xl text-neutral-200">
 								    <div
 								      class="data bg-no-repeat bg-cover pb-5 min-w-[845px] overflow-hidden"
 								      style="background-image: url('img/bg-{{ character.element.name | lower }}.jpg')"
 								    >
 								      <div class="relative mb-4 overflow-hidden">
 								        <!-- Character Background -->
 								        <div
-												🐛 修复旅行者角色卡角色图片显示不全问题

											
										
										
											2022-10-13 08:30:19 +00:00
+								          class="absolute w-full h-full -left-1/4 opacity-80 bg-no-repeat bg-center"
 								          style="background-image: url('{{ character.image.banner.url }}'); background-size: auto 100%;"
-												✨ 添加角色卡片插件


Co-authored-by: Li Chuangbo <im@chuangbo.li>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
Co-authored-by: luoshuijs <luoshuijs@outlook.com>
											
										
										
											2022-09-09 14:50:17 +00:00
+								        ></div>
 								        <div class="relative w-full flex p-5 space-x-8">
-												:recycle: 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 11:01:45 +00:00
+								          {% include "genshin/player_card/constellations.jinja2" %}
-												✨ Initial commit

											
										
										
											2022-07-26 10:07:31 +00:00
-												✨ 添加角色卡片插件


Co-authored-by: Li Chuangbo <im@chuangbo.li>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
Co-authored-by: luoshuijs <luoshuijs@outlook.com>
											
										
										
											2022-09-09 14:50:17 +00:00
+								          <div class="flex-1 space-y-4">
 								            <div class="text-right italic">
 								              <div class="characters-name text-5xl font-bold text-shadow mb-2">
 								                {{ character.name }}
 								              </div>
 								              <div
-												🎨 Fix `play_card` remove the line break for the friendship level label

											
										
										
											2023-02-05 16:24:18 +00:00
+								                class="flex flex-row justify-end text-2xl text-shadow space-x-6"
-												✨ 添加角色卡片插件


Co-authored-by: Li Chuangbo <im@chuangbo.li>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
Co-authored-by: luoshuijs <luoshuijs@outlook.com>
											
										
										
											2022-09-09 14:50:17 +00:00
+								              >
-												🎨 Fix `play_card` remove the line break for the friendship level label

											
										
										
											2023-02-05 16:24:18 +00:00
+								                <div>UID {{ uid }}</div>
 								                <div>Lv.{{ character.level }}</div>
-												✨ Update `player_card` module

Co-authored-by: CWorld <37377181+cworld1@users.noreply.github.com>
											
										
										
											2023-02-11 08:33:42 +00:00
+								                <div
 								                  class="rounded-lg pl-1 pr-3 {% if character.friendship_level >= 10 %} bg-red-600 {% else %} bg-gray-600 {% endif %}"
 								                >
-												✨ 添加角色卡片插件


Co-authored-by: Li Chuangbo <im@chuangbo.li>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
Co-authored-by: luoshuijs <luoshuijs@outlook.com>
											
										
										
											2022-09-09 14:50:17 +00:00
+								                  ❤ {{ character.friendship_level }}
 								                </div>
 								              </div>
 								            </div>
-												:recycle: 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 11:01:45 +00:00
+								            {% include "genshin/player_card/skills.jinja2" %} {% include
 								            "genshin/player_card/stats.jinja2" %}
-												✨ 添加角色卡片插件


Co-authored-by: Li Chuangbo <im@chuangbo.li>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
Co-authored-by: luoshuijs <luoshuijs@outlook.com>
											
										
										
											2022-09-09 14:50:17 +00:00
+								          </div>
 								        </div>
 								      </div>
 								      <!-- Info -->
 								      <div class="px-5 relative">
 								        <div class="grid grid-cols-3 gap-4">
 								          <div class="flex flex-col space-y-2">
-												:recycle: 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 11:01:45 +00:00
+								            {% include "genshin/player_card/weapon.jinja2" %} {% include
 								            "genshin/player_card/score.jinja2" %}
-												✨ 添加角色卡片插件


Co-authored-by: Li Chuangbo <im@chuangbo.li>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
Co-authored-by: luoshuijs <luoshuijs@outlook.com>
											
										
										
											2022-09-09 14:50:17 +00:00
+								          </div>
-												:recycle: 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 11:01:45 +00:00
+								          {% include "genshin/player_card/artifacts.jinja2" %}
-												✨ 添加角色卡片插件


Co-authored-by: Li Chuangbo <im@chuangbo.li>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
Co-authored-by: luoshuijs <luoshuijs@outlook.com>
											
										
										
											2022-09-09 14:50:17 +00:00
+								        </div>
 								      </div>
-												🎨 Add logo of player card

											
										
										
											2022-12-11 08:56:54 +00:00
 								      <!-- Logo -->
 								      <div class="mt-4 relative">
 								        <div class="text-gray-300 text-center opacity-70 text-lg">
-												✨ Update `player_card` module

Co-authored-by: CWorld <37377181+cworld1@users.noreply.github.com>
											
										
										
											2023-02-11 08:33:42 +00:00
+								          Data from <span class="enka-log"></span>Enka.Network × Inspired by
 								          Miao-Plugin
-												🎨 Add logo of player card

											
										
										
											2022-12-11 08:56:54 +00:00
+								        </div>
 								      </div>
-												✨ 添加角色卡片插件


Co-authored-by: Li Chuangbo <im@chuangbo.li>
Co-authored-by: xtaodada <xtao@xtaolink.cn>
Co-authored-by: luoshuijs <luoshuijs@outlook.com>
											
										
										
											2022-09-09 14:50:17 +00:00
+								    </div>
 								  </body>
 								</html>