Want to contribute? Fork me on Codeberg.org!
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1.1 KiB
31 lines
1.1 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>nicolator</title>
|
|
<link rel="stylesheet" href="https://unpkg.com/sakura.css/css/normalize.css" type="text/css">
|
|
<link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura-pink.css" type="text/css">
|
|
<script src="keymap.js"></script>
|
|
<script src="words.js"></script>
|
|
</head>
|
|
<body>
|
|
<audio id="incorrectSfx" src="incorrect.mp3" type="audio/mpeg"></audio>
|
|
<audio id="correctSfx" src="correct.mp3" type="audio/mpeg"></audio>
|
|
<audio id="successSfx" src="success.mp3" type="audio/mpeg"></audio>
|
|
<details open>
|
|
<summary>Keymap</summary>
|
|
<img src="keymap.png" alt="Keymap">
|
|
</details>
|
|
<details>
|
|
<summary>Settings ⚙️</summary>
|
|
Seconds per kana <input type="number" id="timePerKana">
|
|
</details>
|
|
<h1 id="word" style="text-align: center"></h1>
|
|
<input id="input" style="width: 100%" autocomplete="off"><br>
|
|
<progress id="timer" value="1" style="width: 100%"></progress>
|
|
<div id="hint"></div>
|
|
<script src="nicolator.js"></script>
|
|
</body>
|
|
</html>
|