mirror of
https://github.com/PaiGramTeam/MibooGram.git
synced 2024-11-16 12:51: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.
103 lines
4.4 KiB
Django/Jinja
103 lines
4.4 KiB
Django/Jinja
<!DOCTYPE html>
|
|
<html lang="zh-cn">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<link rel="shortcut icon" href="#"/>
|
|
<link rel="stylesheet" type="text/css" href="common.css"/>
|
|
<title>Calendar</title>
|
|
<link rel="stylesheet" type="text/css" href="calendar.css"/>
|
|
</head>
|
|
<body class="elem-hydro {{ display_mode }}-mode" style=transform:scale(1)>
|
|
<div class="container elem-bg" id="container">
|
|
<div class="calendar">
|
|
<div class="cal-bg for-calendar-mode">
|
|
<table class="cont-table" border-collapse="collapse">
|
|
<tr class="tr thead">
|
|
{% for d in date_list %}
|
|
<td colspan="{{ d.date.__len__() }}" class="td month">{{ d.month }}月</td>
|
|
{% endfor %}
|
|
</tr>
|
|
<tr class="tr thead">
|
|
{% for d in date_list %}
|
|
{% for dn in range(d.date.__len__()) %}
|
|
<td class="td date {{ 'current-date' if d.is_today[dn] else ''}}">
|
|
<span class="date-num">{{ d.date[dn] }}日</span>
|
|
<span class="date-week">周{{ d.week[dn] }}</span>
|
|
</td>
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</tr>
|
|
<tr class="tr">
|
|
{% for d in date_list %}
|
|
{% for dn in range(d.date.__len__()) %}
|
|
<td class="line {{ 'current-date' if d.is_today[dn] else ''}}">
|
|
{% for char in birthday_chars[d.month|string][d.date[dn]|string] %}
|
|
<div class="card">
|
|
<div class="item-icon star{{ char.star }}">
|
|
<div class="img" style="background-image:url('{{ char.icon }}')"></div>
|
|
<span class="char-name">{{ char.name }}{{ '生日' if char.name.__len__() < 4 else '' }}</span>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</td>
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="cal-bg for-list-mode">
|
|
<table class="cont-table" border-collapse="collapse">
|
|
<tr class="tr thead">
|
|
<td class="td month">活动列表</td>
|
|
</tr>
|
|
<tr class="tr">
|
|
<td class="line"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="cal-list {{ char_mode }} char-num-{{ birthday_char_line }}">
|
|
<div class="cal-abyss-cont">
|
|
{% for li in abyss %}
|
|
<div class="cal-item type-abyss" style="left:{{ li.left }}%;width:{{li.width}}%">
|
|
<div class="info">
|
|
<img src="img/abyss-icon.png" class="cal-icon"/>
|
|
<strong>{{ li.title }}</strong>
|
|
<span>{{ li.label }}</span>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% for lis in list %}
|
|
{% for li in lis %}
|
|
<div
|
|
class="cal-item type-{{ li.type }} {{ 'li-idx-' if li.idx else ''}}{{ li.idx if li.idx else '' }} {{'small-mode' if li.width < 20 else ''}} li-col{{ lis.index(li) }}"
|
|
style="left:{{ li.left }}%;width:{{li.width}}%"
|
|
data-id="{{li.id}}"
|
|
data-type="{{li.type}}">
|
|
{% if li.banner %}
|
|
<div class="banner" style="background-image:url('{{li.banner}}')"></div>
|
|
{% endif %}
|
|
<div class="info">
|
|
{% if li.type == "character" %}
|
|
<img src="{{ li.face }}" class="character-img"/>
|
|
{% else %}
|
|
<img src="{{ li.icon }}" class="cal-icon"/>
|
|
{% endif %}
|
|
<strong>{{ li.title }}</strong>
|
|
<span>{{ li.label }}</span>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</div>
|
|
<div class="now-line" style="left:{{now_left}}%"></div>
|
|
<div class="now-line line2" style="left:{{now_left}}%"></div>
|
|
</div>
|
|
<div class="now-time">
|
|
<span>{{ now_time }}</span>
|
|
</div>
|
|
<div class="copyright">Inspired By Miao-Plugin</div>
|
|
</div>
|
|
</body>
|
|
</html> |