-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.html
147 lines (124 loc) · 4.68 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
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>A Presentation Toolbox That Might Blow Your Audience Away: Florian Haas at OSCON 2014</title>
<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" />
<!-- reveal.js CSS theme and local overrides -->
<link rel="stylesheet" href="reveal.js/css/reveal.css"/>
<link rel="stylesheet" href="reveal.js/css/theme/default.css" id="theme"/>
<link rel="stylesheet" href="css/reveal-override.css"/>
<!-- For syntax highlighting -->
<link rel="stylesheet" href="reveal.js/lib/css/zenburn.css" />
<!-- For JavaScript-generated QR codes -->
<link rel="stylesheet" href="css/qrcode.css" />
<!-- If the query includes 'print-pdf', use the PDF print sheet -->
<script>
document.write( '<link rel="stylesheet" href="reveal.js/css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
</script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<div class="qrcode" id="qrcode-talk"/>
<p><a href="http://goo.gl/2efr3v" target="_blank"
id="talk">http://fghaas.github.io/oscon2014-presentationtoolbox</a></p>
</section>
<section id="intro"
data-markdown="markdown/intro.md"
data-separator="^\n\n\n"
data-vertical="^\n\n"
data-notes="^Note:" >
</section>
<section id="reveal.js"
data-markdown="markdown/reveal.js.md"
data-separator="^\n\n\n"
data-vertical="^\n\n"
data-notes="^Note:" >
</section>
<section id="shellinabox"
data-markdown="markdown/shellinabox.md"
data-separator="^\n\n\n"
data-vertical="^\n\n"
data-notes="^Note:" >
</section>
<section id="qrcode.js"
data-markdown="markdown/qrcode.js.md"
data-separator="^\n\n\n"
data-vertical="^\n\n"
data-notes="^Note:" >
</section>
<section id="github"
data-markdown="markdown/github.md"
data-separator="^\n\n\n"
data-vertical="^\n\n"
data-notes="^Note:" >
</section>
<section id="misc"
data-markdown="markdown/misc.md"
data-separator="^\n\n\n"
data-vertical="^\n\n"
data-notes="^Note:" >
</section>
<section id="conclusion"
data-markdown="markdown/conclusion.md"
data-separator="^\n\n\n"
data-vertical="^\n\n"
data-notes="^Note:" >
</section>
</div>
</div>
<script src="qrcodejs/qrcode.js"></script>
<script>
/* Grab all links and iterate over them */
var sources = document.getElementsByTagName('a');
n = sources.length;
for (var i = 0; i < n; i++) {
var source = sources[i];
var href = source.href;
/* If the link has no href attribute, skip it */
if (href) {
var target_id = "qrcode-" + source.id ;
var target = document.getElementById(target_id);
/* If the source has no corresponding target element, skip
* it */
if (target) {
var qr = new QRCode(target, {
colorDark : "#000000",
colorLight : "rgba(255,255,255,0)",
});
qr.makeCode(href);
}
}
}
</script>
<script src="reveal.js/lib/js/head.min.js"></script>
<script src="reveal.js/js/reveal.min.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: false,
progress: false,
history: true,
center: true,
// Parallax background image
// parallaxBackgroundImage: 'images/oscon-logo.svg',
// Parallax background size
parallaxBackgroundSize: '3224px 1024px', // CSS syntax, e.g. "2100px 900px"
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: 'reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'reveal.js/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'reveal.js/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'reveal.js/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'reveal.js/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'reveal.js/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
]
});
</script>
</body>
</html>