This repository has been archived by the owner on Feb 17, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
195 lines (188 loc) · 7.25 KB
/
index.html
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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="pandoc">
<title>source</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="reveal.js/css/reveal.css">
<style type="text/css">
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
</style>
<link rel="stylesheet" href="reveal.js/css/theme/simple.css" id="theme">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'reveal.js/css/print/pdf.css' : 'reveal.js/css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="reveal.js/lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<div class="slides">
<section id="hello" class="slide level2">
<h2>Hello</h2>
</section>
<section id="world" class="slide level2">
<h2>World</h2>
</section>
<section><section id="title-page-must-not-have-any-content-until" class="title-slide slide level1"><h1>Title page (must not have any content until…</h1></section><section id="here" class="slide level2">
<h2>Here</h2>
<h3 id="then">Then</h3>
<p>Put whatever you want</p>
<p>They will be</p>
</section><section id="vertical" class="slide level2">
<h2>Vertical</h2>
<p>See?</p>
</section></section>
<section><section id="maybe-useful-tips" class="title-slide slide level1"><h1>Maybe Useful Tips</h1></section><section id="basic" class="slide level2">
<h2>Basic</h2>
<p><code>_Italic_</code> <em>Italic</em></p>
<p><code>__Bold__</code> <strong>Bold</strong></p>
</section><section id="list" class="slide level2">
<h2>List</h2>
<p>Ordered list:</p>
<ol type="1">
<li>Foo</li>
<li>Bar</li>
</ol>
<p>Unordered list:</p>
<ul>
<li><p>A list item.</p>
<p>With multiple paragraphs.</p></li>
<li><p>Bar</p></li>
</ul>
</section><section class="slide level2">
<p>Nested:</p>
<ul>
<li>Abacus
<ul>
<li>answer</li>
</ul></li>
<li>Bubbles
<ol type="1">
<li>bunk</li>
<li>bupkis
<ul>
<li>BELITTLER</li>
</ul></li>
<li>burper</li>
</ol></li>
<li>Cunning</li>
</ul>
</section><section id="blockquotes" class="slide level2">
<h2>Blockquotes</h2>
<blockquote>
<p>Email-style angle brackets are used for blockquotes.</p>
</blockquote>
<blockquote>
<blockquote>
<p>And, they can be nested.</p>
</blockquote>
</blockquote>
<blockquote>
<h4 id="headers-in-blockquotes">Headers in blockquotes</h4>
<ul>
<li>You can quote a list.</li>
<li>Etc.</li>
</ul>
</blockquote>
</section><section id="code-spans" class="slide level2">
<h2>Code Spans</h2>
<p><code><code></code> spans are delimited by backticks.</p>
<p>You can include literal backticks like <code>`this`</code>.</p>
</section><section id="preformatted-code-blocks" class="slide level2">
<h2>Preformatted Code Blocks</h2>
<p>This is a normal paragraph.</p>
<pre><code>This is a preformatted
code block.</code></pre>
</section><section id="latex" class="slide level2">
<h2><span class="math inline">\(\LaTeX\)</span></h2>
<p>Equations like this <span class="math inline">\(\int_0^\infty e^{-x^2} dx=\frac{\sqrt{\pi}}{2}\)</span> should be <em>inline</em>.</p>
<p>They can also be <em>displayed</em>: <span class="math display">\[
\frac{1}{\displaystyle 1+
\frac{1}{\displaystyle 2+
\frac{1}{\displaystyle 3+x}}} +
\frac{1}{1+\frac{1}{2+\frac{1}{3+x}}}
\]</span></p>
</section><section id="links" class="slide level2">
<h2>Links</h2>
<p>View the <a href="https://github.com/aekt/seminar">source</a></p>
<p>Or, have a look at <a href="https://terrytao.wordpress.com/" title="By Terence Tao">What’s new</a></p>
</section><section id="images" class="slide level2">
<h2>Images</h2>
<p><img data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Gull_portrait_ca_usa.jpg/320px-Gull_portrait_ca_usa.jpg" /> <img src="https://upload.wikimedia.org/wikipedia/commons/9/9a/Gull_portrait_ca_usa.jpg" height="240px"></p>
<p>You can resize images using raw HTML.</p>
</section><section id="gifs" class="slide level2">
<h2>GIFs</h2>
<p><img data-src="http://media.giphy.com/media/4DCeH3WzKX89a/giphy.gif" /></p>
</section><section id="emojis" class="slide level2">
<h2>Emojis</h2>
<p><span class="emoji" data-emoji="heart_eyes">😍</span></p>
<p><span class="emoji" data-emoji="fist">✊</span> <span class="emoji" data-emoji="point_up">☝️</span> <span class="emoji" data-emoji="hand">✋</span> <span class="emoji" data-emoji="v">✌️</span> <span class="emoji" data-emoji="grin">😁</span></p>
<p>Check this <a href="https://www.unicode.org/emoji/charts/emoji-list.html">list</a> <span class="emoji" data-emoji="dizzy_face">😵</span></p>
<p>But not all are supported <span class="emoji" data-emoji="confused">😕</span></p>
<p>(Remember to use <code>--from markdown+emoji</code><br />
instead of <code>--from markdown</code><br />
when using Pandoc)</p>
</section><section id="extension" class="slide level2">
<h2>Extension</h2>
<ul>
<li>Emojis</li>
<li>Footnotes</li>
<li>Citations</li>
<li><a href="https://pandoc.org/MANUAL.html#extensions">More</a></li>
</ul>
</section><section id="youtube" class="slide level2">
<h2>YouTube</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/1SMmc9gQmHQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
</iframe>
<p>Simply copy the code from YouTube to embed video</p>
</section></section>
</div>
</div>
<script src="reveal.js/lib/js/head.min.js"></script>
<script src="reveal.js/js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
// Push each slide change to the browser history
history: true,
math: {
mathjax: 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js',
config: 'TeX-AMS_HTML-full',
tex2jax: {
inlineMath: [['\\(','\\)']],
displayMath: [['\\[','\\]']],
balanceBraces: true,
processEscapes: false,
processRefs: true,
processEnvironments: true,
preview: 'TeX',
skipTags: ['script','noscript','style','textarea','pre','code'],
ignoreClass: 'tex2jax_ignore',
processClass: 'tex2jax_process'
},
},
// Optional reveal.js plugins
dependencies: [
{ src: 'reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'reveal.js/plugin/zoom-js/zoom.js', async: true },
{ src: 'reveal.js/plugin/math/math.js', async: true },
{ src: 'reveal.js/plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>