KankenOnline/kanken_online/templates/kanji.html

44 lines
1.4 KiB
HTML

{% extends 'base.html' %}
{% block scripts %}<script src="/static/kanji.js" defer></script>{%endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ url_for('static', filename='kanji.css') }}">
{% endblock %}
{% block header %}
<h1>{% block title %}{{localize("kanji")}} - {{ kanji.character }}{% endblock %}</h1>
{% endblock %}
{% block content %}
<div id="kanji-and-meaning">
<div id="kanji-box">
<div id="character-box">
<span id="kanji">{{ kanji.character }}</span>
</div>
<div id="metadata-box">
<span id="joyo-class">{{ kanji.is_joyo }}</span>
<span id="level">{{ kanji.level }}級</span>
<span id="stroke-count">{{ kanji.strokes }}</span> (<span id="radical">{{ kanji.radical }}</span> + <span id="radical-added-strokes">{{ kanji.added_strokes }}</span>)
</div>
</div>
<div id="meaning-box">
<p id="meanings">{{ kanji.meanings }}</p>
</div>
</div>
<div id="readings-and-glyph-origin">
<div id="reading-box">
<ul id="reading-list">
<li id="goon">{{ kanji.goon }}</li>
<li id="kanon">{{ kanji.kanon }}</li>
<li id="kanyoon">{{ kanji.kanyoon }}</li>
<li id="toon">{{ kanji.toon }}</li>
<li id="soon">{{ kanji.soon }}</li>
<li id="kun">{{ kanji.kun }}</li>
</ul>
</div>
<div id="glyph-origin-box">
<p id="glyph-origin">{{ kanji.glyph_origin }}</p>
</div>
</div>
{% endblock %}