Use reading types as 'bullet points' for kanji display

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: "訓";
+}

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 %}