forked from hakimel/reveal.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathslides.html
130 lines (101 loc) · 5.52 KB
/
slides.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>reveal.js - The HTML Presentation Framework</title>
<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
<meta name="author" content="Hakim El Hattab">
<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.min.css">
<link rel="stylesheet" href="css/theme/default.css" id="theme">
<!-- For syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- If the query includes 'print-pdf', use the PDF print sheet -->
<script>
document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
</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="level1" id="html5-slides-using-reveal.js-and-pandoc">
<h1>HTML5 slides using reveal.js and pandoc</h1>
<p>Your name</p>
<p>December 17, 2013</p>
<hr>
<p>You can access this slide deck at: <a href="https://github.com/digieast/reveal.js">github.com/digieast/reveal.js</a></p>
<p>Press the <code>Escape</code> key to see all slides.</p>
</section>
<section class="level1" id="slide-1---text-paragraph">
<h1>Slide 1 - text paragraph</h1>
<p>In hac habitasse platea dictumst. Duis cursus purus turpis, ac venenatis augue viverra eget. Mauris vel hendrerit magna. Maecenas vulputate eleifend orci, tincidunt eleifend ipsum bibendum eu. Sed vulputate elementum sem mattis placerat. Cras magna velit, rhoncus vitae metus non, faucibus varius lacus.</p>
<p>In hac habitasse platea dictumst. Duis cursus purus turpis, ac venenatis augue viverra eget. Mauris vel hendrerit magna. Maecenas vulputate eleifend orci, tincidunt eleifend ipsum bibendum eu. Sed vulputate elementum sem mattis placerat. Cras magna velit, rhoncus vitae metus non, faucibus varius lacus.</p>
</section>
<section class="level1" id="slide-2---bullets">
<h1>Slide 2 - bullets</h1>
<ul>
<li>first</li>
<li>second</li>
<li>third</li>
</ul>
</section>
<section class="level1" id="slide-3---quotation">
<h1>Slide 3 - quotation</h1>
<p>In hac habitasse platea dictumst. Duis cursus purus turpis, ac venenatis augue viverra eget. Mauris vel hendrerit magna. Maecenas vulputate eleifend orci, tincidunt eleifend ipsum bibendum eu. Sed vulputate elementum sem mattis placerat. Cras magna velit, rhoncus vitae metus non, faucibus varius lacus.</p>
<blockquote>
<p>In hac habitasse platea dictumst. Duis cursus purus turpis, ac venenatis augue viverra eget. Mauris vel hendrerit magna. Maecenas vulputate eleifend orci, tincidunt eleifend ipsum bibendum eu. Sed vulputate elementum sem mattis placerat. Cras magna velit, rhoncus vitae metus non, faucibus varius lacus.</p>
</blockquote>
</section>
<section class="level1" id="slide-4---numbered-list">
<h1>Slide 4 - numbered list</h1>
<ol type="1">
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
</section>
<section class="level1" id="slide-5---image">
<h1>Slide 5 - image</h1>
<figure>
<img src="http://www.autoprestige.com.ua/upload/images/products/%D0%9B%D0%B8%D1%82%D1%80%D0%B0%D0%B6%D0%B8/2/Shell_logo_1957.png" alt="Shell logo"><figcaption>Shell logo</figcaption>
</figure>
</section>
<section class="level1" id="slide-6---video">
<h1>Slide 6 - video</h1>
<iframe width="560" height="315" src="//www.youtube.com/embed/81Ejyr-ddgw" frameborder="0" allowfullscreen></iframe>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.min.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'fade', // default/cube/page/concave/zoom/linear/fade/none
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/showdown.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, condition: function() { return !!document.body.classList; } },
{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
// { src: 'plugin/search/search.js', async: true, condition: function() { return !!document.body.classList; } }
// { src: 'plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }
]
});
</script>
</body>
</html>