<!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>
		<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>