-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
90 lines (80 loc) · 3.53 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math Playground</title>
<link rel="stylesheet" href="app/css/mathquill.css"/>
<link rel="stylesheet" href="app/css/main.css">
<link rel="stylesheet" href="app/css/operation.css">
<link rel="stylesheet" href="app/css/draggable.css">
<link rel="stylesheet" href="app/css/animations.css">
</head>
<body>
<!-- I don't know how to properly import this stuff using JSPM, so until I figure out how to do that here they are.
MathQuill depends on jQuery so I can't import that using jspm. -->
<script src="app/js/lib/jquery-2.2.4.min.js"></script>
<script src="app/js/lib/TextPlugin.min.js"></script> <!--Allows gsap to tween text TODO: Import using jspm-->
<script src="app/js/lib/jquery-ui.js"></script> <!--TODO: Download only the parts of jQuery UI that I need, maybe use jspm.-->
<script src="app/js/lib/jquery.ui.touch-punch.min.js"></script> <!--Makes draggable work on mobile -->
<script src="app/js/lib/mathquill.min.js"></script>
<script src="jspm_packages/system.js"></script>
<script src="config.js"></script>
<div id="toolbar">
<span id="mathquill-box"></span>
<div class="number-box dropdown"> <span>#</span>
<div id="number-dropdown" class="dropdown-content">
<div id="one-box" class="number-box" parse="1">
<span class="dropdown-number">1</span>
</div>
<div id="two-box" class="number-box" parse="2">
<span class="dropdown-number">2</span>
</div>
<div id="three-box" class="number-box" parse="3">
<span class="dropdown-number">3</span>
</div>
<div id="four-box" class="number-box" parse="4">
<span class="dropdown-number">4</span>
</div>
<div id="five-box" class="number-box" parse="5">
<span class="dropdown-number">5</span>
</div>
<div id="six-box" class="number-box" parse="6">
<span class="dropdown-number">6</span>
</div>
<div id="seven-box" class="number-box" parse="7">
<span class="dropdown-number">7</span>
</div>
<div id="eight-box" class="number-box" parse="8">
<span class="dropdown-number">8</span>
</div>
<div id="nine-box" class="number-box" parse="9">
<span class="dropdown-number">9</span>
</div>
<div id="zero-box" class="number-box" parse="0">
<span class="dropdown-number">0</span>
</div>
</div>
</div>
<div class="operation-box" id="add-box">
<div class="operation-draggable" parse="+"> + </div>
</div>
<div class="operation-box" id="subtract-box">
<div class="operation-draggable" parse="-"> − </div>
</div>
<div class="operation-box" id="multiply-box">
<div class="operation-draggable" parse="*"> × </div>
</div>
<div class="operation-box" id="divide-box">
<div class="operation-draggable" parse="/"> ÷ </div>
</div>
</div>
<div id="playground">
<div id="trash">
</div>
</div>
<!--<script src="theapp.js"></script>-->
<script>
System.import('app/js/main.js');
</script>
</body>
</html>