Skip to content

Commit c5149d1

Browse files
pyramationpyramation
committed
html files
1 parent dd06571 commit c5149d1

File tree

4 files changed

+139
-113
lines changed

4 files changed

+139
-113
lines changed

‎packages/latex2js/package.json

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,9 @@
1313
},
1414
"files": [
1515
"main",
16-
"module"
16+
"module",
17+
"latex2js.css",
18+
"latex2js.mathapedia.css"
1719
],
1820
"publishConfig": {
1921
"access": "public"
@@ -80,4 +82,4 @@
8082
"latex2js-utils": "^1.1.4",
8183
"underscore": "1.5.2"
8284
}
83-
}
85+
}

‎website/latex2js.com/installation/html5.html

Lines changed: 44 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<!DOCTYPE html>
22
<!-- built by Dan Lynch in Berkeley and San Francisco -->
33
<html lang="en">
4+
45
<head>
56
<meta charset="utf-8">
67
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
@@ -12,15 +13,18 @@
1213
<meta property="og:title" content="LaTeX2HTML5 Installation">
1314
<meta name="title" content="LaTeX2HTML5 Installation">
1415

15-
<meta name="keywords" content="Interactive Mathematics Diagrams and Equations, Dan Lynch, UC Berkeley, LaTeX, PSTricks, JavaScript">
16-
<meta name="description" http-equiv="description" content="Build interactive math equations and diagrams online using LaTeX and PSTricks">
17-
<meta property="og:description" content="Build interactive math equations and diagrams online using LaTeX and PSTricks">
16+
<meta name="keywords"
17+
content="Interactive Mathematics Diagrams and Equations, Dan Lynch, UC Berkeley, LaTeX, PSTricks, JavaScript">
18+
<meta name="description" http-equiv="description"
19+
content="Build interactive math equations and diagrams online using LaTeX and PSTricks">
20+
<meta property="og:description"
21+
content="Build interactive math equations and diagrams online using LaTeX and PSTricks">
1822
<meta property="og:type" content="article">
1923
<meta property="og:image" content="https://latex2js.com/assets/images/share.jpg" />
20-
<meta property="og:image:secure_url" content="https://latex2js.com/assets/images/share.jpg" />
21-
<meta property="og:image:type" content="image/jpeg" />
22-
<meta property="og:image:width" content="1024" />
23-
<meta property="og:image:height" content="768" />
24+
<meta property="og:image:secure_url" content="https://latex2js.com/assets/images/share.jpg" />
25+
<meta property="og:image:type" content="image/jpeg" />
26+
<meta property="og:image:width" content="1024" />
27+
<meta property="og:image:height" content="768" />
2428

2529
<meta property="og:site_name" content="LaTeX2JS">
2630

@@ -30,31 +34,34 @@
3034
<script src="/assets/js/latex2html5.bundle.js"></script>
3135

3236
</head>
37+
3338
<body>
3439

35-
<a href="https://github.com/pyramation/LaTeX2JS" target="latexisawesome"><img style="position: fixed; z-index: 10000000; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
40+
<a href="https://github.com/pyramation/LaTeX2JS" target="latexisawesome"><img
41+
style="position: fixed; z-index: 10000000; top: 0; right: 0; border: 0;"
42+
src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
3643

37-
<a href="/">Home</a>
38-
<a href="/examples/index.html">Examples</a>
39-
<a href="/installation/index.html">Installation</a>
40-
<a href="https://github.com/pyramation/LaTeX2JS/tree/master/examples">Github Examples</a>
44+
<a href="/">Home</a>
45+
<a href="/examples/index.html">Examples</a>
46+
<a href="/installation/index.html">Installation</a>
47+
<a href="https://github.com/pyramation/LaTeX2JS/tree/master/examples">Github Examples</a>
4148

42-
<div class="latex-container">
49+
<div class="latex-container">
4350

44-
<div class="centered">
45-
<h1>LaTeX2HTML5 Installation</h1>
46-
</div>
51+
<div class="centered">
52+
<h1>LaTeX2HTML5 Installation</h1>
53+
</div>
4754

