diff --git a/README.md b/README.md
index dee59fa263d2f7bea8bcb3febc43056fa9a18575..45d60699ff6876bbf43e174b3c4f69659a322254 100644
--- a/README.md
+++ b/README.md
@@ -130,10 +130,32 @@ frame number. The Hanzi animation is large and optimized for single characters.
#### Example
TODO
+### vocabsimple
+Built for learning Chinese writing, reading, listening, speaking, recognizing
+radicals.
+
+Optimized for manual use in Anki.
+
+#### Fields
+* `English`
+* `简体字`
+* `繁體字`
+* `Pīnyīn`
+* `Examples`
+* `Remarks`
+* `Remarks (front side)`
+* `Audio recording`
+* `Lesson`
+* `Credits`
+* `Source`
+
### vocabulary
Built for learning Chinese writing, reading, listening, speaking, recognizing
radicals.
+Includes advanced features ike feature flags, but less convenient for manual
+use in Anki.
+
#### Fields
* `English`
* `简体字`
diff --git a/src/templates/vocabsimple/.template-spec.yaml b/src/templates/vocabsimple/.template-spec.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..48c815651751f8006ab6070bc7c436795a6bdd51
--- /dev/null
+++ b/src/templates/vocabsimple/.template-spec.yaml
@@ -0,0 +1,44 @@
+template_version: 2024-07-25 10:00:00+00:00
+
+note_type:
+ id: 2024-07-25 10:00:00+00:00
+ name: Vocab simple
+ fields:
+ - English
+ - 简体字
+ - 繁體字
+ - Pīnyīn
+ - Examples
+ - Remarks
+ - Remarks (front side)
+ - Audio recording
+ - Lesson
+ - Credits
+ - Source
+ # this is only necessary to make explicit to keep the later added fields
+ # id contents
+ - resources
+
+card_types:
+- name: Listen
+ template: hear
+- name: Read (Pīnyīn)
+ template: read_pinyin
+- name: Read (简体字)
+ template: read_hanzi
+- name: Read (繁體字)
+ template: read_hanzi_traditional
+- name: Write (简体字)
+ template: write
+- name: Write (繁體字)
+ template: write_traditional
+- name: Speak
+ template: speak
+- name: Identify radical (简体字)
+ template: identify_radical
+- name: Identify radical (繁體字)
+ template: identify_radical_traditional
+
+resource_paths:
+- '{{BUILD_PREFIX}}hanzi-data'
+- '{{BUILD_PREFIX}}KA_TEMPLATES_NOTICE.js'
diff --git a/src/templates/vocabsimple/hear/back.html b/src/templates/vocabsimple/hear/back.html
new file mode 100644
index 0000000000000000000000000000000000000000..f7ed2b967f11c42a6d5a1f78ed2824413a9509d8
--- /dev/null
+++ b/src/templates/vocabsimple/hear/back.html
@@ -0,0 +1,78 @@
+<div class="front-side-on-back">
+ {{FrontSide}}
+</div>
+
+<hr id="answer">
+
+<div class="exercise back anki-template-hanyu-hear-back">
+ <dl class="translations">
+ <dt>Pīnyīn</dt>
+ <dd>{{Pīnyīn}}</dd>
+ <dt>English</dt>
+ <dd>{{English}}</dd>
+ <dt>简体字</dt>
+ <dd>
+ <span class="hanzi-print">{{简体字}}</span>
+ <div class="strichfolge-animation" no-animate="true" highlight-radical="true">
+ {{text:简体字}}
+ </div>
+ </dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks}}</dd>
+ <dt>Examples</dt>
+ <dd>{{Examples}}</dd>
+ <dt>Source</dt>
+ <dd class="text-light">{{Source}}</dd>
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">Show more…</span>
+ <span class="answer-details-less">Show less…</span>
+ </summary>
+ {{#繁體字}}
+ <dt>繁體字</dt>
+ <dd>
+ <span class="hanzi-print">{{繁體字}}</span>
+ <div class="strichfolge-animation is-traditional" no-animate="true" highlight-radical="true">
+ {{text:繁體字}}
+ </div>
+ </dd>
+ {{/繁體字}}
+ <dt>Radical (简体字)</dt>
+ <dd>
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation" no-animate="true">
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{#繁體字}}
+ <dt>Radical (繁體字)</dt>
+ <dd>
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation is-traditional" no-animate="true">
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{/繁體字}}
+ </details>
+ </dl>
+
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">About this pack…</span>
+ <span class="answer-details-less">Hide pack info…</span>
+ </summary>
+
+ {{Credits}}
+ <div notice-file="KA_TEMPLATES_NOTICE"></div>
+ </details>
+</div>
+
+<!-- Repeat only relevant text on the back side on AnkiDroid, not all of it -->
+<tts style="display: none" service="android" voice="zh_CN">{{text:简体字}}</tts>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/back'
+</script>
\ No newline at end of file
diff --git a/src/templates/vocabsimple/hear/front.html b/src/templates/vocabsimple/hear/front.html
new file mode 100644
index 0000000000000000000000000000000000000000..c408d91863a295b4122dd95730cadf1f712d29f7
--- /dev/null
+++ b/src/templates/vocabsimple/hear/front.html
@@ -0,0 +1,45 @@
+{{#简体字}}
+<style>
+ @import url(../../../components/global.css);
+</style>
+
+<div class="exercise front anki-template-hanyu-hear-front">
+ <header class="card-info">
+ <aside class="exercise-category">
+ {{Subdeck}}
+ </aside>
+ <aside class="exercise-kind">
+ {{Card}}
+ </aside>
+ </header>
+ </header>
+
+ <dl class="prompt translations">
+ <dt>汉语</dt>
+ <dd id="t2s-player-container" class="t2s-player-container">
+ <div class="anki-droid-player">
+ <tts style="display: none" service="android" voice="zh_CN">
+ {{text:简体字}}
+ </tts>
+ </div>
+ <div class="anki-web-player">
+ {{text:简体字}}
+ </div>
+ <div class="anki-builtin-player">
+ {{tts zh_CN:简体字}}
+ </div>
+ </dd>
+ <dt>Recording</dt>
+ <dd>{{Audio recording}}</dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks (front side)}}</dd>
+ </dl>
+</div>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/front'
+</script>
+{{/简体字}}
\ No newline at end of file
diff --git a/src/templates/vocabsimple/identify_radical/back.html b/src/templates/vocabsimple/identify_radical/back.html
new file mode 100644
index 0000000000000000000000000000000000000000..cf678896ec43a8275cbdad911b5286086f3d1a2a
--- /dev/null
+++ b/src/templates/vocabsimple/identify_radical/back.html
@@ -0,0 +1,45 @@
+<div class="front-side-on-back">
+ {{FrontSide}}
+</div>
+
+<hr id="answer">
+
+<div class="exercise back radicals-identify-back">
+ <dl class="translations">
+ <dt>Radical (简体字)</dt>
+ <dd>
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation" no-animate="true">
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ <dt>Name (中文)</dt>
+ <dd hanzi-data="{{text:简体字}}" hanzi-prop="radicalMeaningZh"></dd>
+ <dt>Name (English)</dt>
+ <dd hanzi-data="{{text:简体字}}" hanzi-prop="radicalMeaningDe"></dd>
+ <dt>Strichzahl</dt>
+ <dd hanzi-data="{{text:简体字}}" hanzi-prop="count"></dd>
+ <dt>Source</dt>
+ <dd class="text-light">{{Source}}</dd>
+ </dl>
+
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">About this pack…</span>
+ <span class="answer-details-less">Hide pack info…</span>
+ </summary>
+
+ {{Credits}}
+ <div notice-file="KA_TEMPLATES_NOTICE"></div>
+ </details>
+</div>
+
+<!-- Suppress speech output on AnkiDroid if globally enabled -->
+<tts style="display: none" service="android" voice="zh_CN"></tts>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/back'
+</script>
\ No newline at end of file
diff --git a/src/templates/vocabsimple/identify_radical/front.html b/src/templates/vocabsimple/identify_radical/front.html
new file mode 100644
index 0000000000000000000000000000000000000000..58d0e82425f6a60e511a9b056b0b5dea255feec6
--- /dev/null
+++ b/src/templates/vocabsimple/identify_radical/front.html
@@ -0,0 +1,39 @@
+{{#简体字}}
+<style>
+ @import url(../../../components/global.css);
+</style>
+
+<div class="exercise front radicals-identify-front">
+ <header class="card-info">
+ <aside class="exercise-category">
+ {{Subdeck}}
+ </aside>
+ <aside class="exercise-kind">
+ {{Card}}
+ </aside>
+ </header>
+ </header>
+
+ <dl class="prompt translations">
+ <dt>简体字</dt>
+ <dd>
+ <span class="hanzi-print">{{简体字}}</span>
+ <div class="strichfolge-animation" no-animate="true" highlight-radical="answer">
+ {{text:简体字}}
+ </div>
+ </dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks (front side)}}</dd>
+ </dl>
+</div>
+
+<!-- Suppress speech output on AnkiDroid if globally enabled -->
+<tts style="display: none" service="android" voice="zh_CN"></tts>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/front'
+</script>
+{{/简体字}}
\ No newline at end of file
diff --git a/src/templates/vocabsimple/identify_radical_traditional/back.html b/src/templates/vocabsimple/identify_radical_traditional/back.html
new file mode 100644
index 0000000000000000000000000000000000000000..bda9a39731e6b3ffedc26c08def4a045b4fb39de
--- /dev/null
+++ b/src/templates/vocabsimple/identify_radical_traditional/back.html
@@ -0,0 +1,45 @@
+<div class="front-side-on-back">
+ {{FrontSide}}
+</div>
+
+<hr id="answer">
+
+<div class="exercise back radicals-identify-back">
+ <dl class="translations">
+ <dt>Radical (繁體字)</dt>
+ <dd>
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation is-traditional" no-animate="true">
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ <dt>Name (中文)</dt>
+ <dd hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radicalMeaningZh"></dd>
+ <dt>Name (English)</dt>
+ <dd hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radicalMeaningDe"></dd>
+ <dt>Strichzahl</dt>
+ <dd hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="count"></dd>
+ <dt>Source</dt>
+ <dd class="text-light">{{Source}}</dd>
+ </dl>
+
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">About this pack…</span>
+ <span class="answer-details-less">Hide pack info…</span>
+ </summary>
+
+ {{Credits}}
+ <div notice-file="KA_TEMPLATES_NOTICE"></div>
+ </details>
+</div>
+
+<!-- Suppress speech output on AnkiDroid if globally enabled -->
+<tts style="display: none" service="android" voice="zh_CN"></tts>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/back'
+</script>
\ No newline at end of file
diff --git a/src/templates/vocabsimple/identify_radical_traditional/front.html b/src/templates/vocabsimple/identify_radical_traditional/front.html
new file mode 100644
index 0000000000000000000000000000000000000000..bc0a645660a397fb9d036414bb0cbe80b695625c
--- /dev/null
+++ b/src/templates/vocabsimple/identify_radical_traditional/front.html
@@ -0,0 +1,39 @@
+{{#繁體字}}
+<style>
+ @import url(../../../components/global.css);
+</style>
+
+<div class="exercise front radicals-identify-front">
+ <header class="card-info">
+ <aside class="exercise-category">
+ {{Subdeck}}
+ </aside>
+ <aside class="exercise-kind">
+ {{Card}}
+ </aside>
+ </header>
+ </header>
+
+ <dl class="prompt translations">
+ <dt>繁體字</dt>
+ <dd>
+ <span class="hanzi-print">{{繁體字}}</span>
+ <div class="strichfolge-animation is-traditional" no-animate="true" highlight-radical="answer">
+ {{text:繁體字}}
+ </div>
+ </dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks (front side)}}</dd>
+ </dl>
+</div>
+
+<!-- Suppress speech output on AnkiDroid if globally enabled -->
+<tts style="display: none" service="android" voice="zh_CN"></tts>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/front'
+</script>
+{{/繁體字}}
\ No newline at end of file
diff --git a/src/templates/vocabsimple/read_hanzi/back.html b/src/templates/vocabsimple/read_hanzi/back.html
new file mode 100644
index 0000000000000000000000000000000000000000..a0746d4d7a8c69c75e9f9b6c9c7a8afba3bcb232
--- /dev/null
+++ b/src/templates/vocabsimple/read_hanzi/back.html
@@ -0,0 +1,86 @@
+<div class="front-side-on-back">
+ {{FrontSide}}
+</div>
+
+<hr id="answer">
+
+<div class="exercise back anki-template-hanyu-read-hanzi-back">
+ <dl class="translations">
+ <dt>Pīnyīn</dt>
+ <dd>{{Pīnyīn}}</dd>
+ <dt>English</dt>
+ <dd>{{English}}</dd>
+ {{#简体字}}
+ <dt class="t2s-player-heading">汉语</dt>
+ <dd id="t2s-player-container" class="t2s-player-container">
+ <div class="anki-droid-player">
+ <tts style="display: none" service="android" voice="zh_CN">
+ {{text:简体字}}
+ </tts>
+ </div>
+ <div class="anki-web-player">
+ {{text:简体字}}
+ </div>
+ <div class="anki-builtin-player">
+ {{tts zh_CN:简体字}}
+ </div>
+ </dd>
+ {{/简体字}}
+ <dt>Recording</dt>
+ <dd>{{Audio recording}}</dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks}}</dd>
+ <dt>Examples</dt>
+ <dd>{{Examples}}</dd>
+ <dt>Source</dt>
+ <dd class="text-light">{{Source}}</dd>
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">Show more…</span>
+ <span class="answer-details-less">Show less…</span>
+ </summary>
+ {{#繁體字}}
+ <dt>繁體字</dt>
+ <dd>
+ <span class="hanzi-print">{{繁體字}}</span>
+ <div class="strichfolge-animation is-traditional" no-animate="true" highlight-radical="true">
+ {{text:繁體字}}
+ </div>
+ </dd>
+ {{/繁體字}}
+ <dt>Radical (简体字)</dt>
+ <dd>
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation" no-animate="true">
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{#繁體字}}
+ <dt>Radical (繁體字)</dt>
+ <dd>
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation is-traditional" no-animate="true">
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{/繁體字}}
+ </details>
+ </dl>
+
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">About this pack…</span>
+ <span class="answer-details-less">Hide pack info…</span>
+ </summary>
+
+ {{Credits}}
+ <div notice-file="KA_TEMPLATES_NOTICE"></div>
+ </details>
+</div>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/back'
+</script>
\ No newline at end of file
diff --git a/src/templates/vocabsimple/read_hanzi/front.html b/src/templates/vocabsimple/read_hanzi/front.html
new file mode 100644
index 0000000000000000000000000000000000000000..15af00695203da4bd275f3085e7f168e119f21cd
--- /dev/null
+++ b/src/templates/vocabsimple/read_hanzi/front.html
@@ -0,0 +1,39 @@
+{{#简体字}}
+<style>
+ @import url(../../../components/global.css);
+</style>
+
+<div class="exercise front anki-template-hanyu-read-hanzi-front">
+ <header class="card-info">
+ <aside class="exercise-category">
+ {{Subdeck}}
+ </aside>
+ <aside class="exercise-kind">
+ {{Card}}
+ </aside>
+ </header>
+ </header>
+
+ <dl class="prompt translations">
+ <dt>简体字</dt>
+ <dd>
+ <span class="hanzi-print">{{简体字}}</span>
+ <div class="strichfolge-animation" no-animate="true" highlight-radical="answer">
+ {{text:简体字}}
+ </div>
+ </dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks (front side)}}</dd>
+ </dl>
+</div>
+
+<!-- Suppress speech output on AnkiDroid until card flipped -->
+<tts style="display: none" service="android" voice="zh_CN"></tts>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/front'
+</script>
+{{/简体字}}
\ No newline at end of file
diff --git a/src/templates/vocabsimple/read_hanzi_traditional/back.html b/src/templates/vocabsimple/read_hanzi_traditional/back.html
new file mode 100644
index 0000000000000000000000000000000000000000..37c660cedcb37459b1d9c2c098add762b630faed
--- /dev/null
+++ b/src/templates/vocabsimple/read_hanzi_traditional/back.html
@@ -0,0 +1,86 @@
+<div class="front-side-on-back">
+ {{FrontSide}}
+</div>
+
+<hr id="answer">
+
+<div class="exercise back anki-template-hanyu-read-hanzi-back">
+ <dl class="translations">
+ <dt>Pīnyīn</dt>
+ <dd>{{Pīnyīn}}</dd>
+ <dt>English</dt>
+ <dd>{{English}}</dd>
+ {{#简体字}}
+ <dt class="t2s-player-heading">汉语</dt>
+ <dd id="t2s-player-container" class="t2s-player-container">
+ <div class="anki-droid-player">
+ <tts style="display: none" service="android" voice="zh_CN">
+ {{text:简体字}}
+ </tts>
+ </div>
+ <div class="anki-web-player">
+ {{text:简体字}}
+ </div>
+ <div class="anki-builtin-player">
+ {{tts zh_CN:简体字}}
+ </div>
+ </dd>
+ {{/简体字}}
+ <dt>Recording</dt>
+ <dd>{{Audio recording}}</dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks}}</dd>
+ <dt>Examples</dt>
+ <dd>{{Examples}}</dd>
+ <dt>Source</dt>
+ <dd class="text-light">{{Source}}</dd>
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">Show more…</span>
+ <span class="answer-details-less">Show less…</span>
+ </summary>
+ {{#简体字}}
+ <dt>简体字</dt>
+ <dd>
+ <span class="hanzi-print">{{简体字}}</span>
+ <div class="strichfolge-animation" no-animate="true">
+ {{text:简体字}}
+ </div>
+ </dd>
+ {{/简体字}}
+ <dt>Radical (繁體字)</dt>
+ <dd>
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation is-traditional" no-animate="true">
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{#简体字}}
+ <dt>Radical (简体字)</dt>
+ <dd>
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation" no-animate="true">
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{/简体字}}
+ </details>
+ </dl>
+
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">About this pack…</span>
+ <span class="answer-details-less">Hide pack info…</span>
+ </summary>
+
+ {{Credits}}
+ <div notice-file="KA_TEMPLATES_NOTICE"></div>
+ </details>
+</div>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/back'
+</script>
\ No newline at end of file
diff --git a/src/templates/vocabsimple/read_hanzi_traditional/front.html b/src/templates/vocabsimple/read_hanzi_traditional/front.html
new file mode 100644
index 0000000000000000000000000000000000000000..97e615ecea54fa90aba4f74dc4fc2739bf90b3e9
--- /dev/null
+++ b/src/templates/vocabsimple/read_hanzi_traditional/front.html
@@ -0,0 +1,39 @@
+{{#繁體字}}
+<style>
+ @import url(../../../components/global.css);
+</style>
+
+<div class="exercise front anki-template-hanyu-read-hanzi-front">
+ <header class="card-info">
+ <aside class="exercise-category">
+ {{Subdeck}}
+ </aside>
+ <aside class="exercise-kind">
+ {{Card}}
+ </aside>
+ </header>
+ </header>
+
+ <dl class="prompt translations">
+ <dt>繁體字</dt>
+ <dd>
+ <span class="hanzi-print">{{繁體字}}</span>
+ <div class="strichfolge-animation is-traditional" no-animate="true" highlight-radical="answer">
+ {{text:繁體字}}
+ </div>
+ </dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks (front side)}}</dd>
+ </dl>
+</div>
+
+<!-- Suppress speech output on AnkiDroid until card flipped -->
+<tts style="display: none" service="android" voice="zh_CN"></tts>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/front'
+</script>
+{{/繁體字}}
\ No newline at end of file
diff --git a/src/templates/vocabsimple/read_pinyin/back.html b/src/templates/vocabsimple/read_pinyin/back.html
new file mode 100644
index 0000000000000000000000000000000000000000..31bae8f20b0651ca45fb79e3f20f36373d199777
--- /dev/null
+++ b/src/templates/vocabsimple/read_pinyin/back.html
@@ -0,0 +1,91 @@
+<div class="front-side-on-back">
+ {{FrontSide}}
+</div>
+
+<hr id="answer">
+
+<div class="exercise back anki-template-hanyu-read-pinyin-back">
+ <dl class="translations">
+ <dt>English</dt>
+ <dd>{{English}}</dd>
+ <dt>简体字</dt>
+ <dd>
+ <span class="hanzi-print">{{简体字}}</span>
+ <div class="strichfolge-animation" no-animate="true" highlight-radical="true">
+ {{text:简体字}}
+ </div>
+ </dd>
+ {{#简体字}}
+ <dt class="t2s-player-heading">汉语</dt>
+ <dd id="t2s-player-container" class="t2s-player-container">
+ <div class="anki-droid-player">
+ <tts style="display: none" service="android" voice="zh_CN">
+ {{text:简体字}}
+ </tts>
+ </div>
+ <div class="anki-web-player">
+ {{text:简体字}}
+ </div>
+ <div class="anki-builtin-player">
+ {{tts zh_CN:简体字}}
+ </div>
+ </dd>
+ {{/简体字}}
+ <dt>Recording</dt>
+ <dd>{{Audio recording}}</dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks}}</dd>
+ <dt>Examples</dt>
+ <dd>{{Examples}}</dd>
+ <dt>Source</dt>
+ <dd class="text-light">{{Source}}</dd>
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">Show more…</span>
+ <span class="answer-details-less">Show less…</span>
+ </summary>
+ {{#繁體字}}
+ <dt>繁體字</dt>
+ <dd>
+ <span class="hanzi-print">{{繁體字}}</span>
+ <div class="strichfolge-animation is-traditional" no-animate="true" highlight-radical="true">
+ {{text:繁體字}}
+ </div>
+ </dd>
+ {{/繁體字}}
+ <dt>Radical (简体字)</dt>
+ <dd>
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation" no-animate="true">
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{#繁體字}}
+ <dt>Radical (繁體字)</dt>
+ <dd>
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation is-traditional" no-animate="true">
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{/繁體字}}
+ </details>
+ </dl>
+
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">About this pack…</span>
+ <span class="answer-details-less">Hide pack info…</span>
+ </summary>
+
+ {{Credits}}
+ <div notice-file="KA_TEMPLATES_NOTICE"></div>
+ </details>
+</div>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/back'
+</script>
\ No newline at end of file
diff --git a/src/templates/vocabsimple/read_pinyin/front.html b/src/templates/vocabsimple/read_pinyin/front.html
new file mode 100644
index 0000000000000000000000000000000000000000..d734ad350ff74047c6e0610a9798a8dd6c4bc15c
--- /dev/null
+++ b/src/templates/vocabsimple/read_pinyin/front.html
@@ -0,0 +1,34 @@
+{{#Pīnyīn}}
+<style>
+ @import url(../../../components/global.css);
+</style>
+
+<div class="exercise front anki-template-hanyu-read-pinyin-front">
+ <header class="card-info">
+ <aside class="exercise-category">
+ {{Subdeck}}
+ </aside>
+ <aside class="exercise-kind">
+ {{Card}}
+ </aside>
+ </header>
+ </header>
+
+ <dl class="prompt translations">
+ <dt>Pīnyīn</dt>
+ <dd>{{Pīnyīn}}</dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks (front side)}}</dd>
+ </dl>
+</div>
+
+<!-- Suppress speech output on AnkiDroid until card flipped -->
+<tts style="display: none" service="android" voice="zh_CN"></tts>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/front'
+</script>
+{{/Pīnyīn}}
\ No newline at end of file
diff --git a/src/templates/vocabsimple/speak/back.html b/src/templates/vocabsimple/speak/back.html
new file mode 100644
index 0000000000000000000000000000000000000000..a3db231e1bfd386967ffa77a8624da9201b3d852
--- /dev/null
+++ b/src/templates/vocabsimple/speak/back.html
@@ -0,0 +1,91 @@
+<div class="front-side-on-back">
+ {{FrontSide}}
+</div>
+
+<hr id="answer">
+
+<div class="exercise back anki-template-hanyu-speak-back">
+ <dl class="translations">
+ <dt>Pīnyīn</dt>
+ <dd>{{Pīnyīn}}</dd>
+ <dt>简体字</dt>
+ <dd>
+ <span class="hanzi-print">{{简体字}}</span>
+ <div class="strichfolge-animation" no-animate="true" highlight-radical="true">
+ {{text:简体字}}
+ </div>
+ </dd>
+ {{#简体字}}
+ <dt class="t2s-player-heading">汉语</dt>
+ <dd id="t2s-player-container" class="t2s-player-container">
+ <div class="anki-droid-player">
+ <tts style="display: none" service="android" voice="zh_CN">
+ {{text:简体字}}
+ </tts>
+ </div>
+ <div class="anki-web-player">
+ {{text:简体字}}
+ </div>
+ <div class="anki-builtin-player">
+ {{tts zh_CN:简体字}}
+ </div>
+ </dd>
+ {{/简体字}}
+ <dt>Recording</dt>
+ <dd>{{Audio recording}}</dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks}}</dd>
+ <dt>Examples</dt>
+ <dd>{{Examples}}</dd>
+ <dt>Source</dt>
+ <dd class="text-light">{{Source}}</dd>
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">Show more…</span>
+ <span class="answer-details-less">Show less…</span>
+ </summary>
+ {{#繁體字}}
+ <dt>繁體字</dt>
+ <dd>
+ <span class="hanzi-print">{{繁體字}}</span>
+ <div class="strichfolge-animation is-traditional" no-animate="true" highlight-radical="true">
+ {{text:繁體字}}
+ </div>
+ </dd>
+ {{/繁體字}}
+ <dt>Radical (简体字)</dt>
+ <dd>
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation" no-animate="true">
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{#繁體字}}
+ <dt>Radical (繁體字)</dt>
+ <dd>
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation is-traditional" no-animate="true">
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{/繁體字}}
+ </details>
+ </dl>
+
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">About this pack…</span>
+ <span class="answer-details-less">Hide pack info…</span>
+ </summary>
+
+ {{Credits}}
+ <div notice-file="KA_TEMPLATES_NOTICE"></div>
+ </details>
+</div>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/back'
+</script>
\ No newline at end of file
diff --git a/src/templates/vocabsimple/speak/front.html b/src/templates/vocabsimple/speak/front.html
new file mode 100644
index 0000000000000000000000000000000000000000..16fb4d649c8f4abda11c13df8610c9c813ac0165
--- /dev/null
+++ b/src/templates/vocabsimple/speak/front.html
@@ -0,0 +1,34 @@
+{{#English}}
+<style>
+ @import url(../../../components/global.css);
+</style>
+
+<div class="exercise front anki-template-hanyu-speak-front">
+ <header class="card-info">
+ <aside class="exercise-category">
+ {{Subdeck}}
+ </aside>
+ <aside class="exercise-kind">
+ {{Card}}
+ </aside>
+ </header>
+ </header>
+
+ <dl class="prompt translations">
+ <dt>English</dt>
+ <dd>{{English}}</dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks (front side)}}</dd>
+ </dl>
+</div>
+
+<!-- Suppress speech output on AnkiDroid until card flipped -->
+<tts style="display: none" service="android" voice="zh_CN"></tts>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/front'
+</script>
+{{/English}}
\ No newline at end of file
diff --git a/src/templates/vocabsimple/write/back.html b/src/templates/vocabsimple/write/back.html
new file mode 100644
index 0000000000000000000000000000000000000000..df3e85fcbb6c96a47790b1e43b56dd7dcf9efca5
--- /dev/null
+++ b/src/templates/vocabsimple/write/back.html
@@ -0,0 +1,91 @@
+<div class="front-side-on-back">
+ {{FrontSide}}
+</div>
+
+<hr id="answer">
+
+<div class="exercise back anki-template-hanyu-write-back">
+ <dl class="translations">
+ <dt>简体字</dt>
+ <dd>
+ <span class="hanzi-print">{{简体字}}</span>
+ <div class="strichfolge-animation" highlight-radical="true">
+ {{text:简体字}}
+ </div>
+ </dd>
+ <dt>Pīnyīn</dt>
+ <dd>{{Pīnyīn}}</dd>
+ {{#简体字}}
+ <dt class="t2s-player-heading">汉语</dt>
+ <dd id="t2s-player-container" class="t2s-player-container">
+ <div class="anki-droid-player">
+ <tts style="display: none" service="android" voice="zh_CN">
+ {{text:简体字}}
+ </tts>
+ </div>
+ <div class="anki-web-player">
+ {{text:简体字}}
+ </div>
+ <div class="anki-builtin-player">
+ {{tts zh_CN:简体字}}
+ </div>
+ </dd>
+ {{/简体字}}
+ <dt>Recording</dt>
+ <dd>{{Audio recording}}</dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks}}</dd>
+ <dt>Examples</dt>
+ <dd>{{Examples}}</dd>
+ <dt>Source</dt>
+ <dd class="text-light">{{Source}}</dd>
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">Show more…</span>
+ <span class="answer-details-less">Show less…</span>
+ </summary>
+ {{#繁體字}}
+ <dt>繁體字</dt>
+ <dd>
+ <span class="hanzi-print">{{繁體字}}</span>
+ <div class="strichfolge-animation is-traditional" highlight-radical="true">
+ {{text:繁體字}}
+ </div>
+ </dd>
+ {{/繁體字}}
+ <dt>Radical (简体字)</dt>
+ <dd>
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation" no-animate="true">
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{#繁體字}}
+ <dt>Radical (繁體字)</dt>
+ <dd>
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation is-traditional" no-animate="true">
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{/繁體字}}
+ </details>
+ </dl>
+
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">About this pack…</span>
+ <span class="answer-details-less">Hide pack info…</span>
+ </summary>
+
+ {{Credits}}
+ <div notice-file="KA_TEMPLATES_NOTICE"></div>
+ </details>
+</div>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/back'
+</script>
\ No newline at end of file
diff --git a/src/templates/vocabsimple/write/front.html b/src/templates/vocabsimple/write/front.html
new file mode 100644
index 0000000000000000000000000000000000000000..a87a39de9f57227f5e04a45b3b4441ee30ad800a
--- /dev/null
+++ b/src/templates/vocabsimple/write/front.html
@@ -0,0 +1,34 @@
+{{#English}}
+<style>
+ @import url(../../../components/global.css);
+</style>
+
+<div class="exercise front anki-template-hanyu-write-front">
+ <header class="card-info">
+ <aside class="exercise-category">
+ {{Subdeck}}
+ </aside>
+ <aside class="exercise-kind">
+ {{Card}}
+ </aside>
+ </header>
+ </header>
+
+ <dl class="prompt translations">
+ <dt>English</dt>
+ <dd>{{English}}</dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks (front side)}}</dd>
+ </dl>
+</div>
+
+<!-- Suppress default speech output and do that from script instead -->
+<tts style="display: none" service="android" voice="zh_CN"></tts>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/front'
+</script>
+{{/English}}
\ No newline at end of file
diff --git a/src/templates/vocabsimple/write_traditional/back.html b/src/templates/vocabsimple/write_traditional/back.html
new file mode 100644
index 0000000000000000000000000000000000000000..894cc996c1460b8e839982a335638397d40148de
--- /dev/null
+++ b/src/templates/vocabsimple/write_traditional/back.html
@@ -0,0 +1,91 @@
+<div class="front-side-on-back">
+ {{FrontSide}}
+</div>
+
+<hr id="answer">
+
+<div class="exercise back anki-template-hanyu-write-back">
+ <dl class="translations">
+ <dt>繁體字</dt>
+ <dd>
+ <span class="hanzi-print">{{繁體字}}</span>
+ <div class="strichfolge-animation is-traditional" highlight-radical="true">
+ {{text:繁體字}}
+ </div>
+ </dd>
+ <dt>Pīnyīn</dt>
+ <dd>{{Pīnyīn}}</dd>
+ {{#简体字}}
+ <dt class="t2s-player-heading">汉语</dt>
+ <dd id="t2s-player-container" class="t2s-player-container">
+ <div class="anki-droid-player">
+ <tts style="display: none" service="android" voice="zh_CN">
+ {{text:简体字}}
+ </tts>
+ </div>
+ <div class="anki-web-player">
+ {{text:简体字}}
+ </div>
+ <div class="anki-builtin-player">
+ {{tts zh_CN:简体字}}
+ </div>
+ </dd>
+ {{/简体字}}
+ <dt>Recording</dt>
+ <dd>{{Audio recording}}</dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks}}</dd>
+ <dt>Examples</dt>
+ <dd>{{Examples}}</dd>
+ <dt>Source</dt>
+ <dd class="text-light">{{Source}}</dd>
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">Show more…</span>
+ <span class="answer-details-less">Show less…</span>
+ </summary>
+ {{#简体字}}
+ <dt>简体字</dt>
+ <dd>
+ <span class="hanzi-print">{{简体字}}</span>
+ <div class="strichfolge-animation" highlight-radical="true">
+ {{text:简体字}}
+ </div>
+ </dd>
+ {{/简体字}}
+ <dt>Radical (繁體字)</dt>
+ <dd>
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation is-traditional" no-animate="true">
+ <span hanzi-data="{{text:繁體字}}" hanzi-kind="traditional" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{#简体字}}
+ <dt>Radical (简体字)</dt>
+ <dd>
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical" class="hanzi-print"></span>
+ <div class="strichfolge-animation" no-animate="true">
+ <span hanzi-data="{{text:简体字}}" hanzi-prop="radical"></span>
+ </div>
+ </dd>
+ {{/简体字}}
+ </details>
+ </dl>
+
+ <details class="answer-details">
+ <summary>
+ <span class="answer-details-more">About this pack…</span>
+ <span class="answer-details-less">Hide pack info…</span>
+ </summary>
+
+ {{Credits}}
+ <div notice-file="KA_TEMPLATES_NOTICE"></div>
+ </details>
+</div>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/back'
+</script>
\ No newline at end of file
diff --git a/src/templates/vocabsimple/write_traditional/front.html b/src/templates/vocabsimple/write_traditional/front.html
new file mode 100644
index 0000000000000000000000000000000000000000..6adb90efffa5101e3705a24ad0f249ab6fba3796
--- /dev/null
+++ b/src/templates/vocabsimple/write_traditional/front.html
@@ -0,0 +1,34 @@
+{{#English}}{{#繁體字}}
+<style>
+ @import url(../../../components/global.css);
+</style>
+
+<div class="exercise front anki-template-hanyu-write-front">
+ <header class="card-info">
+ <aside class="exercise-category">
+ {{Subdeck}}
+ </aside>
+ <aside class="exercise-kind">
+ {{Card}}
+ </aside>
+ </header>
+ </header>
+
+ <dl class="prompt translations">
+ <dt>English</dt>
+ <dd>{{English}}</dd>
+ <dt>Remarks</dt>
+ <dd>{{Remarks (front side)}}</dd>
+ </dl>
+</div>
+
+<!-- Suppress default speech output and do that from script instead -->
+<tts style="display: none" service="android" voice="zh_CN"></tts>
+
+<script type="module">
+ import '../../../components/debug'
+</script>
+<script type="module">
+ import '../../../components/front'
+</script>
+{{/繁體字}}{{/English}}
\ No newline at end of file