diff options
| author | Eric Bidelman | 2012-04-17 18:59:07 -0700 |
|---|---|---|
| committer | Eric Bidelman | 2012-04-17 18:59:07 -0700 |
| commit | 64c8d6328a9d0e4fe68a5899e3e8710342f3b7dd (patch) | |
| tree | cc30183c85cbdadac0607b4c370f94e981708564 /template.html | |
| parent | 5a15dcab5fd3bf90915f811bc7072f6ef8c34a07 (diff) | |
| download | io-slides-remote-64c8d6328a9d0e4fe68a5899e3e8710342f3b7dd.tar.gz | |
Basic presenter mode working
Diffstat (limited to 'template.html')
| -rw-r--r-- | template.html | 23 |
1 files changed, 17 insertions, 6 deletions
diff --git a/template.html b/template.html index 6bfb029..24dd7b8 100644 --- a/template.html +++ b/template.html | |||
| @@ -13,11 +13,13 @@ URL: https://code.google.com/p/io-2012-slides | |||
| 13 | <meta charset="utf-8"> | 13 | <meta charset="utf-8"> |
| 14 | <meta http-equiv="X-UA-Compatible" content="chrome=1"> | 14 | <meta http-equiv="X-UA-Compatible" content="chrome=1"> |
| 15 | <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">--> | 15 | <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">--> |
| 16 | <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">--> | ||
| 17 | <!--This one seems to work all the time, but really small on ipad--> | ||
| 16 | <!--<meta name="viewport" content="initial-scale=0.4">--> | 18 | <!--<meta name="viewport" content="initial-scale=0.4">--> |
| 17 | <link rel="stylesheet" media="all" href="theme/css/default.css"> | 19 | <link rel="stylesheet" media="all" href="theme/css/default.css"> |
| 18 | <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="theme/css/phone.css"> | 20 | <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="theme/css/phone.css"> |
| 19 | </head> | 21 | </head> |
| 20 | <body style="opacity: 0;"> | 22 | <body> |
| 21 | 23 | ||
| 22 | <slides class="layout-widescreen"> | 24 | <slides class="layout-widescreen"> |
| 23 | 25 | ||
| @@ -64,7 +66,7 @@ URL: https://code.google.com/p/io-2012-slides | |||
| 64 | <p>A list where items build:</p> | 66 | <p>A list where items build:</p> |
| 65 | <ul class="build"> | 67 | <ul class="build"> |
| 66 | <li>Pressing 'h' will highlight code snippets</li> | 68 | <li>Pressing 'h' will highlight code snippets</li> |
| 67 | <li>Pressing 'n' will toggle extra notes</li> | 69 | <li>Pressing 'p' will toggle presenter mode</li> |
| 68 | <li>Pressing 'f' will toggle fullscreen viewing</li> | 70 | <li>Pressing 'f' will toggle fullscreen viewing</li> |
| 69 | </ul> | 71 | </ul> |
| 70 | <p>Another list, but items fade as they build:</p> | 72 | <p>Another list, but items fade as they build:</p> |
| @@ -155,13 +157,23 @@ function helloWorld(world) { | |||
| 155 | 157 | ||
| 156 | <slide> | 158 | <slide> |
| 157 | <aside class="note"> | 159 | <aside class="note"> |
| 158 | <section>Speaker notes go here!</section> | 160 | <section> |
| 161 | <ul> | ||
| 162 | <li>Point I wanted to make #1</li> | ||
| 163 | <li>Point I wanted to make #2</li> | ||
| 164 | <li>Point I wanted to make #3</li> | ||
| 165 | <li>Point I wanted to make #3</li> | ||
| 166 | <li>Point I wanted to make #3</li> | ||
| 167 | <li>Example <a href="#">link</a> in notes.</li> | ||
| 168 | </ul> | ||
| 169 | <p><b>Remember to say this tag line!</b></p> | ||
| 170 | </section> | ||
| 159 | </aside> | 171 | </aside> |
| 160 | <hgroup> | 172 | <hgroup> |
| 161 | <h2>Slide with Speaker Notes</h2> | 173 | <h2>Slide with Speaker Notes</h2> |
| 162 | </hgroup> | 174 | </hgroup> |
| 163 | <article> | 175 | <article> |
| 164 | Press 'n' to show speaker notes on slides that define them. | 176 | Press 'p' to rock presenter mode. |
| 165 | </article> | 177 | </article> |
| 166 | </slide> | 178 | </slide> |
| 167 | 179 | ||
| @@ -366,14 +378,13 @@ function helloWorld(world) { | |||
| 366 | 378 | ||
| 367 | </slides> | 379 | </slides> |
| 368 | 380 | ||
| 369 | |||
| 370 | <script src="slide_config.js" defer></script> | 381 | <script src="slide_config.js" defer></script> |
| 371 | <script src="js/modernizr.custom.76029.js" defer></script> | 382 | <script src="js/modernizr.custom.76029.js" defer></script> |
| 372 | <script src="js/prettify/prettify.js" defer></script> | 383 | <script src="js/prettify/prettify.js" defer></script> |
| 373 | <script src="js/yepnope.1.5.3-min.js" defer></script> | 384 | <script src="js/yepnope.1.5.3-min.js" defer></script> |
| 374 | <script src="js/hammer.js" defer></script> | 385 | <script src="js/hammer.js" defer></script> |
| 386 | <script src="js/slide-controller.js" defer></script> | ||
| 375 | <script src="js/slides.js" defer></script> | 387 | <script src="js/slides.js" defer></script> |
| 376 | |||
| 377 | <!--[if IE]> | 388 | <!--[if IE]> |
| 378 | <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script> | 389 | <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script> |
| 379 | <script>CFInstall.check({mode: 'overlay'});</script> | 390 | <script>CFInstall.check({mode: 'overlay'});</script> |