diff options
| author | Eric Bidelman | 2012-04-18 17:42:08 -0700 |
|---|---|---|
| committer | Eric Bidelman | 2012-04-18 17:43:20 -0700 |
| commit | 782b971d157b041f223dfd3c2027428f06b1c8c9 (patch) | |
| tree | 8524f5e77608fdb3aba88580e48cf7091233da8c /template.html | |
| parent | a8e534158525f69db7276cded5f79e6fb6819754 (diff) | |
| download | io-slides-remote-782b971d157b041f223dfd3c2027428f06b1c8c9.tar.gz | |
Sytling for notes not in preso mode. <base> tag FTR
Diffstat (limited to 'template.html')
| -rw-r--r-- | template.html | 29 |
1 files changed, 23 insertions, 6 deletions
diff --git a/template.html b/template.html index ae5a81e..9b9e5be 100644 --- a/template.html +++ b/template.html | |||
| @@ -18,6 +18,7 @@ URL: https://code.google.com/p/io-2012-slides | |||
| 18 | <!--<meta name="viewport" content="initial-scale=0.4">--> | 18 | <!--<meta name="viewport" content="initial-scale=0.4">--> |
| 19 | <link rel="stylesheet" media="all" href="theme/css/default.css"> | 19 | <link rel="stylesheet" media="all" href="theme/css/default.css"> |
| 20 | <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"> |
| 21 | <base target="_blank"> <!-- This amazingness opens all links in a new tab. --> | ||
| 21 | </head> | 22 | </head> |
| 22 | <body> | 23 | <body> |
| 23 | 24 | ||
| @@ -91,7 +92,7 @@ URL: https://code.google.com/p/io-2012-slides | |||
| 91 | </ul> | 92 | </ul> |
| 92 | </li> | 93 | </li> |
| 93 | <li>Subtitle capitalization is title case</li> | 94 | <li>Subtitle capitalization is title case</li> |
| 94 | <li>Titles and <a href="http://google.com">subtitles</a> should never have a period at the end</li> | 95 | <li>All <a href="http://google.com">links</a> open in new tabs. To change that add a <code>target="_self"</code>.</li> |
| 95 | </ul> | 96 | </ul> |
| 96 | </article> | 97 | </article> |
| 97 | </slide> | 98 | </slide> |
| @@ -162,8 +163,6 @@ function helloWorld(world) { | |||
| 162 | <li>Point I wanted to make #1</li> | 163 | <li>Point I wanted to make #1</li> |
| 163 | <li>Point I wanted to make #2</li> | 164 | <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> |
| 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> | 166 | <li>Example <a href="#">link</a> in notes.</li> |
| 168 | </ul> | 167 | </ul> |
| 169 | <p><b>Remember to say this tag line!</b></p> | 168 | <p><b>Remember to say this tag line!</b></p> |
| @@ -173,9 +172,27 @@ function helloWorld(world) { | |||
| 173 | <h2>Slide with Speaker Notes</h2> | 172 | <h2>Slide with Speaker Notes</h2> |
| 174 | </hgroup> | 173 | </hgroup> |
| 175 | <article> | 174 | <article> |
| 176 | Add <code>?presentme=true</code> to the URL to enabled presenter mode. | 175 | <p>Press 'p' to toggle speaker notes.</p> |
| 177 | The setting is sticky, so refreshing the slides will persist presenter mode. | 176 | </article> |
| 178 | Use <code>?presentme=false</code> to turn off presenter mode. | 177 | </slide> |
| 178 | |||
| 179 | <slide> | ||
| 180 | <aside class="note"> | ||
| 181 | <section> | ||
| 182 | <ul> | ||
| 183 | <li>See this amazing link: <a href="#">link</a>.</li> | ||
| 184 | </ul> | ||
| 185 | <p><b>Remember to say this tag line!</b></p> | ||
| 186 | </section> | ||
| 187 | </aside> | ||
| 188 | <hgroup> | ||
| 189 | <h2>Presenter Mode</h2> | ||
| 190 | </hgroup> | ||
| 191 | <article> | ||
| 192 | <p>Add <code><a href="?presentme=true" target="_self">?presentme=true</a></code> to the URL to enabled presenter mode. | ||
| 193 | This setting is sticky, meaning refreshing the page will persist presenter | ||
| 194 | mode.</p> | ||
| 195 | <p>Hit <code><a href="?presentme=false" target="_self">?presentme=false</a></code> to disable presenter mode.</p> | ||
| 179 | </article> | 196 | </article> |
| 180 | </slide> | 197 | </slide> |
| 181 | 198 | ||