From 21d14b086b6e3f1ebf0a97d51968be5a918a340d Mon Sep 17 00:00:00 2001
From: Kiril Kovachev <Kiril.Kovachev@warwick.ac.uk>
Date: Mon, 14 Oct 2024 11:26:11 +0100
Subject: [PATCH] Add kanji HTML page

---
 kanken_online/templates/kanji.html | 40 ++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 kanken_online/templates/kanji.html

diff --git a/kanken_online/templates/kanji.html b/kanken_online/templates/kanji.html
new file mode 100644
index 0000000..1c0d4b8
--- /dev/null
+++ b/kanken_online/templates/kanji.html
@@ -0,0 +1,40 @@
+{% extends 'base.html' %}
+
+{% block header %}
+<h1>{% block title %}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 %}
\ No newline at end of file