From 1c777aa2537b34400c4858600feb505031916fb5 Mon Sep 17 00:00:00 2001
From: Kiril Kovachev <Kiril.Kovachev@warwick.ac.uk>
Date: Wed, 16 Oct 2024 14:56:05 +0100
Subject: [PATCH] Use reading types as 'bullet points' for kanji display

---
 kanken_online/static/kanji.css     | 31 ++++++++++++++++++++++++++++++
 kanken_online/templates/kanji.html |  4 ++++
 2 files changed, 35 insertions(+)
 create mode 100644 kanken_online/static/kanji.css

diff --git a/kanken_online/static/kanji.css b/kanken_online/static/kanji.css
new file mode 100644
index 0000000..ed6dc8d
--- /dev/null
+++ b/kanken_online/static/kanji.css
@@ -0,0 +1,31 @@
+ul#reading-list {
+    list-style-type: none;
+}
+
+#goon::before {
+    content: "呉";
+}
+
+#kanon::before {
+    content: "漢";
+}
+
+#kanyoon::before {
+    content: "慣";
+}
+
+#soon::before {
+    content: "宋";
+}
+
+#toon::before {
+    content: "唐";
+}
+
+#on::before {
+    content: "音";
+}
+
+#kun::before {
+    content: "訓";
+}
\ No newline at end of file
diff --git a/kanken_online/templates/kanji.html b/kanken_online/templates/kanji.html
index 1a81342..abd1159 100644
--- a/kanken_online/templates/kanji.html
+++ b/kanken_online/templates/kanji.html
@@ -2,6 +2,10 @@
 
 {% 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 %}