Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 14.8 KB
Newer Older
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
1 
<!doctype html>
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
2 
<html lang="en">
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
3
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
4
5 
	<head>
		<meta charset="utf-8">
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
6
Hakim El Hattab's avatar
rewrote initialization code for clarity and brevity (#105)    
Hakim El Hattab committed
7 
		<title>reveal.js - The HTML Presentation Framework</title>
Hakim El Hattab's avatar
browser history updates can now be disabled via config    
Hakim El Hattab committed
8
Hakim El Hattab's avatar
themes are now available as separate css files under css/theme/, old theme...    
Hakim El Hattab committed
9 
		<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
Hakim El Hattab's avatar
browser history updates can now be disabled via config    
Hakim El Hattab committed
10 
		<meta name="author" content="Hakim El Hattab">
Hakim El Hattab's avatar
hide address bar in mobile browsers, add apple web app meta    
Hakim El Hattab committed
11
12
13 

		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
14
hakimel's avatar
rename padding config option to margin, better mobile support for scaled presentations (#310)    
hakimel committed
15
16 
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Hakim El Hattab's avatar
add grunt.js build file (closes #235)    
Hakim El Hattab committed
17 
		<link rel="stylesheet" href="css/reveal.min.css">
Hakim El Hattab's avatar
add theme config option, add sky theme, fix line-height of <small>    
Hakim El Hattab committed
18 
		<link rel="stylesheet" href="css/theme/default.css" id="theme">
Hakim El Hattab's avatar
themes are now available as separate css files under css/theme/, old theme...    
Hakim El Hattab committed
19
20 

		<!-- For syntax highlighting -->
Hakim El Hattab's avatar
refactored folder structure, added /plugins which is initially only used by #57    
Hakim El Hattab committed
21 
		<link rel="stylesheet" href="lib/css/zenburn.css">
hakimel's avatar
ie8 support (closes #96)    
hakimel committed
22
Hakim El Hattab's avatar
fix pdf print bug in chrome 33 #808    
Hakim El Hattab committed
23 
		<!-- If the query includes 'print-pdf', include the PDF print sheet -->
Hakim El Hattab's avatar
support for PDF export in chrome (closes #92)    
Hakim El Hattab committed
24 
		<script>
Hakim El Hattab's avatar
fix pdf print bug in chrome 33 #808    
Hakim El Hattab committed
25
26
27
28
29
30
31 
			if( window.location.search.match( /print-pdf/gi ) ) {
				var link = document.createElement( 'link' );
				link.rel = 'stylesheet';
				link.type = 'text/css';
				link.href = 'css/print/pdf.css';
				document.getElementsByTagName( 'head' )[0].appendChild( link );
			}
Hakim El Hattab's avatar
support for PDF export in chrome (closes #92)    
Hakim El Hattab committed
32
33 
		</script>
hakimel's avatar
ie8 support (closes #96)    
hakimel committed
34
35
36 
		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
37 
	</head>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
38
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
39 
	<body>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
40
Hakim El Hattab's avatar
change add .reveal class in index (closes #51)    
Hakim El Hattab committed
41 
		<div class="reveal">
Hakim El Hattab's avatar
better example of state usage    
Hakim El Hattab committed
42
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
43
44
45
46 
			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
				<section>
					<h1>Reveal.js</h1>
Hakim El Hattab's avatar
themes are now available as separate css files under css/theme/, old theme...    
Hakim El Hattab committed
47 
					<h3>HTML Presentations Made Easy</h3>
Hakim El Hattab's avatar
content now re-renders after alt+click zoom (closes #195)    
Hakim El Hattab committed
48
49
50 
					<p>
						<small>Created by <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small>
					</p>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
51 
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
52
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
53 
				<section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
54 
					<h2>Heads Up</h2>
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
55 
					<p>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
56 
						reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
57
58 
						support for CSS 3D transforms to see it in its full glory.
					</p>
Rebecca Murphey's avatar
taking a stab at a presenter notes server    
Rebecca Murphey committed
59
60 

					<aside class="notes">
Hakim El Hattab's avatar
new postMessage-based notes plugin, moved node-based notes to notes-server (#190)    
Hakim El Hattab committed
61 
						Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).
Rebecca Murphey's avatar
taking a stab at a presenter notes server    
Rebecca Murphey committed
62 
					</aside>
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
63 
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
64
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
65 
				<!-- Example of nested vertical slides -->
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
66 
				<section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
67
68
69 
					<section>
						<h2>Vertical Slides</h2>
						<p>
Hakim El Hattab's avatar
remove hard line breaks now that slide width is relative    
Hakim El Hattab committed
70 
							Slides can be nested inside of other slides,
Hakim El Hattab's avatar
allow multiple control elements, document usage of global controls (#184, #204)    
Hakim El Hattab committed
71 
							try pressing <a href="#" class="navigate-down">down</a>.
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
72 
						</p>
Hakim El Hattab's avatar
remove all use of :not(.image)    
Hakim El Hattab committed
73 
						<a href="#" class="navigate-down">
Owen Versteeg's avatar
improved accessibility    
Owen Versteeg committed
74 
							<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
75
76
77
78
79
80
81
82
83 
						</a>
					</section>
					<section>
						<h2>Basement Level 1</h2>
						<p>Press down or up to navigate.</p>
					</section>
					<section>
						<h2>Basement Level 2</h2>
						<p>Cornify</p>
Hakim El Hattab's avatar
moved inline base64 images to aws    
Hakim El Hattab committed
84 
						<a class="test" href="http://cornify.com">
Owen Versteeg's avatar
improved accessibility    
Owen Versteeg committed
85 
							<img width="280" height="326" src="https://s3.amazonaws.com/hakim-static/reveal-js/cornify.gif" alt="Unicorn">
Hakim El Hattab's avatar
moved inline base64 images to aws    
Hakim El Hattab committed
86 
						</a>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
87
88
89
90 
					</section>
					<section>
						<h2>Basement Level 3</h2>
						<p>That's it, time to go back up.</p>
Hakim El Hattab's avatar
remove all use of :not(.image)    
Hakim El Hattab committed
91 
						<a href="#/2">
Owen Versteeg's avatar
improved accessibility    
Owen Versteeg committed
92 
							<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(180deg);">
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
93
94 
						</a>
					</section>
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
95 
				</section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
96
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
97 
				<section>
Hakim El Hattab's avatar
rvl.io > slid.es    
Hakim El Hattab committed
98 
					<h2>Slides</h2>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
99 
					<p>
Hakim El Hattab's avatar
rvl.io > slid.es    
Hakim El Hattab committed
100 
						Not a coder? No problem. There's a fully-featured visual editor for authoring these, try it out at <a href="http://slid.es" target="_blank">http://slid.es</a>.
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
101 
					</p>
Hakim El Hattab's avatar
updated copy in slides, added one that explains transitions    
Hakim El Hattab committed
102
103 
				</section>
Hakim El Hattab's avatar
add rvl.io to readme and template slide    
Hakim El Hattab committed
104 
				<section>
Hakim El Hattab's avatar
rvl.io > slid.es    
Hakim El Hattab committed
105 
					<h2>Point of View</h2>
Hakim El Hattab's avatar
add rvl.io to readme and template slide    
Hakim El Hattab committed
106 
					<p>
Hakim El Hattab's avatar
rvl.io > slid.es    
Hakim El Hattab committed
107
108
109
110 
						Press <strong>ESC</strong> to enter the slide overview.
					</p>
					<p>
						Hold down alt and click on any element to zoom in on it using <a href="http://lab.hakim.se/zoom-js">zoom.js</a>. Alt + click anywhere to zoom back out.
Hakim El Hattab's avatar
add rvl.io to readme and template slide    
Hakim El Hattab committed
111
112
113 
					</p>
				</section>
Hakim El Hattab's avatar
comments, tweaks and a new slide highlighting mobile support    
Hakim El Hattab committed
114
115
116 
				<section>
					<h2>Works in Mobile Safari</h2>
					<p>
Hakim El Hattab's avatar
new slide    
Hakim El Hattab committed
117 
						Try it out! You can swipe through the slides and pinch your way to the overview.
Hakim El Hattab's avatar
comments, tweaks and a new slide highlighting mobile support    
Hakim El Hattab committed
118
119
120 
					</p>
				</section>
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
121 
				<section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
122
123
124
125
126
127
128 
					<h2>Marvelous Unordered List</h2>
					<ul>
						<li>No order here</li>
						<li>Or here</li>
						<li>Or here</li>
						<li>Or here</li>
					</ul>
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
129 
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
130
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
131
132
133
134
135
136
137
138 
				<section>
					<h2>Fantastic Ordered List</h2>
					<ol>
						<li>One is smaller than...</li>
						<li>Two is smaller than...</li>
						<li>Three!</li>
					</ol>
				</section>
Hakim El Hattab's avatar
renamed to reveal.js, many new features, and upgraded to v1.0    
Hakim El Hattab committed
139
Wachiwi's avatar
Table Style    
Wachiwi committed
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 
                <section>
                    <h2>Superb Tables</h2>
                    <table>
                        <thead>
                            <tr>
                                <th>Item</th>
                                <th>Value</th>
                                <th>Quantity</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Apples</td>
                                <td>$1</td>
                                <td>7</td>
                            <tr>
                            <tr>
                                <td>Lemonade</td>
                                <td>$2</td>
                                <td>18</td>
                            <tr>
                            <tr>
                                <td>Bread</td>
                                <td>$3</td>
                                <td>2</td>
                            <tr>
                      </tbody>
Hakim El Hattab's avatar
merge table styles #761, tweak table padding    
Hakim El Hattab committed
167 
                   </table>
Wachiwi's avatar
Table Style    
Wachiwi committed
168 
               </section>
Hakim El Hattab's avatar
merge table styles #761, tweak table padding    
Hakim El Hattab committed
169
Hakim El Hattab's avatar
added slide announcing markdown support (#15)    
Hakim El Hattab committed
170 
				<section data-markdown>
Hakim El Hattab's avatar
wrap markdown in script text/template to fix parsing errors (closes #146 #155 #162)    
Hakim El Hattab committed
171
172 
					<script type="text/template">
						## Markdown support
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
173
Hakim El Hattab's avatar
wrap markdown in script text/template to fix parsing errors (closes #146 #155 #162)    
Hakim El Hattab committed
174 
						For those of you who like that sort of thing. Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
Hakim El Hattab's avatar
added slide announcing markdown support (#15)    
Hakim El Hattab committed
175
Hakim El Hattab's avatar
change markdown code sample syntax    
Hakim El Hattab committed
176
177
178
179
180
181
182
183 
						```
						<section data-markdown>
						  ## Markdown support

						  For those of you who like that sort of thing.
						  Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
						</section>
						```
Hakim El Hattab's avatar
wrap markdown in script text/template to fix parsing errors (closes #146 #155 #162)    
Hakim El Hattab committed
184 
					</script>
Hakim El Hattab's avatar
added slide announcing markdown support (#15)    
Hakim El Hattab committed
185
186 
				</section>
Hakim El Hattab's avatar
merge in relative theme/transition links    
Hakim El Hattab committed
187 
				<section id="transitions">
Hakim El Hattab's avatar
added slide announcing markdown support (#15)    
Hakim El Hattab committed
188
189 
					<h2>Transition Styles</h2>
					<p>
Hakim El Hattab's avatar
correction to code style in sky theme, adjusted transition demo page    
Hakim El Hattab committed
190 
						You can select from different transitions, like: <br>
Hakim El Hattab's avatar
merge in relative theme/transition links    
Hakim El Hattab committed
191
192
193 
						<a href="?transition=cube#/transitions">Cube</a> -
						<a href="?transition=page#/transitions">Page</a> -
						<a href="?transition=concave#/transitions">Concave</a> -
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
194
195 
						<a href="?transition=zoom#/transitions">Zoom</a> -
						<a href="?transition=linear#/transitions">Linear</a> -
Joel Brandt's avatar
implement a fade transition    
Joel Brandt committed
196 
						<a href="?transition=fade#/transitions">Fade</a> -
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
197 
						<a href="?transition=none#/transitions">None</a> -
Hakim El Hattab's avatar
merge in relative theme/transition links    
Hakim El Hattab committed
198 
						<a href="?#/transitions">Default</a>
Hakim El Hattab's avatar
added slide announcing markdown support (#15)    
Hakim El Hattab committed
199
200
201 
					</p>
				</section>
Dan Dascalescu's avatar
Links to transitions & themes stay in presentation    
Dan Dascalescu committed
202 
				<section id="themes">
Hakim El Hattab's avatar
add theme config option, add sky theme, fix line-height of <small>    
Hakim El Hattab committed
203
204
205 
					<h2>Themes</h2>
					<p>
						Reveal.js comes with a few themes built in: <br>
Hakim El Hattab's avatar
reorder themes #584    
Hakim El Hattab committed
206 
						<a href="?#/themes">Default</a> -
Dan Dascalescu's avatar
Links to transitions & themes stay in presentation    
Dan Dascalescu committed
207
208
209
210 
						<a href="?theme=sky#/themes">Sky</a> -
						<a href="?theme=beige#/themes">Beige</a> -
						<a href="?theme=simple#/themes">Simple</a> -
						<a href="?theme=serif#/themes">Serif</a> -
Hakim El Hattab's avatar
reorder themes #584    
Hakim El Hattab committed
211 
						<a href="?theme=night#/themes">Night</a> <br>
Alex Juarez's avatar
The index.html page had the simple theme listed twice. The duplicate was removed.    
Alex Juarez committed
212
213 
						<a href="?theme=moon#/themes">Moon</a> -
						<a href="?theme=solarized#/themes">Solarized</a>
Hakim El Hattab's avatar
add theme config option, add sky theme, fix line-height of <small>    
Hakim El Hattab committed
214
215
216
217
218
219
220
221 
					</p>
					<p>
						<small>
							* Theme demos are loaded after the presentation which leads to flicker. In production you should load your theme in the <code>&lt;head&gt;</code> using a <code>&lt;link&gt;</code>.
						</small>
					</p>
				</section>
Hakim El Hattab's avatar
better example of state usage    
Hakim El Hattab committed
222 
				<section>
Hakim El Hattab's avatar
update example deck to use slide backgrounds (#453)    
Hakim El Hattab committed
223
224
225
226
227
228
229
230 
					<h2>Global State</h2>
					<p>
						Set <code>data-state="something"</code> on a slide and <code>"something"</code>
						will be added as a class to the document element when the slide is open. This lets you
						apply broader style changes, like switching the background.
					</p>
				</section>
Hakim El Hattab's avatar
markup error correction    
Hakim El Hattab committed
231
232
233
234
235
236
237
238
239
240
241
242 
				<section data-state="customevent">
					<h2>Custom Events</h2>
					<p>
						Additionally custom events can be triggered on a per slide basis by binding to the <code>data-state</code> name.
					</p>
					<pre><code data-trim contenteditable style="font-size: 18px; margin-top: 20px;">
Reveal.addEventListener( 'customevent', function() {
	console.log( '"customevent" has fired' );
} );
					</code></pre>
				</section>
Hakim El Hattab's avatar
update example deck to use slide backgrounds (#453)    
Hakim El Hattab committed
243
244
245 
				<section>
					<section data-background="#007777">
						<h2>Slide Backgrounds</h2>
Hakim El Hattab's avatar
better example of state usage    
Hakim El Hattab committed
246 
						<p>
Hakim El Hattab's avatar
update example deck to use slide backgrounds (#453)    
Hakim El Hattab committed
247 
							Set <code>data-background="#007777"</code> on a slide to change the full page background to the given color. All CSS color formats are supported.
Hakim El Hattab's avatar
better example of state usage    
Hakim El Hattab committed
248 
						</p>
Hakim El Hattab's avatar
remove all use of :not(.image)    
Hakim El Hattab committed
249 
						<a href="#" class="navigate-down">
Owen Versteeg's avatar
improved accessibility    
Owen Versteeg committed
250 
							<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
Hakim El Hattab's avatar
better example of state usage    
Hakim El Hattab committed
251
252 
						</a>
					</section>
Hakim El Hattab's avatar
revamp pdf printing to support per-slide backgrounds (closes #453)    
Hakim El Hattab committed
253 
					<section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png">
Hakim El Hattab's avatar
update example deck to use slide backgrounds (#453)    
Hakim El Hattab committed
254
255 
						<h2>Image Backgrounds</h2>
						<pre><code>&lt;section data-background="image.png"&gt;</code></pre>
Hakim El Hattab's avatar
better example of state usage    
Hakim El Hattab committed
256 
					</section>
Hakim El Hattab's avatar
revamp pdf printing to support per-slide backgrounds (closes #453)    
Hakim El Hattab committed
257 
					<section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" data-background-repeat="repeat" data-background-size="100px">
Hakim El Hattab's avatar
update example deck to use slide backgrounds (#453)    
Hakim El Hattab committed
258
259 
						<h2>Repeated Image Backgrounds</h2>
						<pre><code style="word-wrap: break-word;">&lt;section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"&gt;</code></pre>
Hakim El Hattab's avatar
better example of state usage    
Hakim El Hattab committed
260 
					</section>
Hakim El Hattab's avatar
now capturing data-state on slides and lifting it to document element classList when slide is open    
Hakim El Hattab committed
261
262 
				</section>
Hakim El Hattab's avatar
transition override examples in default contents    
Hakim El Hattab committed
263
264
265
266
267
268
269
270
271
272
273
274
275
276 
				<section data-transition="linear" data-background="#4d7e65" data-background-transition="slide">
					<h2>Background Transitions</h2>
					<p>
						Pass reveal.js the <code>backgroundTransition: 'slide'</code> config argument to make backgrounds slide rather than fade.
					</p>
				</section>

				<section data-transition="linear" data-background="#8c4738" data-background-transition="slide">
					<h2>Background Transition Override</h2>
					<p>
						You can override background transitions per slide by using <code>data-background-transition="slide"</code>.
					</p>
				</section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
277
278
279
280 
				<section>
					<h2>Clever Quotes</h2>
					<p>
						These guys come in two forms, inline: <q cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
Hakim El Hattab's avatar
rvl.io > slid.es    
Hakim El Hattab committed
281 
						&ldquo;The nice thing about standards is that there are so many to choose from&rdquo;</q> and block:
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
282
283 
					</p>
					<blockquote cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
Hakim El Hattab's avatar
rvl.io > slid.es    
Hakim El Hattab committed
284
285 
						&ldquo;For years there has been a theory that millions of monkeys typing at random on millions of typewriters would
						reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue.&rdquo;
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
286
287 
					</blockquote>
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
288
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
289
290 
				<section>
					<h2>Pretty Code</h2>
Hakim El Hattab's avatar
add support for data-trim attribute on code elements (closes #419)    
Hakim El Hattab committed
291 
					<pre><code data-trim contenteditable>
Hakim El Hattab's avatar
minor style or wording tweaks    
Hakim El Hattab committed
292 
function linkify( selector ) {
Hakim El Hattab's avatar
larger font for code samples (closes #60)    
Hakim El Hattab committed
293 
  if( supports3DTransforms ) {
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
294
Hakim El Hattab's avatar
larger font for code samples (closes #60)    
Hakim El Hattab committed
295
296 
    var nodes = document.querySelectorAll( selector );
Owen Versteeg's avatar
made page validate    
Owen Versteeg committed
297 
    for( var i = 0, len = nodes.length; i &lt; len; i++ ) {
Hakim El Hattab's avatar
larger font for code samples (closes #60)    
Hakim El Hattab committed
298
299 
      var node = nodes[i];
hakimel's avatar
syntax fix in code example    
hakimel committed
300 
      if( !node.className ) {
Hakim El Hattab's avatar
larger font for code samples (closes #60)    
Hakim El Hattab committed
301
302 
        node.className += ' roll';
      }
hakimel's avatar
syntax fix in code example    
hakimel committed
303 
    }
Hakim El Hattab's avatar
larger font for code samples (closes #60)    
Hakim El Hattab committed
304 
  }
Hakim El Hattab's avatar
minor style or wording tweaks    
Hakim El Hattab committed
305 
}
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
306
307
308 
					</code></pre>
					<p>Courtesy of <a href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.</p>
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
309
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
310
311
312 
				<section>
					<h2>Intergalactic Interconnections</h2>
					<p>
Hakim El Hattab's avatar
support for PDF export in chrome (closes #92)    
Hakim El Hattab committed
313 
						You can link between slides internally,
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
314
315
316 
						<a href="#/2/3">like this</a>.
					</p>
				</section>
Hakim El Hattab's avatar
renamed to reveal.js, many new features, and upgraded to v1.0    
Hakim El Hattab committed
317
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
318 
				<section>
Hakim El Hattab's avatar
use named link for fragments #621    
Hakim El Hattab committed
319 
					<section id="fragments">
Hakim El Hattab's avatar
add support for fragment styles (#192)    
Hakim El Hattab committed
320
321
322
323
324
325
326
327 
						<h2>Fragmented Views</h2>
						<p>Hit the next arrow...</p>
						<p class="fragment">... to step through ...</p>
						<ol>
							<li class="fragment"><code>any type</code></li>
							<li class="fragment"><em>of view</em></li>
							<li class="fragment"><strong>fragments</strong></li>
						</ol>
Michael Kühnel's avatar
Add notes to the fragment slide for testing purposes.    
Michael Kühnel committed
328
329 

						<aside class="notes">
Hakim El Hattab's avatar
merge in support for stepped fragments in notes window    
Hakim El Hattab committed
330 
							This slide has fragments which are also stepped through in the notes window.
Michael Kühnel's avatar
Add notes to the fragment slide for testing purposes.    
Michael Kühnel committed
331 
						</aside>
Hakim El Hattab's avatar
add support for fragment styles (#192)    
Hakim El Hattab committed
332
333
334
335
336
337
338
339
340
341
342 
					</section>
					<section>
						<h2>Fragment Styles</h2>
						<p>There's a few styles of fragments, like:</p>
						<p class="fragment grow">grow</p>
						<p class="fragment shrink">shrink</p>
						<p class="fragment roll-in">roll-in</p>
						<p class="fragment fade-out">fade-out</p>
						<p class="fragment highlight-red">highlight-red</p>
						<p class="fragment highlight-green">highlight-green</p>
						<p class="fragment highlight-blue">highlight-blue</p>
Hakim El Hattab's avatar
use fragment name in example    
Hakim El Hattab committed
343
344 
						<p class="fragment current-visible">current-visible</p>
						<p class="fragment highlight-current-blue">highlight-current-blue</p>
Hakim El Hattab's avatar
add support for fragment styles (#192)    
Hakim El Hattab committed
345 
					</section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
346 
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
347
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
348
349 
				<section>
					<h2>Spectacular image!</h2>
Hakim El Hattab's avatar
remove all use of :not(.image)    
Hakim El Hattab committed
350 
					<a href="http://lab.hakim.se/meny/" target="_blank">
Hakim El Hattab's avatar
zoom.js integration via alt+click    
Hakim El Hattab committed
351 
						<img width="320" height="299" src="http://s3.amazonaws.com/hakim-static/portfolio/images/meny.png" alt="Meny">
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
352
353 
					</a>
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
354
Hakim El Hattab's avatar
more pdf-export tweaks, added slide describing the feature (#92)    
Hakim El Hattab committed
355
356 
				<section>
					<h2>Export to PDF</h2>
Hakim El Hattab's avatar
fix error in slide markup    
Hakim El Hattab committed
357 
					<p>Presentations can be <a href="https://github.com/hakimel/reveal.js#pdf-export">exported to PDF</a>, below is an example that's been uploaded to SlideShare.</p>
Owen Versteeg's avatar
made page validate    
Owen Versteeg committed
358
359
360
361 
					<iframe id="slideshare" src="http://www.slideshare.net/slideshow/embed_code/13872948" width="455" height="356" style="margin:0;overflow:hidden;border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen> </iframe>
					<script>
						document.getElementById('slideshare').attributeName = 'allowfullscreen';
					</script>
Hakim El Hattab's avatar
more pdf-export tweaks, added slide describing the feature (#92)    
Hakim El Hattab committed
362 
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
363
Hakim El Hattab's avatar
new paused mode feature (closes #144), controls and progress DOM elements are...    
Hakim El Hattab committed
364
365
366 
				<section>
					<h2>Take a Moment</h2>
					<p>
Luke Williams's avatar
Fixing spelling mistake.    
Luke Williams committed
367 
						Press b or period on your keyboard to enter the 'paused' mode. This mode is helpful when you want to take distracting slides off the screen
Dan Dascalescu's avatar
Typo fix    
Dan Dascalescu committed
368 
						during a presentation.
Hakim El Hattab's avatar
new paused mode feature (closes #144), controls and progress DOM elements are...    
Hakim El Hattab committed
369
370
371 
					</p>
				</section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
372
373
374 
				<section>
					<h2>Stellar Links</h2>
					<ul>
Hakim El Hattab's avatar
rvl.io > slid.es    
Hakim El Hattab committed
375 
						<li><a href="http://slid.es">Try the online editor</a></li>
Hakim El Hattab's avatar
copy tweaks    
Hakim El Hattab committed
376 
						<li><a href="https://github.com/hakimel/reveal.js">Source code on GitHub</a></li>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
377
378
379 
						<li><a href="http://twitter.com/hakimel">Follow me on Twitter</a></li>
					</ul>
				</section>
Hakim El Hattab's avatar
new slide    
Hakim El Hattab committed
380
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
381
382 
				<section>
					<h1>THE END</h1>
Hakim El Hattab's avatar
themes are now available as separate css files under css/theme/, old theme...    
Hakim El Hattab committed
383 
					<h3>BY Hakim El Hattab / hakim.se</h3>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
384 
				</section>
Hakim El Hattab's avatar
wrap markdown in script text/template to fix parsing errors (closes #146 #155 #162)    
Hakim El Hattab committed
385
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
386 
			</div>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
387
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
388 
		</div>
Hakim El Hattab's avatar
classList polyfill included for ie9    
Hakim El Hattab committed
389
Hakim El Hattab's avatar
refactored folder structure, added /plugins which is initially only used by #57    
Hakim El Hattab committed
390 
		<script src="lib/js/head.min.js"></script>
Hakim El Hattab's avatar
remember last visited vertical slide (closes #225)    
Hakim El Hattab committed
391 
		<script src="js/reveal.min.js"></script>
Hakim El Hattab's avatar
use head.js to script load everything, fixes bug with inclusion of notes server js #57    
Hakim El Hattab committed
392
Hakim El Hattab's avatar
renamed to reveal.js, many new features, and upgraded to v1.0    
Hakim El Hattab committed
393 
		<script>
Hakim El Hattab's avatar
modularize themes and convert them to sass (closes #191)    
Hakim El Hattab committed
394
Hakim El Hattab's avatar
rewrote initialization code for clarity and brevity (#105)    
Hakim El Hattab committed
395
396
397
398
399
400 
			// Full list of configuration options available here:
			// https://github.com/hakimel/reveal.js#configuration
			Reveal.initialize({
				controls: true,
				progress: true,
				history: true,
Hakim El Hattab's avatar
corrections to vertical centering (#70), added to docs, upgrade to 2.2    
Hakim El Hattab committed
401 
				center: true,
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
402
Hakim El Hattab's avatar
fix conflict with theme set in query and theme specified in head    
Hakim El Hattab committed
403 
				theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
Joel Brandt's avatar
implement a fade transition    
Joel Brandt committed
404 
				transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
Hakim El Hattab's avatar
add Reveal.getConfig(), replace use of window.globals (#98)    
Hakim El Hattab committed
405
Michał Smoliński's avatar
Added parallax scrolling background    
Michał Smoliński committed
406 
				// Parallax scrolling
Hakim El Hattab's avatar
use 'url()'-free path when specifying parallax image, refactor so that...    
Hakim El Hattab committed
407
408 
				// parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg',
				// parallaxBackgroundSize: '2100px 900px',
Hakim El Hattab's avatar
add Reveal.getConfig(), replace use of window.globals (#98)    
Hakim El Hattab committed
409
Hakim El Hattab's avatar
rewrote initialization code for clarity and brevity (#105)    
Hakim El Hattab committed
410
411
412 
				// Optional libraries used to extend on reveal.js
				dependencies: [
					{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
Amit Kotlovski's avatar
Replace the ShowDown Markdown engine with marked    
Amit Kotlovski committed
413 
					{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
Hakim El Hattab's avatar
update syntax highlight after editing (#210), move markdown and highlight...    
Hakim El Hattab committed
414 
					{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
Hakim El Hattab's avatar
merge upgrade of highlight.js, add base styles to pre code, dont limit...    
Hakim El Hattab committed
415 
					{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
Hakim El Hattab's avatar
new postMessage-based notes plugin, moved node-based notes to notes-server (#190)    
Hakim El Hattab committed
416 
					{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
Rory Hardy's avatar
Update index.html    
Rory Hardy committed
417 
					{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
Hakim El Hattab's avatar
rewrote initialization code for clarity and brevity (#105)    
Hakim El Hattab committed
418
419 
				]
			});
Hakim El Hattab's avatar
update syntax highlight after editing (#210), move markdown and highlight...    
Hakim El Hattab committed
420
Hakim El Hattab's avatar
slight tweak to pdf export css (#92)    
Hakim El Hattab committed
421 
		</script>
Hakim El Hattab's avatar
modified data-markdown to support markdown indented with tabs    
Hakim El Hattab committed
422
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
423 
	</body>
David Banham's avatar
Include speaker notes plugin after reveal.js    
David Banham committed
424 
</html>