diff options
| author | Eric Bidelman | 2012-04-07 15:43:31 -0700 |
|---|---|---|
| committer | Eric Bidelman | 2012-04-07 15:43:31 -0700 |
| commit | cb6cac6cb3f19a51254b7bb25acf86799c352989 (patch) | |
| tree | a0f7d1361877f811c0633c4a662554fb13fe366f /template.html | |
| parent | 321272492eaf2afe377a806ad666acdcb98ec658 (diff) | |
| download | io-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.html | 129 |
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> |