aboutsummaryrefslogtreecommitdiff
path: root/template.html
diff options
context:
space:
mode:
authorEric Bidelman2012-04-07 15:43:31 -0700
committerEric Bidelman2012-04-07 15:43:31 -0700
commitcb6cac6cb3f19a51254b7bb25acf86799c352989 (patch)
treea0f7d1361877f811c0633c4a662554fb13fe366f /template.html
parent321272492eaf2afe377a806ad666acdcb98ec658 (diff)
downloadio-slides-remote-cb6cac6cb3f19a51254b7bb25acf86799c352989.tar.gz
Hook up slide enter/leave events. gdevs grey icon bar slides in. Branding updates in footer. Other style updates (more sassy!)
Diffstat (limited to 'template.html')
-rw-r--r--template.html129
1 files changed, 76 insertions, 53 deletions
diff --git a/template.html b/template.html
index 3100726..365adea 100644
--- a/template.html
+++ b/template.html
@@ -5,65 +5,88 @@
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="chrome=1"> 6 <meta http-equiv="X-UA-Compatible" content="chrome=1">
7</head> 7</head>
8<body style="display: none"> 8<body style="opacity: 0;">
9 <slides>
10 <slide>
11 A Slide
12 </slide>
13 9
14 <slide> 10<slides>
15 A Slide 11 <slide class="logoslide">
16 </slide> 12 <section class="flexcenter">
13 <img src="images/google_developers_logo.png">
14 </section>
15 </slide>
17 16
18 <slide> 17 <slide id="title-slide">
19 A Slide 18 <!-- <aside class="bar"></aside> -->
20 </slide> 19 <aside class="gdbar"><img src="images/google_developers_icon_128.png"></aside>
20 <hgroup>
21 <h1>Title Goes Here</h1>
22 <h2>Subtitle Goes Here</h2>
23 <p>
24 Speaker Name<br>
25 Title
26 </p>
27 </hgroup>
28 </slide>
21 29
22 <slide> 30 <slide>
23 A Slide 31 <h2>Presentation Bullet Slide Layout</h2>
24 </slide> 32 <ul class="build">
25 </slides> 33 <li>Bullet1</li>
34 <li>Bullet2</li>
35 </ul>
36 </slide>
26 37
27 <script type="text/slide-config"> 38 <slide>
28 var slideConfig = { 39 <hgroup>
29 // Slide settings 40 <h2>Presentation Bullet Slide Layout</h2>
30 settings: { 41 <h3>Subtitle Placeholder</h3>
31 title: 'A Fancy Slide Deck', 42 </hgroup>
32 theme: 'default', 43 </slide>
33 hashtag: '#html5', //TODO
34 useBuilds: true,
35 usePrettify: true,
36 enableSideAreas: true, //TODO
37 analytics: 'UA-25678279-1',
38 favIcon:
39 'http://tokyo.bleedinghtml5.appspot.com/images/chrome-logo-tiny2.png',
40 onLoad: null, // TODO. function to call onload
41 fonts: [
42 'Open Sans:regular,semibold,italic,italicsemibold',
43 'Droid Sans Mono'
44 ]
45 },
46 44
47 // Author information 45 <slide hidden>
48 author: [{ 46 A hidden slide
49 name: 'Luke Mahe', 47 </slide>
50 gplus: 'http://www.google.com'
51 }, {
52 name: 'Marcin Wichary',
53 gplus: 'http://www.google.com'
54 }, {
55 name: 'Eric Bidelman',
56 gplus: 'http://plus.ericbidelman.com'
57 }]
58 };
59 </script>
60 48
61 <script src="js/slides.js"></script> 49 <slide>
50 A Slide2
51 </slide>
52</slides>
62 53
63 <!-- Add to slides.js --> 54<script type="text/slide-config">
64 <!--[if IE]> 55 var slideConfig = {
65 <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script> 56 // Slide settings
66 <script>CFInstall.check({mode: 'overlay'});</script> 57 settings: {
67 <![endif]--> 58 title: 'A Fancy Slide Deck - Google IO 2012',
59 theme: 'default',
60 hashtag: '#html5', //TODO
61 useBuilds: true,
62 usePrettify: true, //TODO
63 enableSideAreas: true, //TODO
64 analytics: 'UA-25678279-1',
65 favIcon: 'http://bleedinghtml5.appspot.com/images/chrome-logo-tiny2.png',
66 onLoad: null, // TODO. function to call onload
67 fonts: [
68 'Open Sans:regular,semibold,italic,italicsemibold',
69 'Inconsolata'
70 ]
71 },
72
73 // Author information
74 author: [{
75 name: 'Luke Mahe',
76 gplus: 'http://www.google.com'
77 }, {
78 name: 'Eric Bidelman',
79 gplus: 'http://plus.ericbidelman.com'
80 }]
81 };
82</script>
83
84<script src="js/slides.js"></script>
85
86<!-- TODO: Add to slides.js -->
87<!--[if IE]>
88 <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
89 <script>CFInstall.check({mode: 'overlay'});</script>
90<![endif]-->
68</body> 91</body>
69</html> 92</html>