This repository has been archived by the owner on Nov 13, 2024. It is now read-only.
forked from hakimel/reveal.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (154 loc) · 8.69 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- HTML presentation info -->
<title>Eindhoven University of Technology - reveal.js</title>
<meta name="description" content="TU/e Presentation">
<meta name="author" content="Tiemen Schuijbroek">
<!-- Reveal.JS mobile parameters -->
<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">
<link rel="stylesheet" href="css/reveal.css"> <!-- Default Reveal.JS styling -->
<link rel="stylesheet" href="css/theme/tue.css" id="theme"> <!-- Custom TU/e theme -->
<link rel="stylesheet" href="lib/css/tuecode.css"> <!-- Theme used for syntax highlighting of code -->
<!--<link rel="stylesheet" href="plugin/title-footer/title-footer.css"> <!-- Footer css (overridden by tue.css) -->
<!-- Printing and PDF exports handled here -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/tuepdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section class="title-slide">
<h1>TU/e Presentation Template</h1>
<h3>reveal.js presentation framework demo</h3>
<p>
<small>Created by Tiemen Schuijbroek</small>
</p>
</section>
<section data-markdown="presentations/contents.md"
data-separator="^\n\n\n"
data-separator-vertical="^\n\n"
data-separator-notes="^Note:"
data-charset="iso-8859-15">
</section>
<section>
<h1>TU/e Presentation Template</h1>
<h3>reveal.js presentation framework demo</h3>
<p>
<small>Created by Tiemen Schuijbroek</small>
</p>
<aside class="notes">
Some speaker notes
</aside>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: false,
touch: true,
mouseWheel: true,
slideNumber: false,
hideAddressBar: true,
help: true,
shownotes: true,
transitionSpeed: 'default', // default/fast/slow
//backgroundImage: 'backgrounds/TUeLOG_P_RGB [converted].png',
//parallaxBackgroundImage: 'backgrounds/TUeLOG_P_RGB [converted].png',
//parallaxBackgroundSize: '1000px 300px', // CSS syntax, e.g. "2100px 900px"
menu: {
// Specifies which side of the presentation the menu will
// be shown. Use 'left' or 'right'.
side: 'left',
// Add slide numbers to the titles in the slide list.
// Use 'true' or format string (same as reveal.js slide numbers)
numbers: false,
// Specifies which slide elements will be used for generating
// the slide titles in the menu. The default selects the first
// heading element found in the slide, but you can specify any
// valid css selector and the text from the first matching
// element will be used.
// Note: that a section data-menu-title attribute or an element
// with a menu-title class will take precedence over this option
// , h2, h3, h4, h5, h6
titleSelector: 'h1, h2',
// Hide slides from the menu that do not have a title.
// Set to 'true' to only list slides with titles.
hideMissingTitles: true,
// Add markers to the slide titles to indicate the
// progress through the presentation
markers: true,
// Specify custom panels to be included in the menu, by
// providing an array of objects with 'title', 'icon'
// properties, and either a 'src' or 'content' property.
custom: [
{ title: 'Print/PDF', icon: '<i class="fa fa-print">', content:
'<ul class="slide-menu-items"><li class="slide-menu-item"><p>You can generate a printable page using the link below. Print that to PDF or directly to your printer for full A4 page slides.</p></li><li class="slide-menu-item"><a href="?print-pdf" target="_blank">Printable webpage</a></li></ul>'
<!--''-->
}
],
// Specifies the themes that will be available in the themes
// menu panel. Set to 'false' to hide themes panel.
themes: [
{ name: 'TUe', theme: 'css/theme/tue.css' },
{ name: 'Black', theme: 'css/theme/black.css' },
{ name: 'White', theme: 'css/theme/white.css' },
{ name: 'League', theme: 'css/theme/league.css' },
{ name: 'Sky', theme: 'css/theme/sky.css' },
{ name: 'Beige', theme: 'css/theme/beige.css' },
{ name: 'Simple', theme: 'css/theme/simple.css' },
{ name: 'Serif', theme: 'css/theme/serif.css' },
{ name: 'Blood', theme: 'css/theme/blood.css' },
{ name: 'Night', theme: 'css/theme/night.css' },
{ name: 'Moon', theme: 'css/theme/moon.css' },
{ name: 'Solarized', theme: 'css/theme/solarized.css' }
],
// Specifies if the transitions menu panel will be shown.
transitions: true,
// Adds a menu button to the slides to open the menu panel.
// Set to 'false' to hide the button.
openButton: true,
// If 'true' allows the slide number in the presentation to
// open the menu panel. The reveal.js slideNumber option must
// be displayed for this to take effect
openSlideNumber: false,
// If true allows the user to open and navigate the menu using
// the keyboard. Standard keyboard interaction with reveal
// will be disabled while the menu is open.
keyboard: true
},
transition: 'slide', // none/fade/slide/convex/concave/zoom
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'plugin/external/external.js', condition: function() { return !!document.querySelector( '[data-external]' ); } },
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'node_modules/reveal.js-menu/menu.js', async: true },
{ src: 'plugin/title-footer/title-footer.js', async: true, callback: function() { title_footer.initialize("13",'transparent'); } },
]
});
</script>
</body>
</html>