aboutsummaryrefslogtreecommitdiff
path: root/slides/math/index.html
blob: 3f281126a117f9d1031f59af6033d62637d5cdfd (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>Title</title>
		<link rel="icon" type="image/gif" href="/assets/avatar.gif?ver=20180803">
	</head>

	<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>
		MathJax.Hub.Config({
			//displayAlign: 'left',
			extensions: ['tex2jax.js'],
			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 {
			background-color: #fff !important;
		}

		table {
			width: 100%;
			border-collapse: collapse;
			border-spacing: 0;
		}

		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;
		}

		img[src$="img350"] {
			height: 350px;
		}

		img[src$="img300"] {
			height: 300px;
		}

		li {
			line-height: 200%;
		}

		h1 {
			margin-bottom: 150px;
		}

		h1,
		h2 {
			margin-top: 0;
		}

		h3 {
			text-align: center;
			margin-top: 150px;
		}

		h4 {
			text-align: center;
		}

		</style>

	</body>

</html>