101 lines
1.8 KiB
HTML
101 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>The Leitner Box</title>
|
||
<link rel="stylesheet" type="text/css" href="leitner.css"/>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="content">
|
||
<canvas id="sim" width="1000" height="800" style="width:500px; height:400px;"></canvas>
|
||
<div id="ui">
|
||
|
||
<b><span id="label_day"></span></b>
|
||
–
|
||
<span id="label_step"></span>
|
||
<br>
|
||
|
||
<button id="next_step"></button>
|
||
<span id="MODE2_time">
|
||
<button id="next_day"></button>
|
||
<button id="next_week"></button>
|
||
<button id="next_month"></button>
|
||
</span>
|
||
<button id="reset"></button>
|
||
|
||
<br>
|
||
|
||
<div id="sliders">
|
||
|
||
<input id="slider_new" type="range" min=0 max=50 step=1 value=10>
|
||
<span id="slider_new_label"></span>
|
||
|
||
<br>
|
||
|
||
<input id="slider_wrong" type="range" min=0 max=0.1 step=0.01 value=0.05>
|
||
<span id="slider_wrong_label"></span>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div id="label_stats"></div>
|
||
</div>
|
||
|
||
<div id="default_labels">
|
||
|
||
|
||
<span id="leitner_day">
|
||
Day [N]
|
||
</span>
|
||
<span id="leitner_step_to_review">
|
||
to review: Level
|
||
</span>
|
||
<span id="leitner_step_reviewing">
|
||
review Level [N]
|
||
</span>
|
||
<span id="leitner_step_new">
|
||
add [N] new cards
|
||
</span>
|
||
<span id="leitner_step_stats">
|
||
total: [N] cards!
|
||
</span>
|
||
<span id="leitner_step_stats_2">
|
||
([N] retired)
|
||
</span>
|
||
|
||
|
||
<span id="leitner_button_next_step">
|
||
next step
|
||
</span>
|
||
<span id="leitner_button_next_day">
|
||
next day
|
||
</span>
|
||
<span id="leitner_button_next_week">
|
||
next week
|
||
</span>
|
||
<span id="leitner_button_next_month">
|
||
next month
|
||
</span>
|
||
|
||
|
||
<span id="leitner_slider_new">
|
||
[N] new cards a day
|
||
</span>
|
||
<span id="leitner_slider_wrong">
|
||
recall [N]% of cards <i>wrong</i>
|
||
</span>
|
||
|
||
|
||
<span id="leitner_reset">
|
||
RESET
|
||
</span>
|
||
|
||
</div>
|
||
|
||
</body>
|
||
|
||
</html>
|
||
|
||
<script src="../helpers.js"></script>
|
||
<script src="leitner.js"></script> |