num2math/index.html at main · bruderjakob17/num2math · GitHub

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
<!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://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="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>
      </form>
      <br clear="all" />
      <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 as LaTeX.
          </li>
        </ul>
      </div>
    </div>
  </body>
</html>