aboutsummaryrefslogtreecommitdiff
path: root/anki-card-template/back-template.m4
diff options
context:
space:
mode:
authorlonkaars <loek@pipeframe.xyz>2023-01-04 23:16:29 +0100
committerlonkaars <loek@pipeframe.xyz>2023-01-04 23:16:29 +0100
commit39aae80a3106ec6c5e792ab2934edb0425a63618 (patch)
tree0d2762a99be2acadaa560fbed6f1a599ccda0662 /anki-card-template/back-template.m4
parentb49925b09a8962411706b00a446f5cd84007a086 (diff)
add vertical layout for mobile screens
Diffstat (limited to 'anki-card-template/back-template.m4')
-rw-r--r--anki-card-template/back-template.m48
1 files changed, 6 insertions, 2 deletions
diff --git a/anki-card-template/back-template.m4 b/anki-card-template/back-template.m4
index 1a0607d..f2e0e0a 100644
--- a/anki-card-template/back-template.m4
+++ b/anki-card-template/back-template.m4
@@ -1,10 +1,14 @@
-<div class="card back">
+<div id="card" class="back horizontal-layout">
+<div id="front">
<span id="sentence" class="parse foreign">{{Complete sentence}}</span>
-<hr class="split">
+</div>
+<hr id="separator">
+<div id="back">
<span id="target-word-reading" class="foreign">{{Target word reading}}</span>
<span id="target-word-translation" class="native">{{Target word translation}}</span>
<span id="sentence-translation" class="native spoiler hidden">{{Complete sentence translation}}</span>
</div>
+</div>
<style>undivert(`card.min.css')</style>
<script defer>undivert(`card.min.js')</script>