diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 48 |
1 files changed, 42 insertions, 6 deletions
@@ -20,9 +20,15 @@ <!-- For syntax highlighting --> <link rel="stylesheet" href="lib/css/zenburn.css"> - <!-- If the query includes 'print-pdf', use the PDF print sheet --> + <!-- If the query includes 'print-pdf', include the PDF print sheet --> <script> - document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' ); + if( window.location.search.match( /print-pdf/gi ) ) { + var link = document.createElement( 'link' ); + link.rel = 'stylesheet'; + link.type = 'text/css'; + link.href = 'css/print/pdf.css'; + document.getElementsByTagName( 'head' )[0].appendChild( link ); + } </script> <!--[if lt IE 9]> @@ -64,7 +70,7 @@ Slides can be nested inside of other slides, try pressing <a href="#" class="navigate-down">down</a>. </p> - <a href="#" class="image navigate-down"> + <a href="#" class="navigate-down"> <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow"> </a> </section> @@ -82,7 +88,7 @@ <section> <h2>Basement Level 3</h2> <p>That's it, time to go back up.</p> - <a href="#/2" class="image"> + <a href="#/2"> <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(180deg);"> </a> </section> @@ -131,6 +137,36 @@ </ol> </section> + <section> + <h2>Superb Tables</h2> + <table> + <thead> + <tr> + <th>Item</th> + <th>Value</th> + <th>Quantity</th> + </tr> + </thead> + <tbody> + <tr> + <td>Apples</td> + <td>$1</td> + <td>7</td> + <tr> + <tr> + <td>Lemonade</td> + <td>$2</td> + <td>18</td> + <tr> + <tr> + <td>Bread</td> + <td>$3</td> + <td>2</td> + <tr> + </tbody> + </table> + </section> + <section data-markdown> <script type="text/template"> ## Markdown support @@ -210,7 +246,7 @@ Reveal.addEventListener( 'customevent', function() { <p> Set <code>data-background="#007777"</code> on a slide to change the full page background to the given color. All CSS color formats are supported. </p> - <a href="#" class="image navigate-down"> + <a href="#" class="navigate-down"> <img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow"> </a> </section> @@ -311,7 +347,7 @@ function linkify( selector ) { <section> <h2>Spectacular image!</h2> - <a class="image" href="http://lab.hakim.se/meny/" target="_blank"> + <a href="http://lab.hakim.se/meny/" target="_blank"> <img width="320" height="299" src="http://s3.amazonaws.com/hakim-static/portfolio/images/meny.png" alt="Meny"> </a> </section> |