summaryrefslogtreecommitdiffstats
path: root/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rw-r--r--index.html41
1 files changed, 41 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..6f72b66
--- /dev/null
+++ b/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Multiplication Flash Cards</title>
+
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <meta name="viewport" content="width=device-width">
+ <link rel="stylesheet" type="text/css" href="base.css">
+ <link rel="stylesheet" type="text/css" href="narrow.css"
+ media="screen and (min-device-width: 320px) and (max-device-width: 568px)">
+ <link rel="stylesheet" type="text/css" href="wide.css"
+ media="screen and (min-device-width: 569px)">
+ </head>
+
+ <body>
+ <form id="test-form">
+ <span class="test">
+ <span id="op1"></span>
+ &times;
+ <span id="op2"></span>
+ &equals;
+ <input id="answer" type="number" autocomplete="off">
+ </span>
+
+ <button id="submit" type="submit">Check</button>
+ </form>
+
+ <div id="is-correct">
+ <span id="correct">Correct</span>
+ <span id="incorrect">Incorrect. The answer is
+ <span id="correct-answer"></span>.
+ </span>
+
+ <div id="timer">
+ It took you <span id="time"></span> seconds to answer.
+ </div>
+ </div>
+
+ <script src="mult.js"></script>
+ </body>
+</html>