aboutsummaryrefslogtreecommitdiff
path: root/card/card.html
diff options
context:
space:
mode:
Diffstat (limited to 'card/card.html')
-rw-r--r--card/card.html22
1 files changed, 22 insertions, 0 deletions
diff --git a/card/card.html b/card/card.html
new file mode 100644
index 0000000..f0bdb77
--- /dev/null
+++ b/card/card.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset='utf-8'>
+ <title>card template test</title>
+ <link rel='stylesheet' type='text/css' media='screen' href='./card.css'>
+ <script defer src='./card.js'></script>
+</head>
+<body>
+
+<div class="card back">
+<span class="sentence">[俺](おれ)の[目](め)の[前](まえ)に[全](ぜん)[裸](はだか)のアリスが*[立](た)っていた*。\*escape\* (test)</span>
+<hr class="split">
+<span class="target-word-reading">立つ【た・つ】</span>
+<span class="target-word-translation">To stand</span>
+<span class="sentence-translation">Before my eyes stood Alice, butt-naked.</span>
+</div>
+
+<button onclick="document.getElementsByClassName('card')[0].classList.toggle('back'); document.getElementsByClassName('card')[0].classList.toggle('front')">toggle view</button>
+
+</span>
+</html>