diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 19 |
1 files changed, 18 insertions, 1 deletions
@@ -15,7 +15,7 @@ <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> - <link rel="stylesheet" href="css/theme/default.css"> + <link rel="stylesheet" href="css/theme/default.css" id="theme"> <!-- For syntax highlighting --> <link rel="stylesheet" href="lib/css/zenburn.css"> @@ -152,6 +152,22 @@ </section> <section> + <h2>Themes</h2> + <p> + Reveal.js comes with a few themes built in: <br> + <a href="http://lab.hakim.se/reveal-js/?theme=sky">Sky</a> | + <a href="http://lab.hakim.se/reveal-js/?theme=beige">Beige</a> | + <a href="http://lab.hakim.se/reveal-js/?theme=simple">Simple</a> | + <a href="http://lab.hakim.se/reveal-js/">Default</a> + </p> + <p> + <small> + * Theme demos are loaded after the presentation which leads to flicker. In production you should load your theme in the <code><head></code> using a <code><link></code>. + </small> + </p> + </section> + + <section> <section data-state="alert"> <h2>Global State</h2> <p> @@ -296,6 +312,7 @@ function linkify( selector ) { progress: true, history: true, + theme: Reveal.getQueryHash().theme || 'default', // available themes are in /css/theme transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/linear(2d) // Optional libraries used to extend on reveal.js |