FuriKani/popup.html

59 lines
1.5 KiB
HTML
Raw Normal View History

2022-03-19 19:07:22 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
2022-03-20 14:54:48 +00:00
<link rel="stylesheet" href="src/styles.css">
2022-03-19 19:07:22 +00:00
</head>
<body>
2022-03-20 14:54:48 +00:00
<header>
<h1>FuriKani</h1>
2022-03-20 16:13:56 +00:00
<h2>v0.5</h2>
2022-03-20 14:54:48 +00:00
</header>
2022-03-19 19:07:22 +00:00
2022-03-20 14:54:48 +00:00
<div id="token-area">
<div id="input-area">
<span id="token-status"></span>
<input type="text" id="token" placeholder="Wanikani Token"/>
<button id="submit-token">OK</button>
</div>
<span id="error-text">
</span>
</div>
<div id="settings-area">
2022-03-20 16:13:22 +00:00
<div class="setting">
2022-03-20 15:25:50 +00:00
<label class="switch">
2022-03-20 16:13:22 +00:00
<input type="checkbox" id="setting-global">
2022-03-20 15:25:50 +00:00
<span class="slider round"></span>
</label>
2022-03-20 14:54:48 +00:00
2022-03-20 15:25:50 +00:00
<span class="description">Enable Furikani</span>
</div>
2022-03-20 16:13:22 +00:00
<div class="setting">
2022-03-20 15:25:50 +00:00
<label class="switch">
2022-03-20 16:13:22 +00:00
<input type="checkbox" id="setting-vocabulary">
2022-03-20 15:25:50 +00:00
<span class="slider round"></span>
</label>
<span class="description">Use Vocabulary List</span>
</div>
2022-03-20 00:04:00 +00:00
2022-03-20 16:13:22 +00:00
<div class="setting">
2022-03-20 15:25:50 +00:00
<label class="switch">
2022-03-20 16:13:22 +00:00
<input type="checkbox" id="setting-kanji">
2022-03-20 15:25:50 +00:00
<span class="slider round"></span>
</label>
<span class="description">Use Kanji List</span>
</div>
2022-03-20 14:54:48 +00:00
</div>
2022-03-20 00:04:00 +00:00
2022-03-20 14:54:48 +00:00
<footer>
2022-03-20 00:04:00 +00:00
Using WaniKani Level <span id="level"></span>
2022-03-20 14:54:48 +00:00
</footer>
2022-03-19 19:07:22 +00:00
2022-03-20 14:54:48 +00:00
<script src="src/popup.js"></script>
2022-03-19 19:07:22 +00:00
</body>
</html>