aboutsummaryrefslogtreecommitdiff
path: root/anki-card-template/card.html
diff options
context:
space:
mode:
Diffstat (limited to 'anki-card-template/card.html')
-rw-r--r--anki-card-template/card.html16
1 files changed, 12 insertions, 4 deletions
diff --git a/anki-card-template/card.html b/anki-card-template/card.html
index 69edc1d..07f02c9 100644
--- a/anki-card-template/card.html
+++ b/anki-card-template/card.html
@@ -10,25 +10,33 @@
background-color: black;
color: white;
}
+ #dev-buttons {
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ margin: 1em;
+ }
</style>
</head>
<body>
<div id="card" class="back vertical-layout">
<div id="front">
-<span id="sentence" class="parse foreign">[俺](おれ)の[目](め)の[前](まえ)に{全}(ぜん)[裸](はだか)のアリスが*[立](た)っていた*。\n\*escape\* (<i>test</i>)</span>
+<span id="sentence" class="parse parse-furigana parse-format foreign">[俺](おれ)の[目](め)の[前](まえ)に{全}(ぜん)[裸](はだか)のアリスが*[立](た)っていた*。\n\*escape\* (<i>test</i>)</span>
</div>
<hr id="separator">
<div id="back">
-<span id="target-word-reading" class="foreign">立つ【た・つ】</span>
-<span id="target-word-translation" class="native">To stand</span>
-<span id="sentence-translation" class="native spoiler hidden">Before my eyes stood Alice, butt-naked.</span>
+<span id="target-word-reading" class="parse parse-format parse-brackets foreign">立つ【た・つ】</span>
+<span id="target-word-translation" class="parse parse-format native">To stand</span>
+<span id="sentence-translation" class="parse parse-format native spoiler hidden">Before my eyes stood Alice, _butt-naked_.</span>
</div>
</div>
+<div id="dev-buttons">
<button onclick="document.getElementById('card').classList.toggle('back'); document.getElementById('card').classList.toggle('front')">toggle view</button>
<button onclick="document.getElementById('card').classList.toggle('horizontal-layout'); document.getElementById('card').classList.toggle('vertical-layout')">toggle layout</button>
<button onclick="document.body.classList.toggle('nightMode')">toggle dark</button>
+</div>
</span>
</html>