Make the page look better

2014-09-10 15:20:49 -07:00 · 2014-09-10 15:20:49 -07:00 · 4b2edea985
commit 4b2edea985
parent eef846ce94
70 changed files with 3710 additions and 2 deletions
--- a/index.html
+++ b/index.html
@ -1,10 +1,41 @@
 <!DOCTYPE html>
 <html>
  <head>
-    <title>Hello, world!</title>
+    <title>KaTeX - Fast online math rendering</title>
+    <script src="lib/katex/katex.min.js" type="text/javascript"></script>
+    <link href="lib/katex/katex.min.css" type="text/css" rel="stylesheet" />
+    <link href="lib/katex/fonts/fonts.css" type="text/css" rel="stylesheet" />
+
+    <script src="main.js" type="text/javascript"></script>
+    <link href="main.css" type="text/css" rel="stylesheet" />
  </head>
  <body>
-    Github pages testing.
+    <div id="main">
+      <h1 id="title"></h1>
+      What is KaTeX? <br>
+      KaTeX is a math typesetting library for the web.<br><br>
+
+      Advantages: <br>
+      <ul>
+        <li>Fast</li>
+        <li>Simple API</li>
+        <li>No dependencies</li>
+        <li>Supports all major browsers including IE 8 through IE 11</li>
+      </ul>
+
+      Interactive demo:<br>
+      <input id="demo-input" type="text" value="x=\dfrac{-b\pm\sqrt{b^2-4ac}}{2a}" /> <br>
+      <span id="demo"></span> <br><br>
+
+      Examples:<br>
+      <span id="example"></span> <br><br>
+
+      <a href="http://jsperf.com/katex-vs-mathjax">Performance comparison</a>
+    </div>
+
+    <script type="text/javascript">
+      startup();
+    </script>
  </body>
 </html>

