2018-09-18 17:17:42 +00:00
|
|
|
|
<!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">
|
2018-09-26 19:59:45 +00:00
|
|
|
|
<canvas id="sim" width="1000" height="800" style="width:500px; height:400px;"></canvas>
|
|
|
|
|
|
<div id="ui">
|
|
|
|
|
|
|
|
|
|
|
|
<b><span id="label_day"></span></b>
|
|
|
|
|
|
–
|
2018-09-18 17:17:42 +00:00
|
|
|
|
<span id="label_step"></span>
|
|
|
|
|
|
<br>
|
2018-09-26 19:59:45 +00:00
|
|
|
|
|
|
|
|
|
|
<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">
|
2018-10-17 20:37:01 +00:00
|
|
|
|
|
2018-09-26 19:59:45 +00:00
|
|
|
|
<input id="slider_new" type="range" min=0 max=50 step=1 value=10>
|
2018-10-17 20:37:01 +00:00
|
|
|
|
<span id="slider_new_label"></span>
|
|
|
|
|
|
|
2018-09-26 19:59:45 +00:00
|
|
|
|
<br>
|
2018-10-17 20:37:01 +00:00
|
|
|
|
|
2018-09-26 19:59:45 +00:00
|
|
|
|
<input id="slider_wrong" type="range" min=0 max=0.1 step=0.01 value=0.05>
|
2018-10-17 20:37:01 +00:00
|
|
|
|
<span id="slider_wrong_label"></span>
|
|
|
|
|
|
|
2018-09-26 19:59:45 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
2018-09-18 17:17:42 +00:00
|
|
|
|
</div>
|
2018-09-26 19:59:45 +00:00
|
|
|
|
<div id="label_stats"></div>
|
2018-09-18 17:17:42 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="default_labels">
|
2018-09-26 19:59:45 +00:00
|
|
|
|
|
|
|
|
|
|
|
2018-09-18 17:17:42 +00:00
|
|
|
|
<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">
|
2018-09-26 19:59:45 +00:00
|
|
|
|
([N] retired)
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<span id="leitner_button_next_step">
|
|
|
|
|
|
next step
|
2018-09-18 17:17:42 +00:00
|
|
|
|
</span>
|
2018-09-26 19:59:45 +00:00
|
|
|
|
<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>
|
|
|
|
|
|
|
2018-09-18 17:17:42 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="../helpers.js"></script>
|
|
|
|
|
|
<script src="leitner.js"></script>
|
