|
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
|
|
|
|
<title>reveal.js</title>
|
|
|
|
|
|
|
|
|
|
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="css/reset.css">
|
|
|
|
|
<link rel="stylesheet" href="css/main.css">
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="lib/zenburn.css">
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div id="reveal">
|
|
|
|
|
|
|
|
|
|
<!-- Any section element inside of this container is displayed as a slide -->
|
|
|
|
|
<div class="slides">
|
|
|
|
|
<section>
|
|
|
|
|
<h1>Reveal.js</h1>
|
|
|
|
|
<h3 class="inverted">A CSS 3D Slideshow</h3>
|
|
|
|
|
<script>
|
|
|
|
|
// Delicously hacky. Look away.
|
|
|
|
|
if( navigator.userAgent.match( /(iPhone|iPad|iPod|Android)/i ) )
|
|
|
|
|
document.write( '<p style="color: rgba(0,0,0,0.3); text-shadow: none;">('+'Tap to navigate'+')</p>' );
|
|
|
|
|
</script>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<h2>Heads Up</h2>
|
|
|
|
|
<p>
|
|
|
|
|
reveal.js is an easy to use, HTML based, presentation tool. You'll need a modern browser with
|
|
|
|
|
support for CSS 3D transforms to see it in its full glory.
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
<i><small>- <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small></i>
|
|
|
|
|
</p>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<!-- Example of nested vertical slides -->
|
|
|
|
|
<section>
|
|
|
|
|
<section>
|
|
|
|
|
<h2>Vertical Slides</h2>
|
|
|
|
|
<p>
|
|
|
|
|
Slides can be nested inside of other slides,<br/>
|
|
|
|
|
try pressing <a href="#/2/1">down</a>.
|
|
|
|
|
</p>
|
|
|
|
|
<a href="#/2/1" class="image">
|
|
|
|
|
<img src="data:image/png;base64,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">
|
|
|
|
|
</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>
|
|
|
|
|
<a class="test" href="http://cornify.com"><img src="data:image/gif;base64,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
|
|
|
|
|
</section>
|
|
|
|
|
<section>
|
|
|
|
|
<h2>Basement Level 3</h2>
|
|
|
|
|
<p>That's it, time to go back up.</p>
|
|
|
|
|
<a href="#/2" class="image">
|
|
|
|
|
<img style="-webkit-transform: rotate(180deg);" src="data:image/png;base64,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">
|
|
|
|
|
</a>
|
|
|
|
|
</section>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<h2>Holistic Overview</h2>
|
|
|
|
|
<p>
|
|
|
|
|
Press <em>SPACE</em> to enter the slide overview. This allows you to navigate faster
|
|
|
|
|
in larger decks using the keyboard.
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
This feature is highly experimental and will be updated to boost performance.
|
|
|
|
|
</p>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<h2>Marvelous Unordered List</h2>
|
|
|
|
|
<ul>
|
|
|
|
|
<li>No order here</li>
|
|
|
|
|
<li>Or here</li>
|
|
|
|
|
<li>Or here</li>
|
|
|
|
|
<li>Or here</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<h2>Fantastic Ordered List</h2>
|
|
|
|
|
<ol>
|
|
|
|
|
<li>One is smaller than...</li>
|
|
|
|
|
<li>Two is smaller than...</li>
|
|
|
|
|
<li>Three!</li>
|
|
|
|
|
</ol>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<h2>Clever Quotes</h2>
|
|
|
|
|
<p>
|
|
|
|
|
These guys come in two forms, inline: <q cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
|
|
|
|
|
The nice thing about standards is that there are so many to choose from</q> and block:
|
|
|
|
|
</p>
|
|
|
|
|
<blockquote cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
|
|
|
|
|
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.
|
|
|
|
|
</blockquote>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<h2>Pretty Code</h2>
|
|
|
|
|
<pre><code contenteditable>
|
|
|
|
|
var supports3DTransforms = document.body.style['webkitPerspective'] !== undefined ||
|
|
|
|
|
document.body.style['MozPerspective'] !== undefined ||
|
|
|
|
|
document.body.style['perspective'] !== undefined;
|
|
|
|
|
|
|
|
|
|
function linkify( selector ) {
|
|
|
|
|
if( supports3DTransforms ) {
|
|
|
|
|
|
|
|
|
|
var nodes = document.querySelectorAll( selector );
|
|
|
|
|
|
|
|
|
|
for( var i = 0, len = nodes.length; i < len; i++ ) {
|
|
|
|
|
var node = nodes[i];
|
|
|
|
|
|
|
|
|
|
if( !node.className || !node.className.match( /roll/g ) ) {
|
|
|
|
|
node.className += ' roll';
|
|
|
|
|
node.innerHTML = '<span data-title="'+ node.text +'">' + node.innerHTML + '</span>';
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
linkify( 'a' );
|
|
|
|
|
</code></pre>
|
|
|
|
|
<p>Courtesy of <a href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.</p>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<h2>Intergalactic Interconnections</h2>
|
|
|
|
|
<p>
|
|
|
|
|
You can link between slides internally,<br/>
|
|
|
|
|
<a href="#/2/3">like this</a>.
|
|
|
|
|
</p>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<h2>Spectacular image!</h2>
|
|
|
|
|
<a class="image" href="http://hakim.se/experiments/html5/breakdom/" target="_blank">
|
|
|
|
|
<img src="data:image/png;base64,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
|
|
|
|
|
</a>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<h2>Stellar Links</h2>
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="https://github.com/hakimel/reveal.js">Source code on github</a></li>
|
|
|
|
|
<li><a href="http://hakim.se/projects/reveal-js">Read more on my site</a></li>
|
|
|
|
|
<li><a href="http://twitter.com/hakimel">Follow me on Twitter</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<h1>THE END</h1>
|
|
|
|
|
<h3 class="inverted">BY Hakim El Hattab / hakim.se</h3>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- The navigational controls UI -->
|
|
|
|
|
<aside class="controls">
|
|
|
|
|
<a class="left" href="#">◄</a>
|
|
|
|
|
<a class="right" href="#">►</a>
|
|
|
|
|
<a class="up" href="#">▲</a>
|
|
|
|
|
<a class="down" href="#">▼</a>
|
|
|
|
|
</aside>
|
|
|
|
|
|
|
|
|
|
<!-- Displays presentation progress, max value changes via JS to reflect # of slides -->
|
|
|
|
|
<div class="progress"><span></span></div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="js/reveal.js"></script>
|
|
|
|
|
<script src="lib/highlight.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
// Parse the query string into a key/value object
|
|
|
|
|
var query = {};
|
|
|
|
|
location.search.replace( /[A-Z0-9]+?=(\w*)/gi, function(a) {
|
|
|
|
|
query[ a.split( '=' ).shift() ] = a.split( '=' ).pop();
|
|
|
|
|
} );
|
|
|
|
|
|
|
|
|
|
Reveal.initialize({
|
|
|
|
|
// Display controls in the bottom right corner
|
|
|
|
|
controls: true,
|
|
|
|
|
|
|
|
|
|
// Display a presentation progress bar
|
|
|
|
|
progress: true,
|
|
|
|
|
|
|
|
|
|
// Apply a 3D roll to links on hover
|
|
|
|
|
rollingLinks: true,
|
|
|
|
|
|
|
|
|
|
// UI style
|
|
|
|
|
theme: query.theme || 'default', // default/neon
|
|
|
|
|
|
|
|
|
|
// Transition style
|
|
|
|
|
transition: query.transition || 'default' // default/box/page/concave/linear(2d),
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
hljs.initHighlightingOnLoad();
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