--- a/lib/katex/fonts/KaTeX_AMS-Regular.eot
+++ b/lib/katex/fonts/KaTeX_AMS-Regular.eot
--- a/lib/katex/fonts/KaTeX_AMS-Regular.ttf
+++ b/lib/katex/fonts/KaTeX_AMS-Regular.ttf
--- a/lib/katex/fonts/KaTeX_AMS-Regular.woff
+++ b/lib/katex/fonts/KaTeX_AMS-Regular.woff
--- a/lib/katex/fonts/KaTeX_Caligraphic-Bold.eot
+++ b/lib/katex/fonts/KaTeX_Caligraphic-Bold.eot
--- a/lib/katex/fonts/KaTeX_Caligraphic-Bold.ttf
+++ b/lib/katex/fonts/KaTeX_Caligraphic-Bold.ttf
--- a/lib/katex/fonts/KaTeX_Caligraphic-Bold.woff
+++ b/lib/katex/fonts/KaTeX_Caligraphic-Bold.woff
--- a/lib/katex/fonts/KaTeX_Caligraphic-Regular.eot
+++ b/lib/katex/fonts/KaTeX_Caligraphic-Regular.eot
--- a/lib/katex/fonts/KaTeX_Caligraphic-Regular.ttf
+++ b/lib/katex/fonts/KaTeX_Caligraphic-Regular.ttf
--- a/lib/katex/fonts/KaTeX_Caligraphic-Regular.woff
+++ b/lib/katex/fonts/KaTeX_Caligraphic-Regular.woff
--- a/lib/katex/fonts/KaTeX_Fraktur-Bold.eot
+++ b/lib/katex/fonts/KaTeX_Fraktur-Bold.eot
--- a/lib/katex/fonts/KaTeX_Fraktur-Bold.ttf
+++ b/lib/katex/fonts/KaTeX_Fraktur-Bold.ttf
--- a/lib/katex/fonts/KaTeX_Fraktur-Bold.woff
+++ b/lib/katex/fonts/KaTeX_Fraktur-Bold.woff
--- a/lib/katex/fonts/KaTeX_Fraktur-Regular.eot
+++ b/lib/katex/fonts/KaTeX_Fraktur-Regular.eot
--- a/lib/katex/fonts/KaTeX_Fraktur-Regular.ttf
+++ b/lib/katex/fonts/KaTeX_Fraktur-Regular.ttf
--- a/lib/katex/fonts/KaTeX_Fraktur-Regular.woff
+++ b/lib/katex/fonts/KaTeX_Fraktur-Regular.woff
--- a/lib/katex/fonts/KaTeX_Greek-Bold.ttf
+++ b/lib/katex/fonts/KaTeX_Greek-Bold.ttf
--- a/lib/katex/fonts/KaTeX_Greek-BoldItalic.ttf
+++ b/lib/katex/fonts/KaTeX_Greek-BoldItalic.ttf
--- a/lib/katex/fonts/KaTeX_Greek-Italic.ttf
+++ b/lib/katex/fonts/KaTeX_Greek-Italic.ttf
--- a/lib/katex/fonts/KaTeX_Greek-Regular.ttf
+++ b/lib/katex/fonts/KaTeX_Greek-Regular.ttf
--- a/lib/katex/fonts/KaTeX_Main-Bold.eot
+++ b/lib/katex/fonts/KaTeX_Main-Bold.eot
--- a/lib/katex/fonts/KaTeX_Main-Bold.ttf
+++ b/lib/katex/fonts/KaTeX_Main-Bold.ttf
--- a/lib/katex/fonts/KaTeX_Main-Bold.woff
+++ b/lib/katex/fonts/KaTeX_Main-Bold.woff
--- a/lib/katex/fonts/KaTeX_Main-Italic.eot
+++ b/lib/katex/fonts/KaTeX_Main-Italic.eot
--- a/lib/katex/fonts/KaTeX_Main-Italic.ttf
+++ b/lib/katex/fonts/KaTeX_Main-Italic.ttf
--- a/lib/katex/fonts/KaTeX_Main-Italic.woff
+++ b/lib/katex/fonts/KaTeX_Main-Italic.woff
--- a/lib/katex/fonts/KaTeX_Main-Regular.eot
+++ b/lib/katex/fonts/KaTeX_Main-Regular.eot
--- a/lib/katex/fonts/KaTeX_Main-Regular.ttf
+++ b/lib/katex/fonts/KaTeX_Main-Regular.ttf
--- a/lib/katex/fonts/KaTeX_Main-Regular.woff
+++ b/lib/katex/fonts/KaTeX_Main-Regular.woff
--- a/lib/katex/fonts/KaTeX_Math-BoldItalic.eot
+++ b/lib/katex/fonts/KaTeX_Math-BoldItalic.eot
--- a/lib/katex/fonts/KaTeX_Math-BoldItalic.ttf
+++ b/lib/katex/fonts/KaTeX_Math-BoldItalic.ttf
--- a/lib/katex/fonts/KaTeX_Math-BoldItalic.woff
+++ b/lib/katex/fonts/KaTeX_Math-BoldItalic.woff
--- a/lib/katex/fonts/KaTeX_Math-Italic.eot
+++ b/lib/katex/fonts/KaTeX_Math-Italic.eot
--- a/lib/katex/fonts/KaTeX_Math-Italic.ttf
+++ b/lib/katex/fonts/KaTeX_Math-Italic.ttf
--- a/lib/katex/fonts/KaTeX_Math-Italic.woff
+++ b/lib/katex/fonts/KaTeX_Math-Italic.woff
--- a/lib/katex/fonts/KaTeX_Math-Regular.eot
+++ b/lib/katex/fonts/KaTeX_Math-Regular.eot
--- a/lib/katex/fonts/KaTeX_Math-Regular.ttf
+++ b/lib/katex/fonts/KaTeX_Math-Regular.ttf
--- a/lib/katex/fonts/KaTeX_Math-Regular.woff
+++ b/lib/katex/fonts/KaTeX_Math-Regular.woff
--- a/lib/katex/fonts/KaTeX_SansSerif-Bold.eot
+++ b/lib/katex/fonts/KaTeX_SansSerif-Bold.eot
--- a/lib/katex/fonts/KaTeX_SansSerif-Bold.ttf
+++ b/lib/katex/fonts/KaTeX_SansSerif-Bold.ttf
--- a/lib/katex/fonts/KaTeX_SansSerif-Bold.woff
+++ b/lib/katex/fonts/KaTeX_SansSerif-Bold.woff
--- a/lib/katex/fonts/KaTeX_SansSerif-Italic.eot
+++ b/lib/katex/fonts/KaTeX_SansSerif-Italic.eot
--- a/lib/katex/fonts/KaTeX_SansSerif-Italic.ttf
+++ b/lib/katex/fonts/KaTeX_SansSerif-Italic.ttf
--- a/lib/katex/fonts/KaTeX_SansSerif-Italic.woff
+++ b/lib/katex/fonts/KaTeX_SansSerif-Italic.woff
--- a/lib/katex/fonts/KaTeX_SansSerif-Regular.eot
+++ b/lib/katex/fonts/KaTeX_SansSerif-Regular.eot
--- a/lib/katex/fonts/KaTeX_SansSerif-Regular.ttf
+++ b/lib/katex/fonts/KaTeX_SansSerif-Regular.ttf
--- a/lib/katex/fonts/KaTeX_SansSerif-Regular.woff
+++ b/lib/katex/fonts/KaTeX_SansSerif-Regular.woff
--- a/lib/katex/fonts/KaTeX_Script-Regular.eot
+++ b/lib/katex/fonts/KaTeX_Script-Regular.eot
--- a/lib/katex/fonts/KaTeX_Script-Regular.ttf
+++ b/lib/katex/fonts/KaTeX_Script-Regular.ttf
--- a/lib/katex/fonts/KaTeX_Script-Regular.woff
+++ b/lib/katex/fonts/KaTeX_Script-Regular.woff
--- a/lib/katex/fonts/KaTeX_Size1-Regular.eot
+++ b/lib/katex/fonts/KaTeX_Size1-Regular.eot
--- a/lib/katex/fonts/KaTeX_Size1-Regular.ttf
+++ b/lib/katex/fonts/KaTeX_Size1-Regular.ttf
--- a/lib/katex/fonts/KaTeX_Size1-Regular.woff
+++ b/lib/katex/fonts/KaTeX_Size1-Regular.woff
--- a/lib/katex/fonts/KaTeX_Size2-Regular.eot
+++ b/lib/katex/fonts/KaTeX_Size2-Regular.eot
--- a/lib/katex/fonts/KaTeX_Size2-Regular.ttf
+++ b/lib/katex/fonts/KaTeX_Size2-Regular.ttf
--- a/lib/katex/fonts/KaTeX_Size2-Regular.woff
+++ b/lib/katex/fonts/KaTeX_Size2-Regular.woff
--- a/lib/katex/fonts/KaTeX_Size3-Regular.eot
+++ b/lib/katex/fonts/KaTeX_Size3-Regular.eot
--- a/lib/katex/fonts/KaTeX_Size3-Regular.ttf
+++ b/lib/katex/fonts/KaTeX_Size3-Regular.ttf
--- a/lib/katex/fonts/KaTeX_Size3-Regular.woff
+++ b/lib/katex/fonts/KaTeX_Size3-Regular.woff
--- a/lib/katex/fonts/KaTeX_Size4-Regular.eot
+++ b/lib/katex/fonts/KaTeX_Size4-Regular.eot
--- a/lib/katex/fonts/KaTeX_Size4-Regular.ttf
+++ b/lib/katex/fonts/KaTeX_Size4-Regular.ttf
--- a/lib/katex/fonts/KaTeX_Size4-Regular.woff
+++ b/lib/katex/fonts/KaTeX_Size4-Regular.woff
--- a/lib/katex/fonts/KaTeX_Typewriter-Regular.eot
+++ b/lib/katex/fonts/KaTeX_Typewriter-Regular.eot
--- a/lib/katex/fonts/KaTeX_Typewriter-Regular.ttf
+++ b/lib/katex/fonts/KaTeX_Typewriter-Regular.ttf
--- a/lib/katex/fonts/KaTeX_Typewriter-Regular.woff
+++ b/lib/katex/fonts/KaTeX_Typewriter-Regular.woff
--- a/lib/katex/fonts/fonts.css
+++ b/lib/katex/fonts/fonts.css
@ -0,0 +1,239 @@
+@font-face {
+    font-family: 'KaTeX_AMS';
+    src: url('KaTeX_AMS-Regular.eot');
+    src: url('KaTeX_AMS-Regular.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_AMS-Regular.woff') format('woff'),
+         url('KaTeX_AMS-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Caligraphic';
+    src: url('KaTeX_Caligraphic-Bold.eot');
+    src: url('KaTeX_Caligraphic-Bold.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Caligraphic-Bold.woff') format('woff'),
+         url('KaTeX_Caligraphic-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Caligraphic';
+    src: url('KaTeX_Caligraphic-Regular.eot');
+    src: url('KaTeX_Caligraphic-Regular.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Caligraphic-Regular.woff') format('woff'),
+         url('KaTeX_Caligraphic-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Fraktur';
+    src: url('KaTeX_Fraktur-Bold.eot');
+    src: url('KaTeX_Fraktur-Bold.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Fraktur-Bold.woff') format('woff'),
+         url('KaTeX_Fraktur-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Fraktur';
+    src: url('KaTeX_Fraktur-Regular.eot');
+    src: url('KaTeX_Fraktur-Regular.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Fraktur-Regular.woff') format('woff'),
+         url('KaTeX_Fraktur-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Greek';
+    src: url('KaTeX_Greek-Bold.eot');
+    src: url('KaTeX_Greek-Bold.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Greek-Bold.woff') format('woff'),
+         url('KaTeX_Greek-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Greek';
+    src: url('KaTeX_Greek-BoldItalic.eot');
+    src: url('KaTeX_Greek-BoldItalic.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Greek-BoldItalic.woff') format('woff'),
+         url('KaTeX_Greek-BoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'KaTeX_Greek';
+    src: url('KaTeX_Greek-Italic.eot');
+    src: url('KaTeX_Greek-Italic.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Greek-Italic.woff') format('woff'),
+         url('KaTeX_Greek-Italic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'KaTeX_Greek';
+    src: url('KaTeX_Greek-Regular.eot');
+    src: url('KaTeX_Greek-Regular.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Greek-Regular.woff') format('woff'),
+         url('KaTeX_Greek-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Main';
+    src: url('KaTeX_Main-Bold.eot');
+    src: url('KaTeX_Main-Bold.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Main-Bold.woff') format('woff'),
+         url('KaTeX_Main-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Main';
+    src: url('KaTeX_Main-Italic.eot');
+    src: url('KaTeX_Main-Italic.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Main-Italic.woff') format('woff'),
+         url('KaTeX_Main-Italic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'KaTeX_Main';
+    src: url('KaTeX_Main-Regular.eot');
+    src: url('KaTeX_Main-Regular.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Main-Regular.woff') format('woff'),
+         url('KaTeX_Main-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Math';
+    src: url('KaTeX_Math-BoldItalic.eot');
+    src: url('KaTeX_Math-BoldItalic.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Math-BoldItalic.woff') format('woff'),
+         url('KaTeX_Math-BoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'KaTeX_Math';
+    src: url('KaTeX_Math-Italic.eot');
+    src: url('KaTeX_Math-Italic.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Math-Italic.woff') format('woff'),
+         url('KaTeX_Math-Italic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'KaTeX_Math';
+    src: url('KaTeX_Math-Regular.eot');
+    src: url('KaTeX_Math-Regular.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Math-Regular.woff') format('woff'),
+         url('KaTeX_Math-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_SansSerif';
+    src: url('KaTeX_SansSerif-Bold.eot');
+    src: url('KaTeX_SansSerif-Bold.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_SansSerif-Bold.woff') format('woff'),
+         url('KaTeX_SansSerif-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_SansSerif';
+    src: url('KaTeX_SansSerif-Italic.eot');
+    src: url('KaTeX_SansSerif-Italic.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_SansSerif-Italic.woff') format('woff'),
+         url('KaTeX_SansSerif-Italic.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'KaTeX_SansSerif';
+    src: url('KaTeX_SansSerif-Regular.eot');
+    src: url('KaTeX_SansSerif-Regular.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_SansSerif-Regular.woff') format('woff'),
+         url('KaTeX_SansSerif-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Script';
+    src: url('KaTeX_Script-Regular.eot');
+    src: url('KaTeX_Script-Regular.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Script-Regular.woff') format('woff'),
+         url('KaTeX_Script-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Size1';
+    src: url('KaTeX_Size1-Regular.eot');
+    src: url('KaTeX_Size1-Regular.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Size1-Regular.woff') format('woff'),
+         url('KaTeX_Size1-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Size2';
+    src: url('KaTeX_Size2-Regular.eot');
+    src: url('KaTeX_Size2-Regular.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Size2-Regular.woff') format('woff'),
+         url('KaTeX_Size2-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Size3';
+    src: url('KaTeX_Size3-Regular.eot');
+    src: url('KaTeX_Size3-Regular.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Size3-Regular.woff') format('woff'),
+         url('KaTeX_Size3-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Size4';
+    src: url('KaTeX_Size4-Regular.eot');
+    src: url('KaTeX_Size4-Regular.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Size4-Regular.woff') format('woff'),
+         url('KaTeX_Size4-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'KaTeX_Typewriter';
+    src: url('KaTeX_Typewriter-Regular.eot');
+    src: url('KaTeX_Typewriter-Regular.eot?#iefix') format('embedded-opentype'),
+         url('KaTeX_Typewriter-Regular.woff') format('woff'),
+         url('KaTeX_Typewriter-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
--- a/lib/katex/katex.min.css
+++ b/lib/katex/katex.min.css
--- a/lib/katex/katex.min.js
+++ b/lib/katex/katex.min.js
--- a/main.css
+++ b/main.css
@ -0,0 +1,14 @@
+body {
+    font-size: 20px;
+}
+
+#main {
+    margin-left: auto;
+    margin-right: auto;
+    min-width: 300px;
+    max-width: 600px;
+}
+
+#example {
+    font-size: 30px;
+}
--- a/main.js
+++ b/main.js
@ -0,0 +1,20 @@
+window.startup = function() {
+    var title = document.getElementById("title");
+    katex.process("\\KaTeX", title);
+
+    var example = document.getElementById("example");
+    katex.process("\\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+...} } } }", example);
+
+    var demoInput = document.getElementById("demo-input");
+    var demoOutput = document.getElementById("demo");
+
+    function doDemo() {
+        katex.process(demoInput.value, demoOutput);
+    }
+
+    demoInput.addEventListener("input", function() {
+        doDemo();
+    });
+
+    doDemo();
+};