-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
156 lines (144 loc) · 6.35 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- TITLE OF THE PRESENTATION -->
<!-- ============================================================ -->
<title>
CHANGE THIS!
</title>
<!-- ============================================================ -->
<!-- Set a favicon icon (usually the lab logo) -->
<link rel="shortcut icon" href="assets/favicon.png">
<!-- Fonts -->
<link rel="stylesheet" href="fonts/fontawesome/css/all.css">
<link rel="stylesheet" href="fonts/atkinson-hyperlegible/fonts.css">
<link rel="stylesheet" href="fonts/ubuntu-mono/fonts.css">
<!-- Reveal.js styles -->
<link rel="stylesheet" href="packages/revealjs/dist/reset.css">
<link rel="stylesheet" href="packages/revealjs/dist/reveal.css">
<link rel="stylesheet" href="packages/revealjs/dist/theme/white.css" id="theme">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="packages/revealjs/plugin/highlight/atom-one-dark.css" id="highlight-theme">
<!-- Custom CSS for the presentation -->
<link rel="stylesheet/less" type="text/css" href="css/style.less">
<!-- Plausible analytics for anonymous usage statistics -->
<script defer data-domain="leouieda.com" src="https://plausible.io/js/plausible.js"></script>
</head>
<body>
<!-- Include the presentation from the content Markdown file -->
<div class="reveal">
<div class="slides">
<section
data-markdown="slides.md"
data-separator="^\n===============================================================================\n"
data-separator-vertical="^\n----\n"
data-separator-notes="^Note:"
>
<script type="text/template">
</script>
</section>
</div>
</div>
<!-- Less to compile the style sheet to plain CSS -->
<script src="packages/less/less.min.js" type="text/javascript"></script>
<!-- Import the Reveal.js Javascript code -->
<script src="packages/revealjs/dist/reveal.js" type="text/javascript"></script>
<!-- Code for the plugins (also need to include them in Reveal.initialize) -->
<script src="packages/revealjs/plugin/math/math.js" type="text/javascript"></script>
<script src="packages/revealjs/plugin/markdown/markdown.js" type="text/javascript"></script>
<script src="packages/revealjs/plugin/highlight/highlight.js" type="text/javascript"></script>
<!-- Configure Reveal.js -->
<script>
Reveal.initialize({
katex: {
local: 'packages/katex',
},
plugins: [RevealMarkdown, RevealMath.KaTeX, RevealHighlight],
width: 1920,
height: 1080,
margin: 0.1,
// Bounds for smallest/largest possible scale to apply to content
minScale: 0.1,
maxScale: 2.0,
// Play videos automatically when displaying a slide
autoPlayMedia: true,
// Vertical centering of slides
center: true,
// Transition style
transition: 'none', // none/fade/slide/convex/concave/zoom
// Transition speed
transitionSpeed: 'default', // default/fast/slow
// Transition style for full page slide backgrounds
backgroundTransition: 'none', // none/fade/slide/convex/concave/zoom
// Display presentation control arrows
controls: true,
// Help the user learn the controls by providing hints, for example by
// bouncing the down arrow when they first encounter a vertical slide
controlsTutorial: true,
// Determines where controls appear, "edges" or "bottom-right"
controlsLayout: 'bottom-right',
// Visibility rule for backwards navigation arrows; "faded", "hidden"
// or "visible"
controlsBackArrows: 'faded',
// Display a presentation progress bar
progress: true,
// Display the page number of the current slide
// - "c/t": Flattened slide number / total slides
slideNumber: "c/t",
// Add the current slide number to the URL hash so that reloading the
// page/copying the URL will return you to the same slide
hash: true,
// Flags if we should monitor the hash and change slides accordingly
respondToHashChanges: true,
// Turns fragments on and off globally
fragments: true,
// Flags whether to include the current fragment in the URL,
// so that reloading brings you to the same fragment position
fragmentInURL: true,
// Push each slide change to the browser history. Implies `hash: true`
history: false,
// Enable keyboard shortcuts for navigation
keyboard: true,
// Enables touch navigation on devices with touch input
touch: true,
// Loop the presentation
loop: false,
// Changes the behavior of our navigation directions.
// "default"
// Left/right arrow keys step between horizontal slides, up/down
// arrow keys step between vertical slides. Space key steps through
// all slides (both horizontal and vertical).
// "linear"
// Removes the up/down arrows. Left/right arrows step through all
// slides (both horizontal and vertical).
// "grid"
// When this is enabled, stepping left/right from a vertical stack
// to an adjacent vertical stack will land you at the same vertical
// index.
navigationMode: 'linear',
// Flags if we should show a help overlay when the question-mark
// key is pressed
help: true,
// Flags if it should be possible to pause the presentation (blackout)
pause: false,
// Flags if speaker notes should be visible to all viewers
showNotes: false,
// Enable slide navigation via mouse wheel
mouseWheel: false,
// The maximum number of pages a single slide can expand onto when printing
// to PDF, unlimited by default (Number.POSITIVE_INFINITY)
pdfMaxPagesPerSlide: Number.POSITIVE_INFINITY,
// Prints each fragment on a separate slide
pdfSeparateFragments: true,
// Offset used to reduce the height of content within exported PDF pages.
// This exists to account for environment differences based on how you
// print to PDF. CLI printing options, like phantomjs and wkpdf, can end
// on precisely the total height of the document whereas in-browser
// printing has to end one pixel before.
pdfPageHeightOffset: -1,
});
</script>
</body>
</html>