-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
44 lines (44 loc) · 1.48 KB
/
demo.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
<!DOCTYPE html>
<html>
<head>
<title>Big</title>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />
<link href='lib/big.css' rel='stylesheet' type='text/css' />
<style>
.new-shiny { background: #aaaaaa; }
.light-text { color: #fff; }
</style>
<link href='lib/highlight.css' rel='stylesheet' type='text/css' />
<script src='lib/highlight.js'></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src='lib/big.js'></script>
</head>
<body class='light'>
<div>use ↔ to navigate</div>
<div>
Big
<notes>Speakers notes!</notes>
<notes>Even more than one.</notes>
</div>
<div class='center'><em>Presentation software</em> for busy busy hackers</div>
<div>+text</div>
<div><pre><code>// and
var code = true;
var x = 'foo';
class re { }
var r = /tag/g;
var y = [1, 2, 3];
function javascript() {
return probably;
}</code></pre></div>
<div>as <em>big</em> as it can be</div>
<div>with <div style='font-style:italic;background:#fff;'>normal HTML</div></div>
<div data-time-to-next='3'>and now it's perfect for ignite talks (wait 3 seconds)</div>
<div>no config</div>
<div><em>1.5k</em></div>
<div data-bodyclass='light-text' data-background-image='http://farm3.static.flickr.com/2506/5757000880_509440308e_z.jpg'>images too</div>
<div data-bodyclass='new-shiny'>per slide body classes</div>
<div>JS+CSS <a href='https://github.com/tmcw/big'>github.com/ tmcw/ big</a></div>
</body>
</html>