markdown-it-katex/index.html

<!DOCTYPE html>
<head>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/github-markdown-css/2.2.1/github-markdown.css"/>
	<style>
	#input {
		display: block;
		font-size: 12pt;
		padding-top: 0.5em;
		padding-left: 0.1em;
		font-family: monospace;
	}
	#button {
		margin-top: 1em;
		width: 120px;
		height: 50px;
		font-size: 14pt;
	}
	#output {
		margin: 20px;
	}
	</style>
</head>
<body>
	<textarea id="input" type="textarea" rows=15, cols=80 spellcheck="false">
# Maxwell's Equations


equation | description
----------|------------
$\nabla \cdot \vec{\mathbf{B}}  = 0$ | divergence of $\vec{\mathbf{B}}$ is zero
$\nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t}  = \vec{\mathbf{0}}$ |  curl of $\vec{\mathbf{E}}$ is proportional to the rate of change of $\vec{\mathbf{B}}$
$\nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} = \frac{4\pi}{c}\vec{\mathbf{j}}    \nabla \cdot \vec{\mathbf{E}} = 4 \pi \rho$ | _wha?_

![electricity](http://i.giphy.com/Gty2oDYQ1fih2.gif)</textarea>
	<button id="button">Mathdown!</button>
	<div id="output" class="markdown-body"></div>
	<script src="./bundle.js"></script>
</body>
initial commit 2016-03-11 22:56:48 +09:00			`<!DOCTYPE html>`
			`<head>`
update KaTeX stylesheet reference 2016-03-11 23:38:46 +09:00			`<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css">`
improve demo 2016-03-12 00:16:54 +09:00			`<link rel="stylesheet" href="https://cdn.jsdelivr.net/github-markdown-css/2.2.1/github-markdown.css"/>`
initial commit 2016-03-11 22:56:48 +09:00			`<style>`
			`#input {`
			`display: block;`
			`font-size: 12pt;`
improve demo 2016-03-12 00:16:54 +09:00			`padding-top: 0.5em;`
			`padding-left: 0.1em;`
			`font-family: monospace;`
			`}`
			`#button {`
			`margin-top: 1em;`
			`width: 120px;`
			`height: 50px;`
			`font-size: 14pt;`
initial commit 2016-03-11 22:56:48 +09:00			`}`
			`#output {`
			`margin: 20px;`
			`}`
			`</style>`
			`</head>`
			`<body>`
improve demo 2016-03-12 00:16:54 +09:00			`<textarea id="input" type="textarea" rows=15, cols=80 spellcheck="false">`
update KaTeX stylesheet reference 2016-03-11 23:38:46 +09:00			`# Maxwell's Equations`


			`equation \| description`
			`----------\|------------`
			`$\nabla \cdot \vec{\mathbf{B}} = 0$ \| divergence of $\vec{\mathbf{B}}$ is zero`
			`$\nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} = \vec{\mathbf{0}}$ \| curl of $\vec{\mathbf{E}}$ is proportional to the rate of change of $\vec{\mathbf{B}}$`
funnies 2016-03-12 00:23:11 +09:00			`$\nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} = \frac{4\pi}{c}\vec{\mathbf{j}} \nabla \cdot \vec{\mathbf{E}} = 4 \pi \rho$ \| _wha?_`
update KaTeX stylesheet reference 2016-03-11 23:38:46 +09:00
			`![electricity](http://i.giphy.com/Gty2oDYQ1fih2.gif)</textarea>`
initial commit 2016-03-11 22:56:48 +09:00			`<button id="button">Mathdown!</button>`
			`<div id="output" class="markdown-body"></div>`
			`<script src="./bundle.js"></script>`
			`</body>`