diff options
| author | lonkaars <loek@pipeframe.xyz> | 2022-12-26 13:46:33 +0100 |
|---|---|---|
| committer | lonkaars <loek@pipeframe.xyz> | 2022-12-26 13:46:33 +0100 |
| commit | d90e2b8f121534e8004a642f576807dd3ed53507 (patch) | |
| tree | bbdd16b7a0809d0762aa293dc77307372423e199 /card/card.html | |
card template working
Diffstat (limited to 'card/card.html')
| -rw-r--r-- | card/card.html | 22 |
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> |