Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 13.3 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
new slide    
Hakim El Hattab committed
23 
		<!-- If the query includes 'print-pdf', use 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
rewrote initialization code for clarity and brevity (#105)    
Hakim El Hattab committed
25 
			document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
Hakim El Hattab's avatar
support for PDF export in chrome (closes #92)    
Hakim El Hattab committed
26
27 
		</script>
hakimel's avatar
ie8 support (closes #96)    
hakimel committed
28
29
30 
		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
31 
	</head>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
32
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
33 
	<body>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
34
Hakim El Hattab's avatar
change add .reveal class in index (closes #51)    
Hakim El Hattab committed
35 
		<div class="reveal">
Hakim El Hattab's avatar
better example of state usage    
Hakim El Hattab committed
36
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
37
38 
			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
Hakim El Hattab's avatar
wrap markdown in script text/template to fix parsing errors (closes #146 #155 #162)    
Hakim El Hattab committed
39
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
40
41 
				<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
42 
					<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
43
44
45 
					<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
46 
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
47
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
48 
				<section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
49 
					<h2>Heads Up</h2>
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
50 
					<p>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
51 
						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
52
53 
						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
54
55 

					<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
56 
						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
57 
					</aside>
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
58 
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
59
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
60 
				<!-- Example of nested vertical slides -->
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
61 
				<section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
62
63
64 
					<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
65 
							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
66 
							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
67 
						</p>
Hakim El Hattab's avatar
allow multiple control elements, document usage of global controls (#184, #204)    
Hakim El Hattab committed
68 
						<a href="#" class="image navigate-down">
Owen Versteeg's avatar
improved accessibility    
Owen Versteeg committed
69 
							<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
70
71
72
73
74
75
76
77
78 
						</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
79 
						<a class="test" href="http://cornify.com">
Owen Versteeg's avatar
improved accessibility    
Owen Versteeg committed
80 
							<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
81 
						</a>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
82
83
84
85
86 
					</section>
					<section>
						<h2>Basement Level 3</h2>
						<p>That's it, time to go back up.</p>
						<a href="#/2" class="image">
Owen Versteeg's avatar
improved accessibility    
Owen Versteeg committed
87 
							<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
88
89 
						</a>
					</section>
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
90 
				</section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
91
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
92 
				<section>
Hakim El Hattab's avatar
rvl.io > slid.es    
Hakim El Hattab committed
93 
					<h2>Slides</h2>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
94 
					<p>
Hakim El Hattab's avatar
rvl.io > slid.es    
Hakim El Hattab committed
95 
						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
96 
					</p>
Hakim El Hattab's avatar
updated copy in slides, added one that explains transitions    
Hakim El Hattab committed
97
98 
				</section>
Hakim El Hattab's avatar
add rvl.io to readme and template slide    
Hakim El Hattab committed
99 
				<section>
Hakim El Hattab's avatar
rvl.io > slid.es    
Hakim El Hattab committed
100 
					<h2>Point of View</h2>
Hakim El Hattab's avatar
add rvl.io to readme and template slide    
Hakim El Hattab committed
101 
					<p>
Hakim El Hattab's avatar
rvl.io > slid.es    
Hakim El Hattab committed
102
103
104
105 
						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
106
107
108 
					</p>
				</section>
Hakim El Hattab's avatar
comments, tweaks and a new slide highlighting mobile support    
Hakim El Hattab committed
109
110
111 
				<section>
					<h2>Works in Mobile Safari</h2>
					<p>
Hakim El Hattab's avatar
new slide    
Hakim El Hattab committed
112 
						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
113
114
115 
					</p>
				</section>
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
116 
				<section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
117
118
119
120
121
122
123 
					<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
124 
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
125
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
126
127
128
129
130
131
132
133 
				<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
134
Hakim El Hattab's avatar
added slide announcing markdown support (#15)    
Hakim El Hattab committed
135 
				<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
136
137 
					<script type="text/template">
						## Markdown support
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
138
Hakim El Hattab's avatar
wrap markdown in script text/template to fix parsing errors (closes #146 #155 #162)    
Hakim El Hattab committed
139 
						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
140
Hakim El Hattab's avatar
change markdown code sample syntax    
Hakim El Hattab committed
141
142
143
144
145
146
147
148 
						```
						<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
149 
					</script>
Hakim El Hattab's avatar
added slide announcing markdown support (#15)    
Hakim El Hattab committed
150
151 
				</section>
Hakim El Hattab's avatar
merge in relative theme/transition links    
Hakim El Hattab committed
152 
				<section id="transitions">
Hakim El Hattab's avatar
added slide announcing markdown support (#15)    
Hakim El Hattab committed
153
154 
					<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
155 
						You can select from different transitions, like: <br>
Hakim El Hattab's avatar
merge in relative theme/transition links    
Hakim El Hattab committed
156
157
158 
						<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
159
160 
						<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
161 
						<a href="?transition=fade#/transitions">Fade</a> -
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
162 
						<a href="?transition=none#/transitions">None</a> -
Hakim El Hattab's avatar
merge in relative theme/transition links    
Hakim El Hattab committed
163 
						<a href="?#/transitions">Default</a>
Hakim El Hattab's avatar
added slide announcing markdown support (#15)    
Hakim El Hattab committed
164
165
166 
					</p>
				</section>
Dan Dascalescu's avatar
Links to transitions & themes stay in presentation    
Dan Dascalescu committed
167 
				<section id="themes">
Hakim El Hattab's avatar
add theme config option, add sky theme, fix line-height of <small>    
Hakim El Hattab committed
168
169
170 
					<h2>Themes</h2>
					<p>
						Reveal.js comes with a few themes built in: <br>
Dan Dascalescu's avatar
Links to transitions & themes stay in presentation    
Dan Dascalescu committed
171
172
173
174 
						<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> -
harriha's avatar
Fix bug with switching to night theme    
harriha committed
175 
						<a href="?theme=night#/themes">Night</a> -
Dan Dascalescu's avatar
Links to transitions & themes stay in presentation    
Dan Dascalescu committed
176 
						<a href="?#/themes">Default</a>
Hakim El Hattab's avatar
add theme config option, add sky theme, fix line-height of <small>    
Hakim El Hattab committed
177
178
179
180
181
182
183
184 
					</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
185 
				<section>
Hakim El Hattab's avatar
update example deck to use slide backgrounds (#453)    
Hakim El Hattab committed
186
187
188
189
190
191
192
193
194
195
196 
					<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>

				<section>
					<section data-background="#007777">
						<h2>Slide Backgrounds</h2>
Hakim El Hattab's avatar
better example of state usage    
Hakim El Hattab committed
197 
						<p>
Hakim El Hattab's avatar
update example deck to use slide backgrounds (#453)    
Hakim El Hattab committed
198 
							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
199 
						</p>
Hakim El Hattab's avatar
allow multiple control elements, document usage of global controls (#184, #204)    
Hakim El Hattab committed
200 
						<a href="#" class="image navigate-down">
Owen Versteeg's avatar
improved accessibility    
Owen Versteeg committed
201 
							<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
202
203 
						</a>
					</section>
Hakim El Hattab's avatar
update example deck to use slide backgrounds (#453)    
Hakim El Hattab committed
204
205
206 
					<section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/cornify.gif">
						<h2>Image Backgrounds</h2>
						<pre><code>&lt;section data-background="image.png"&gt;</code></pre>
Hakim El Hattab's avatar
allow multiple control elements, document usage of global controls (#184, #204)    
Hakim El Hattab committed
207 
						<a href="#" class="image navigate-down">
Owen Versteeg's avatar
improved accessibility    
Owen Versteeg committed
208 
							<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
209
210 
						</a>
					</section>
Hakim El Hattab's avatar
update example deck to use slide backgrounds (#453)    
Hakim El Hattab committed
211
212
213 
					<section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/cornify.gif" data-background-repeat="repeat" data-background-size="100px">
						<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
allow multiple control elements, document usage of global controls (#184, #204)    
Hakim El Hattab committed
214
215 
						<a href="#" class="image navigate-next">
							<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(-90deg);">
Hakim El Hattab's avatar
better example of state usage    
Hakim El Hattab committed
216
217 
						</a>
					</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
218
219 
				</section>
andy matthews's avatar
Adding example for custom event binding.    
andy matthews committed
220
221
222
223
224 
				<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>
Hakim El Hattab's avatar
add support for data-trim attribute on code elements (closes #419)    
Hakim El Hattab committed
225
226 
					<pre><code data-trim contenteditable style="font-size: 18px; margin-top: 20px;">
Reveal.addEventListener( 'customevent', function() {
Hakim El Hattab's avatar
add beige theme, move theme class from .reveal to document element, use log...    
Hakim El Hattab committed
227 
	console.log( '"customevent" has fired' );
Hakim El Hattab's avatar
minor style or wording tweaks    
Hakim El Hattab committed
228
229 
} );
					</code></pre>
andy matthews's avatar
Adding example for custom event binding.    
andy matthews committed
230
231 
				</section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
232
233
234
235 
				<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
236 
						&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
237
238 
					</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
239
240 
						&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
241
242 
					</blockquote>
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
243
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
244
245 
				<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
246 
					<pre><code data-trim contenteditable>
Hakim El Hattab's avatar
minor style or wording tweaks    
Hakim El Hattab committed
247 
function linkify( selector ) {
Hakim El Hattab's avatar
larger font for code samples (closes #60)    
Hakim El Hattab committed
248 
  if( supports3DTransforms ) {
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
249
Hakim El Hattab's avatar
larger font for code samples (closes #60)    
Hakim El Hattab committed
250
251 
    var nodes = document.querySelectorAll( selector );
Owen Versteeg's avatar
made page validate    
Owen Versteeg committed
252 
    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
253
254
255
256
257
258
259 
      var node = nodes[i];

      if( !node.className ) ) {
        node.className += ' roll';
      }
    };
  }
Hakim El Hattab's avatar
minor style or wording tweaks    
Hakim El Hattab committed
260 
}
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
261
262
263 
					</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
264
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
265
266
267 
				<section>
					<h2>Intergalactic Interconnections</h2>
					<p>
Hakim El Hattab's avatar
support for PDF export in chrome (closes #92)    
Hakim El Hattab committed
268 
						You can link between slides internally,
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
269
270
271 
						<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
272
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
273 
				<section>
Hakim El Hattab's avatar
add support for fragment styles (#192)    
Hakim El Hattab committed
274
275
276
277
278
279
280
281
282 
					<section>
						<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
283
284 

						<aside class="notes">
Hakim El Hattab's avatar
merge in support for stepped fragments in notes window    
Hakim El Hattab committed
285 
							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
286 
						</aside>
Hakim El Hattab's avatar
add support for fragment styles (#192)    
Hakim El Hattab committed
287
288
289
290
291
292
293
294
295
296
297
298 
					</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>
					</section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
299 
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
300
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
301
302 
				<section>
					<h2>Spectacular image!</h2>
Hakim El Hattab's avatar
zoom.js integration via alt+click    
Hakim El Hattab committed
303
304 
					<a class="image" href="http://lab.hakim.se/meny/" target="_blank">
						<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
305
306 
					</a>
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
307
Hakim El Hattab's avatar
more pdf-export tweaks, added slide describing the feature (#92)    
Hakim El Hattab committed
308
309 
				<section>
					<h2>Export to PDF</h2>
Hakim El Hattab's avatar
fix error in slide markup    
Hakim El Hattab committed
310 
					<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
311
312
313
314 
					<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
315 
				</section>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
316
Hakim El Hattab's avatar
new paused mode feature (closes #144), controls and progress DOM elements are...    
Hakim El Hattab committed
317
318
319 
				<section>
					<h2>Take a Moment</h2>
					<p>
Luke Williams's avatar
Fixing spelling mistake.    
Luke Williams committed
320 
						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
321 
						during a presentation.
Hakim El Hattab's avatar
new paused mode feature (closes #144), controls and progress DOM elements are...    
Hakim El Hattab committed
322
323
324 
					</p>
				</section>
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
325
326
327 
				<section>
					<h2>Stellar Links</h2>
					<ul>
Hakim El Hattab's avatar
rvl.io > slid.es    
Hakim El Hattab committed
328 
						<li><a href="http://slid.es">Try the online editor</a></li>
Hakim El Hattab's avatar
copy tweaks    
Hakim El Hattab committed
329 
						<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
330
331
332 
						<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
333
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
334
335 
				<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
336 
					<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
337 
				</section>
Hakim El Hattab's avatar
wrap markdown in script text/template to fix parsing errors (closes #146 #155 #162)    
Hakim El Hattab committed
338
Hakim El Hattab's avatar
major, non backwards compatible, restructuring of DOM tree    
Hakim El Hattab committed
339 
			</div>
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
340
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
341 
		</div>
Hakim El Hattab's avatar
classList polyfill included for ie9    
Hakim El Hattab committed
342
Hakim El Hattab's avatar
refactored folder structure, added /plugins which is initially only used by #57    
Hakim El Hattab committed
343 
		<script src="lib/js/head.min.js"></script>
Hakim El Hattab's avatar
remember last visited vertical slide (closes #225)    
Hakim El Hattab committed
344 
		<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
345
Hakim El Hattab's avatar
renamed to reveal.js, many new features, and upgraded to v1.0    
Hakim El Hattab committed
346 
		<script>
Hakim El Hattab's avatar
modularize themes and convert them to sass (closes #191)    
Hakim El Hattab committed
347
Hakim El Hattab's avatar
rewrote initialization code for clarity and brevity (#105)    
Hakim El Hattab committed
348
349
350
351
352
353 
			// 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
354 
				center: true,
Hakim El Hattab's avatar
remove traling whitespace (#197)    
Hakim El Hattab committed
355
Hakim El Hattab's avatar
fix conflict with theme set in query and theme specified in head    
Hakim El Hattab committed
356 
				theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
Joel Brandt's avatar
implement a fade transition    
Joel Brandt committed
357 
				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
358
Hakim El Hattab's avatar
rewrote initialization code for clarity and brevity (#105)    
Hakim El Hattab committed
359
360
361 
				// 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
362 
					{ 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
363
364 
					{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
					{ 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
365
366 
					{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
					{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
Hakim El Hattab's avatar
merge search plugin, adjust styles    
Hakim El Hattab committed
367 
					// { src: 'plugin/search/search.js', async: true, condition: function() { return !!document.body.classList; } }
Hakim El Hattab's avatar
update multiplex setup instructions (#98)    
Hakim El Hattab committed
368 
					// { src: 'plugin/remotes/remotes.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
369
370 
				]
			});
Hakim El Hattab's avatar
update syntax highlight after editing (#210), move markdown and highlight...    
Hakim El Hattab committed
371
Hakim El Hattab's avatar
slight tweak to pdf export css (#92)    
Hakim El Hattab committed
372 
		</script>
Hakim El Hattab's avatar
modified data-markdown to support markdown indented with tabs    
Hakim El Hattab committed
373
Hakim El Hattab's avatar
initial commit  
Hakim El Hattab committed
374 
	</body>
David Banham's avatar
Include speaker notes plugin after reveal.js    
David Banham committed
375 
</html>