54 lines
1.0 KiB
HTML
54 lines
1.0 KiB
HTML
<!--
|
|
|
|
The Process:
|
|
1. type something @done
|
|
2. it sends signal @done
|
|
3. label is updated in parent @done
|
|
4. flashcard in different iframe updates @done
|
|
5. flashcard answer auto-centers @done
|
|
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Typing</title>
|
|
<link rel="stylesheet" type="text/css" href="type.css"/>
|
|
</head>
|
|
<body>
|
|
<div id="card_container">
|
|
<div id="question">AHH</div>
|
|
<div id="card">
|
|
<input id="answer" type="text"></input>
|
|
<div id="suggestion_header">
|
|
</div>
|
|
<div id="suggestions_list">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|
|
<!-- Default Labels -->
|
|
<div id="default_labels">
|
|
|
|
<span id="type_question">
|
|
Q: WHAT do you want to learn?
|
|
</span>
|
|
<span id="type_placeholder">
|
|
(type your answer here)
|
|
</span>
|
|
<span id="type_suggestions">
|
|
suggestions:
|
|
</span>
|
|
<span id="type_suggestions_list">
|
|
<li>The Leitner Box</li>
|
|
<li>Anki</li>
|
|
<li>TinyCards</li>
|
|
<li>(other)</li>
|
|
</span>
|
|
|
|
</div>
|
|
|
|
<script src="../helpers.js"></script>
|
|
<script src="type.js"></script> |