-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (69 loc) · 3.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Pedro H.">
<meta name="description" content="Lightweight MathJax live viewer for browsers.">
<title>MathJax Viewer</title>
<meta property="og:title" content="MathJax Viewer">
<meta property="og:type" content="website">
<meta property="og:url" content="https://devwannabe-dot.github.io/mathjax-viewer/">
<meta property="og:description" content="Lightweight Mathjax live viewer for browsers.">
<meta property="og:image" content=".media/example.png">
<link rel="stylesheet" href="style.css">
<link rel=icon href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/aaaakshat/cm-web-fonts@latest/fonts.css"> <!-- Fonts -->
<script type="text/javascript" id="MathJax-script" async
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
</script>
<!-- This is where the magic happens -->
<script type="text/javascript" id="inputToMath-script"
src="inputToMath.js">
</script>
</head>
<body>
<div class="container">
<header>
<div class="page-title">
<h1>MathJax Viewer</h1>
</div>
<div>
Not a \( \LaTeX \) environment. Use <a href="https://docs.mathjax.org/en/latest/basic/mathematics.html" target="_blank">MathJax \\(syntax\)</a> and plain text only.
</div><br>
</header>
<main>
<div class="mainframe">
<div class="input">
<textarea placeholder="Text/MathJax"></textarea>
</div>
<div class="output">
<div class="box">
</div>
</div>
</div>
</main>
<footer>
<div class="footer-links">
<ul>
<li>
<a href="https://github.com/DevWannabe-dot/mathjax-viewer" target="_blank">
<svg height="24" width="24">
<path d="M12.5.75C6.146.75 1 5.896 1 12.25c0 5.089 3.292 9.387 7.863 10.91.575.101.79-.244.79-.546 0-.273-.014-1.178-.014-2.142-2.889.532-3.636-.704-3.866-1.35-.13-.331-.69-1.352-1.18-1.625-.402-.216-.977-.748-.014-.762.906-.014 1.553.834 1.769 1.179 1.035 1.74 2.688 1.25 3.349.948.1-.747.402-1.25.733-1.538-2.559-.287-5.232-1.279-5.232-5.678 0-1.25.445-2.285 1.178-3.09-.115-.288-.517-1.467.115-3.048 0 0 .963-.302 3.163 1.179.92-.259 1.897-.388 2.875-.388.977 0 1.955.13 2.875.388 2.2-1.495 3.162-1.179 3.162-1.179.633 1.581.23 2.76.115 3.048.733.805 1.179 1.825 1.179 3.09 0 4.413-2.688 5.39-5.247 5.678.417.36.776 1.05.776 2.128 0 1.538-.014 2.774-.014 3.162 0 .302.216.662.79.547C20.709 21.637 24 17.324 24 12.25 24 5.896 18.854.75 12.5.75Z"></path>
</svg>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/pedrolive-ira/" target="_blank">
<svg height="24" width="24">
<path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19a.66.66 0 000 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"></path>
</svg>
</a>
</li>
<br><span id="footer-credits">Brought to you by Pedro H. Oɫiveira<blink>_</blink></span><br>
</ul>
</div>
</footer>
</div>
</body>
</html>