mirror of
https://github.com/Smaug123/KaTeX
synced 2025-10-06 11:48:41 +00:00
105 lines
5.5 KiB
HTML
105 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>KaTeX – The fastest math typesetting library for the web</title>
|
||
<meta name="Description" content="KaTeX – The fastest math typesetting library for the web">
|
||
<meta property="og:title" content="KaTeX – The fastest math typesetting library for the web">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="http://khan.github.io/KaTeX/">
|
||
<meta property="og:image" content="http://khan.github.io/KaTeX/og_logo.png">
|
||
<meta property="og:description" content="Simple API, no dependencies – yet super-fast on all major browsers.">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.0-beta/dist/katex.min.css" integrity="sha384-9tPv11A+glH/on/wEu99NVwDPwkMQESOocs/ZGXPoIiLE8MU/qkqUcZ3zzL+6DuH" crossorigin="anonymous">
|
||
<script src="https://cdn.jsdelivr.net/npm/katex@0.10.0-beta/dist/katex.min.js" integrity="sha384-U8Vrjwb8fuHMt6ewaCy8uqeUXv4oitYACKdB0VziCerzt011iQ/0TqlSlv8MReCm" crossorigin="anonymous"></script>
|
||
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,700i" rel="stylesheet">
|
||
<link href="https://use.fontawesome.com/efe646278d.css" type="text/css" rel="stylesheet">
|
||
<link href="static/index.css" type="text/css" rel="stylesheet">
|
||
</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="docs/node.html" role="button"><i class="fa fa-download"></i> Installation</a>
|
||
<a href="docs/api.html" role="button"><i class="fa fa-book"></i> Documentation</a>
|
||
<a href="https://github.com/Khan/KaTeX" role="button"><i class="fa fa-github"></i> View on GitHub</a>
|
||
</div>
|
||
<div class="demo" id="demo">
|
||
<div class="demo-left">
|
||
<div class="demo-instructions">
|
||
<label for="demo-input">Type an expression:</label>
|
||
</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="docs/node.html" role="button"><i class="fa fa-download"></i> Installation</a>
|
||
<a href="docs/api.html" role="button"><i class="fa fa-book"></i> Documentation</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="img/khan-academy.png" alt="Khan Academy" width="180" height="17"></a>
|
||
<span class="credits">
|
||
Created by <a href="https://github.com/xymostech">Emily Eisenberg</a> and <a href="https://sophiebits.com/">Sophie Alpert</a>
|
||
</span>
|
||
</div></div>
|
||
|
||
<script src="js/index.js" type="text/javascript"></script>
|
||
<script type="text/javascript">
|
||
startup();
|
||
</script>
|
||
<script>
|
||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||
ga('create', 'UA-54842501-1', 'auto');
|
||
ga('send', 'pageview');
|
||
</script>
|
||
</body>
|
||
</html>
|