demo/index.html at master · mathflowjs/demo · 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
<!doctype html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<link rel="icon" type="image/svg+xml" href="/logo.svg" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>MathFlow | Demo</title>
</head>

<body>
	<div id="app">
		<header>
			<a href="https://github.com/mathflowjs/mathflow">
				<img class="logo" src="/logo.svg" alt="MathFlow">
			</a>
			<span class="title">MathFlow | Demo</span>
			<span>
				[ <a href="https://mathflow.js.org">Docs</a> | <a href="https://github.com/mathflowjs/demo">GitHub</a> ]
			</span>
		</header>
		<main>
			<p>[hint] &rarr; To learn <i>MathFlow</i>, click the docs link</p>
			<p>[hint] &rarr; Type <i>MathFlow</i> code in the textarea below</p>
			<p>[hint] &rarr; Use CTRL+Enter to solve or press the button</p>
		</main>
		<footer>
			<textarea placeholder="Type here..." spellcheck="false" autocomplete="off" autocapitalize="off"></textarea>
			<button id="solve-btn">
				<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
					<path stroke-linecap="round" stroke-linejoin="round" d="M15 11.25l-3-3m0 0l-3 3m3-3v7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
				</svg>
			</button>
		</footer>
	</div>
	<script type="module" src="/src/main.ts"></script>
</body>

</html>