88 lines
4.2 KiB
HTML
88 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>KaTeX – The fastest math typesetting library for the web</title>
|
||
<link href="lib/katex/katex.min.css" type="text/css" rel="stylesheet">
|
||
<link href="lib/katex/fonts/fonts.css" type="text/css" rel="stylesheet">
|
||
<link href="lib/normalize.css" type="text/css" rel="stylesheet">
|
||
<link href="lib/font-awesome/css/font-awesome.min.css" type="text/css" rel="stylesheet">
|
||
<link href="main.css" type="text/css" rel="stylesheet">
|
||
<script src="//use.typekit.net/ulc1wme.js"></script>
|
||
<script>try{Typekit.load();}catch(e){}</script>
|
||
</head>
|
||
<body>
|
||
<div class="header"><div class="container">
|
||
<h1 class="logo tex" data-expr="\KaTeX">KaTeX</h1>
|
||
<div class="tagline">
|
||
The <em>fastest</em> math typesetting library for the web.
|
||
</div>
|
||
<div class="cta">
|
||
<a href="https://github.com/Khan/KaTeX/releases" role="button"><i class="fa fa-download"></i> Download</a><a href="https://github.com/Khan/KaTeX" role="button"><i class="fa fa-github"></i> View on GitHub</a>
|
||
</div>
|
||
<div class="demo">
|
||
<div class="demo-left">
|
||
<div class="demo-instructions">
|
||
Type an expression:
|
||
</div>
|
||
<textarea id="demo-input" spellcheck="false">
|
||
f(x) = \int_{-\infty}^\infty
|
||
\hat f(\xi)\,e^{2 \pi i \xi x}
|
||
\,d\xi</textarea>
|
||
</div>
|
||
<div class="demo-right">
|
||
<div class="demo-instructions">
|
||
See how it renders with <span class="tex" data-expr="\KaTeX">KaTeX</span>:
|
||
</div>
|
||
<div id="demo-output"></div>
|
||
</div>
|
||
</div>
|
||
</div></div>
|
||
|
||
<div class="main"><div class="container">
|
||
<div class="subtagline">
|
||
Simple API, no dependencies – yet super-fast on all major browsers.
|
||
</div>
|
||
|
||
<ul class="features">
|
||
<li><b>Fast:</b> KaTeX renders its math synchronously and doesn’t need to reflow the page.</li>
|
||
<li><b>Print quality:</b> KaTeX’s layout is based on Donald Knuth’s TeX, the gold standard for math typesetting.</li>
|
||
<li><b>Self contained:</b> KaTeX has no dependencies and can easily be bundled with your website resources.</li>
|
||
<li><b>Server side rendering:</b> KaTeX produces the same output regardless of browser or environment, so you can pre-render expressions using Node.js and send them as plain HTML.</li>
|
||
</ul>
|
||
|
||
<div class="examples">
|
||
<div class="example tex" data-expr="\displaystyle \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }"></div>
|
||
<div class="example tex" data-expr="\displaystyle \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)"></div>
|
||
<div class="example tex" data-expr="\displaystyle 1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots = \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})}, \quad\quad \text{for }\lvert q\rvert<1."></div>
|
||
</div>
|
||
|
||
<div class="subtagline">
|
||
Lightning-fast, even on pages with hundreds of expressions:
|
||
</div>
|
||
|
||
<div class="comparison-labels">
|
||
<div class="left tex" data-expr="\KaTeX"></div>
|
||
<div class="right">MathJax</div>
|
||
</div>
|
||
<div class="comparison"></div>
|
||
|
||
<div class="cta">
|
||
<a href="https://github.com/Khan/KaTeX/releases" role="button"><i class="fa fa-download"></i> Download</a><a href="https://github.com/Khan/KaTeX" role="button"><i class="fa fa-github"></i> View on GitHub</a>
|
||
</div>
|
||
</div></div>
|
||
|
||
<div class="footer"><div class="container">
|
||
<a class="ka-logo" href="https://www.khanacademy.org/"><img src="khan-academy.png" alt="Khan Academy" width="180" height="17"></a>
|
||
<span class="created-by">Created by <a href="https://github.com/xymostech">Emily Eisenberg</a> and <a href="http://benalpert.com/">Ben Alpert</a>
|
||
</div></div>
|
||
|
||
<script src="lib/katex/katex.min.js" type="text/javascript"></script>
|
||
<script src="main.js" type="text/javascript"></script>
|
||
<script type="text/javascript">
|
||
startup();
|
||
</script>
|
||
</body>
|
||
</html>
|
||
|