/
index.html
149 lines (138 loc) · 5.15 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width" />
<meta
name="description"
content="complicated math equation generator. What is a very complicated math
expression/problem that equals xxx? Enter a solution and get a hard equation that gives that answer."
/>
<meta
name="keywords"
content="math, complicated math, math equation, complicated equation generator, complicated math equation"
/>
<title>num2math - Complicated math equation generator</title>
<link href="src/styles.css" rel="stylesheet" type="text/css" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-W8GSQN5XSZ"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-W8GSQN5XSZ");
</script>
<!-- MathJax-->
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script
id="MathJax-script"
async
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"
></script>
<!-- For Download as PNG capability-->
<script src="https://blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/canvg/1.4/rgbcolor.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/stackblur-canvas/1.4.1/stackblur.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/canvg/dist/browser/canvg.min.js"></script>
<!-- Custom -->
<script src="src/script.js"></script>
<script src="src/download-png.js"></script>
</head>
<body>
<div class="menu">
<a href="https://www.buymeacoffee.com/enjeck" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>
<a href="https://github.com/enjeck/num2math"> GitHub</a>
</div>
<div id="frame">
<div id="mobile-notice">
<span class="close"> x </span>
<h3>Mobile Notice</h3>
<p>
You appear to be on a device with a narrow screen width (i.e you are
probably on a mobile device). Due to the nature of mathematics on this
site, it best views in landscape mode. On narrow screens, some math
expressions may run off the side of the screen (you should be able to
scroll to see them)
</p>
</div>
<div class="intro">
<h1>num2math</h1>
<h3>
A math expression generator. </br>What is a complicated
math equation that equals x? Let's find out!
</h3>
</div>
<form id="form">
<label for="input">
Enter an integer between 0 and 1000 inclusive
</label>
<br />
<input
id="input"
type="number"
min="0"
max="1000"
name="input"
required
/>
<br />
<div class="lr">
<div class="left">
<input type="checkbox" id="display" checked />
<label for="display">Display style</label>
</div>
<div class="right">
<input type="submit" value="Generate" id="render" name="submit" />
</div>
</div>
</form>
<div class="options">
<div>
<input type="checkbox" id="gamma-function" name="gamma-function" value="gamma-function" checked>
<label for="gamma-function"> Gamma function </label>
</div>
<div>
<input type="checkbox" id="eulers-identity" name="eulers-identity" value="eulers-identity" checked>
<label for="eulers-identity"> Euler's identity </label>
</div>
<div>
<input type="checkbox" id="limits-exponential" name="limits-exponential" value="limits-exponential" checked>
<label for="limits-exponential"> Exponential Limits </label>
</div>
<div>
<input type="checkbox" id="limits-polynomial" name="limits-polynomial" value="limits-polynomial" checked>
<label for="limits-polynomial"> Polynomial Limits </label>
</div>
<div>
<input type="checkbox" id="trig" name="trig" value="trig" checked>
<label for="trig"> Trig Identity </label>
</div>
<div>
<input type="checkbox" id="geometric-series" name="geometric-series" value="geometric-series" checked>
<label for="geometric-series"> Geometric Series </label>
</div>
</div>
<div id="output"></div>
<button id="download-img">Download as PNG</button>
<div class="tips">
<h4><em> Tips </em></h4>
<ul>
<li>
There is an endless number of math expressions for every number.
Click "Generate" several times for a different output.
</li>
<li>
Right click (or long press if on a mobile device) on an equation to
copy the TeX commands or MathML code.
</li>
</ul>
</div>
</div>
</body>
</html>