1 files changed, 62 insertions, 19 deletions
diff --git a/slides/example/index.html b/slides/example/index.html
index 2ca36c0..586794f 100644
--- a/slides/example/index.html
+++ b/slides/example/index.html
@@ -10,30 +10,73 @@
        <body>
                <script src="//cdnjs.cloudflare.com/ajax/libs/remark/0.14.0/remark.min.js"></script>
+                <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_HTML&delayStartupUntil=configured"></script>
                <script>
-                        let slideshow = remark.create({
+                MathJax.Hub.Config({
-                                sourceUrl: 'slides.md',
+                        //displayAlign: 'left',
-                                ratio: '16:9',
+                        extensions: ['tex2jax.js'],
-                                mouseWheel: false,
+                        jax: ['input/TeX', 'output/SVG'],
-                        });
+                        tex2jax: {
+                                skipTags: ['script', 'noscript', 'style', 'textarea', 'code'],
+                                inlineMath: [
+                                        ['$', '$'],
+                                        ["\\(", "\\)"]
+                                ],
+                                displayMath: [
+                                        ['$$', '$$'],
+                                        ["\\[", "\\]"]
+                                ],
+                        }
+                });
+                MathJax.Hub.Configured();
+                let slideshow = remark.create({
+                        sourceUrl: 'slides.md',
+                        ratio: '16:9',
+                        mouseWheel: false,
+                });
                </script>
                <style>
-                        * { box-shadow: none !important;}
+                * {
-                        .remark-container {
+                        box-shadow: none !important;
-                                background-color: #fff !important;
+                }
-                        }
-                        table {
+                .remark-container {
-                                width:100%;
+                        background-color: #fff !important;
-                                border-collapse:collapse;
+                }
-                                border-spacing:0;
-                        }
+                table {
-                        table, table td,table th {
+                        width: 100%;
-                                border: 3px solid #f0f0f0;
+                        border-collapse: collapse;
-                                text-align: left;
+                        border-spacing: 0;
-                                padding: 10px;
+                }
-                        }
+                table,
+                table td,
+                table th {
+                        border: 3px solid #f0f0f0;
+                        text-align: left;
+                        padding: 10px;
+                }
+                img[src$="md-center"] {
+                        display: block;
+                        margin: 0 auto;
+                }
+                img[src$="md-left"] {
+                        display: block;
+                        margin: 0 auto;
+                }
+                img[src$="md-right"] {
+                        display: block;
+                        margin: 0 auto;
+                }
                </style>
        </body>

diff --git a/slides/example/index.html b/slides/example/index.html index 2ca36c0..586794f 100644 --- a/slides/example/index.html +++ b/slides/example/index.html
@@ -10,30 +10,73 @@
10	<body>	10	<body>
11		11
12	<script src="//cdnjs.cloudflare.com/ajax/libs/remark/0.14.0/remark.min.js"></script>	12	<script src="//cdnjs.cloudflare.com/ajax/libs/remark/0.14.0/remark.min.js"></script>
		13	<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_HTML&delayStartupUntil=configured"></script>
13		14
14	<script>	15	<script>
15	let slideshow = remark.create({	16	MathJax.Hub.Config({
16	sourceUrl: 'slides.md',	17	//displayAlign: 'left',
17	ratio: '16:9',	18	extensions: ['tex2jax.js'],
18	mouseWheel: false,	19	jax: ['input/TeX', 'output/SVG'],
19	});	20	tex2jax: {
		21	skipTags: ['script', 'noscript', 'style', 'textarea', 'code'],
		22	inlineMath: [
		23	['$', '$'],
		24	["\\(", "\\)"]
		25	],
		26	displayMath: [
		27	['$$', '$$'],
		28	["\\[", "\\]"]
		29	],
		30	}
		31	});
		32	MathJax.Hub.Configured();
		33
		34	let slideshow = remark.create({
		35	sourceUrl: 'slides.md',
		36	ratio: '16:9',
		37	mouseWheel: false,
		38	});
		39
20	</script>	40	</script>
21		41
22	<style>	42	<style>
23	* { box-shadow: none !important;}	43	* {
24	.remark-container {	44	box-shadow: none !important;
25	background-color: #fff !important;	45	}
26	}	46
27	table {	47	.remark-container {
28	width:100%;	48	background-color: #fff !important;
29	border-collapse:collapse;	49	}
30	border-spacing:0;	50
31	}	51	table {
32	table, table td,table th {	52	width: 100%;
33	border: 3px solid #f0f0f0;	53	border-collapse: collapse;
34	text-align: left;	54	border-spacing: 0;
35	padding: 10px;	55	}
36	}	56
		57	table,
		58	table td,
		59	table th {
		60	border: 3px solid #f0f0f0;
		61	text-align: left;
		62	padding: 10px;
		63	}
		64
		65	img[src$="md-center"] {
		66	display: block;
		67	margin: 0 auto;
		68	}
		69
		70	img[src$="md-left"] {
		71	display: block;
		72	margin: 0 auto;
		73	}
		74
		75	img[src$="md-right"] {
		76	display: block;
		77	margin: 0 auto;
		78	}
		79
37	</style>	80	</style>
38		81
39	</body>	82	</body>