fix: AnkiDroid compatibility with class instead of ID

create_from_scratch_with_csv.py

@@ -104,7 +104,7 @@ note_type = {
             'plainText': False,
             'collapsed': False,
             'excludeFromSearch': False,
-            'id': 1,
+            'id': 2,
             'tag': None,
             'preventDeletion': False
         }

templates/kanji/animation.js

 import HanziWriter from "hanzi-writer"
 
-const kanji = document.getElementById("kanji").innerText
-
-const hanziWriterContainer = document.getElementById("kanji-animation")
-
-HanziWriter.create(hanziWriterContainer, kanji).animateCharacter()
+for (const kanjiContainer of document.getElementsByClassName("kanji")) {
+  const kanjiText = kanjiContainer.textContent
+  const hanziWriterContainer = document.createElement("div")
+  kanjiContainer.append(hanziWriterContainer)
+  HanziWriter.create(hanziWriterContainer, kanjiText).animateCharacter()
+}

templates/kanji/back.html

@@ -2,10 +2,8 @@
 
 <hr id="answer">
 
-<div id="kanji">{{Back}}</div>
-
-<div id="kanji-animation"></div>
+<div class="kanji">{{Back}}</div>
 
 <script type="module">
   import "./animation.js"
-</script>
\ No newline at end of file
+</script>