48-
<div class="centered">
49-
<h2>HTML5</h2>
50-
<img src="/assets/images/html5.png" width="50px">
51-
</div>
55+
<div class="centered">
56+
<h2>HTML5</h2>
57+
<img src="/assets/images/html5.png" width="50px">
58+
</div>
5259

5360

54-
<script type="text/latex">
61+
<script type="text/latex">
5562
This is for those who just want to make a simple HTML page with LaTeX2JS. The object provided is called ``LaTeX2HTML5'':
5663

57-
1. Download the JS and CSS files! You can go get the JS \href{https://github.com/pyramation/LaTeX2JS/blob/master/libs/latex2html5/latex2html5.bundle.js}{here} and CSS here \href{https://github.com/pyramation/LaTeX2JS/blob/master/core/latex2js/lib/latex2js.css}{here}.
64+
1. Download the JS and CSS files! You can go get the JS \href{https://github.com/pyramation/LaTeX2JS/blob/master/packages/latex2html5/latex2html5.bundle.js}{here} and CSS here \href{https://github.com/pyramation/LaTeX2JS/blob/master/packages/latex2js/latex2js.css}{here}.
5865

5966
\begin{verbatim}
6067
&lt;html&gt;
@@ -88,21 +95,22 @@ <h2>HTML5</h2>
8895
\end{verbatim}
8996
</script>
9097

91-
<div class="latex-container">
92-
<a href="http://www.mathjax.org" target="mathjax">
93-
<img title="Powered by MathJax"
94-
src="https://cdn.mathjax.org/mathjax/badge/badge.gif"
95-
border="0" alt="Powered by MathJax" />
96-
</a>
97-
</div>
98+
<div class="latex-container">
99+
<a href="http://www.mathjax.org" target="mathjax">
100+
<img title="Powered by MathJax" src="https://cdn.mathjax.org/mathjax/badge/badge.gif" border="0"
101+
alt="Powered by MathJax" />
102+
</a>
103+
</div>
98104

99-
<div class="latex-container">
100-
<p><a href="https://www.linkedin.com/in/danielpatricklynch/" target="danlynch">Dan Lynch</a> © <a href="https://latex2js.com" target="latex2js">LaTeX2JS</a> 2020 </p>
101-
</div>
105+
<div class="latex-container">
106+
<p><a href="https://www.linkedin.com/in/danielpatricklynch/" target="danlynch">Dan Lynch</a> © <a
107+
href="https://latex2js.com" target="latex2js">LaTeX2JS</a> 2020 </p>
108+
</div>
102109

103-
<script>
104-
LaTeX2HTML5.init();
105-
</script>
110+
<script>
111+
LaTeX2HTML5.init();
112+
</script>
106113

107114
</body>
108-
</html>
115+
116+
</html>

‎website/latex2js.com/installation/react.html

Lines changed: 44 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<!DOCTYPE html>
22
<!-- built by Dan Lynch in Berkeley and San Francisco -->
33
<html lang="en">
4+
45
<head>
56
<meta charset="utf-8">
67
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
@@ -12,15 +13,18 @@
1213
<meta property="og:title" content="LaTeX2React Installation">
1314
<meta name="title" content="LaTeX2React Installation">
1415

15-
<meta name="keywords" content="Interactive Mathematics Diagrams and Equations, Dan Lynch, UC Berkeley, LaTeX, PSTricks, JavaScript">
16-
<meta name="description" http-equiv="description" content="Build interactive math equations and diagrams online using LaTeX and PSTricks">
17-
<meta property="og:description" content="Build interactive math equations and diagrams online using LaTeX and PSTricks">
16+
<meta name="keywords"
17+
content="Interactive Mathematics Diagrams and Equations, Dan Lynch, UC Berkeley, LaTeX, PSTricks, JavaScript">
18+
<meta name="description" http-equiv="description"
19+
content="Build interactive math equations and diagrams online using LaTeX and PSTricks">
20+
<meta property="og:description"
21+
content="Build interactive math equations and diagrams online using LaTeX and PSTricks">
1822
<meta property="og:type" content="article">
1923
<meta property="og:image" content="https://latex2js.com/assets/images/share.jpg" />
20-
<meta property="og:image:secure_url" content="https://latex2js.com/assets/images/share.jpg" />
21-
<meta property="og:image:type" content="image/jpeg" />
22-
<meta property="og:image:width" content="1024" />
23-
<meta property="og:image:height" content="768" />
24+
<meta property="og:image:secure_url" content="https://latex2js.com/assets/images/share.jpg" />
25+
<meta property="og:image:type" content="image/jpeg" />
26+
<meta property="og:image:width" content="1024" />
27+
<meta property="og:image:height" content="768" />
2428

2529
<meta property="og:site_name" content="LaTeX2JS">
2630

@@ -30,28 +34,31 @@
3034
<script src="/assets/js/latex2html5.bundle.js"></script>
3135

3236
</head>
37+
3338
<body>
3439

35-
<a href="https://github.com/pyramation/LaTeX2JS" target="latexisawesome"><img style="position: fixed; z-index: 10000000; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
40+
<a href="https://github.com/pyramation/LaTeX2JS" target="latexisawesome"><img
41+
style="position: fixed; z-index: 10000000; top: 0; right: 0; border: 0;"
42+
src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
3643

37-
<a href="/">Home</a>
38-
<a href="/examples/index.html">Examples</a>
39-
<a href="/installation/index.html">Installation</a>
40-
<a href="https://github.com/pyramation/LaTeX2JS/tree/master/examples">Github Examples</a>
44+
<a href="/">Home</a>
45+
<a href="/examples/index.html">Examples</a>
46+
<a href="/installation/index.html">Installation</a>
47+
<a href="https://github.com/pyramation/LaTeX2JS/tree/master/examples">Github Examples</a>
4148

42-
<div class="latex-container">
49+
<div class="latex-container">
4350

44-
<div class="centered">
45-
<h1>LaTeX2React Installation</h1>
46-
</div>
51+
<div class="centered">
52+
<h1>LaTeX2React Installation</h1>
53+
</div>
4754

4855

49-
<div class="centered">
50-
<h2>React</h2>
51-
<img src="/assets/images/react.png" width="50px">
52-
</div>
56+
<div class="centered">
57+
<h2>React</h2>
58+
<img src="/assets/images/react.png" width="50px">
59+
</div>
5360

54-
<script type="text/latex">
61+
<script type="text/latex">
5562
1. Install the library!
5663

5764
\begin{verbatim}
@@ -61,7 +68,7 @@ <h2>React</h2>
6168
2. import the {\tt latex2js} CSS file, and the {\tt LaTeX} React component
6269

6370
\begin{verbatim}
64-
import 'latex2js/lib/latex2js.css';
71+
import 'latex2js/latex2js.css';
6572
import { LaTeX } from 'latex2react';
6673
\end{verbatim}
6774

@@ -85,21 +92,22 @@ <h2>React</h2>
8592

8693
</script>
8794

88-
<div class="latex-container">
89-
<a href="http://www.mathjax.org" target="mathjax">
90-
<img title="Powered by MathJax"
91-
src="https://cdn.mathjax.org/mathjax/badge/badge.gif"
92-
border="0" alt="Powered by MathJax" />
93-
</a>
94-
</div>
95+
<div class="latex-container">
96+
<a href="http://www.mathjax.org" target="mathjax">
97+
<img title="Powered by MathJax" src="https://cdn.mathjax.org/mathjax/badge/badge.gif" border="0"
98+
alt="Powered by MathJax" />
99+
</a>
100+
</div>
95101

96-
<div class="latex-container">
97-
<p><a href="https://www.linkedin.com/in/danielpatricklynch/" target="danlynch">Dan Lynch</a> © <a href="https://latex2js.com" target="latex2js">LaTeX2JS</a> 2020 </p>
98-
</div>
102+
<div class="latex-container">
103+
<p><a href="https://www.linkedin.com/in/danielpatricklynch/" target="danlynch">Dan Lynch</a> © <a
104+
href="https://latex2js.com" target="latex2js">LaTeX2JS</a> 2020 </p>
105+
</div>
99106

100-
<script>
101-
LaTeX2HTML5.init();
102-
</script>
107+
<script>
108+
LaTeX2HTML5.init();
109+
</script>
103110

104111
</body>
105-
</html>
112+
113+
</html>

0 commit comments

Comments
 (0)