diff options
Diffstat (limited to 'README.md')
| -rw-r--r-- | README.md | 36 |
1 files changed, 32 insertions, 4 deletions
@@ -92,7 +92,7 @@ Reveal.initialize({ rollingLinks: true, // Transition style - transition: 'default' // default/cube/page/concave/zoom/linear/none + transition: 'default' // default/cube/page/concave/zoom/linear/fade/none }); ``` @@ -234,7 +234,7 @@ Multiple fragments can be applied to the same element sequentially by wrapping i ```html <section> - <span class="fragment fade-out"> + <span class="fragment fade-in"> <span class="fragment fade-out">I'll fade in, then out</span> </span> </section> @@ -256,7 +256,15 @@ Reveal.addEventListener( 'fragmenthidden', function( event ) { ### Overview mode Press "Esc" key to toggle the overview mode on and off. While you're in this mode, you can still navigate between slides, -as if you were at 1,000 feet above your presentation. +as if you were at 1,000 feet above your presentation. The overview mode comes with a few API hooks: + +```javascript +Reveal.addEventListener( 'overviewshown', function( event ) { /* ... */ } ); +Reveal.addEventListener( 'overviewhidden', function( event ) { /* ... */ } ); + +// Toggle the overview mode programmatically +Reveal.toggleOverview(); +``` ### Fullscreen mode Just press »F« on your keyboard to show your presentation in fullscreen mode. Press the »ESC« key to exit fullscreen mode. @@ -309,6 +317,26 @@ Then: 3. Run ```node plugin/notes-server``` +## Theming + +The framework comes with a few different themes included: + +- default: Gray background, white text, blue links +- beige: Beige background, dark text, brown links +- sky: Blue background, thin white text, blue links +- night: Black background, thick white text, orange links +- serif: Cappuccino background, gray text, brown links +- simple: White background, black text, blue links + +Each theme is available as a separate stylesheet. To change theme you will need to replace **default** below with your desired theme name in index.html: + +```html +<link rel="stylesheet" href="css/theme/default.css" id="theme"> +``` + +If you want to add a theme of your own see the instructions here: [/css/theme/README.md](https://github.com/hakimel/reveal.js/blob/master/css/theme/README.md). + + ## Development Environment reveal.js is built using the task-based command line build tool [grunt.js](http://gruntjs.com) ([installation instructions](https://github.com/gruntjs/grunt#installing-grunt)). With Node.js and grunt.js installed, you need to start by running ```npm install``` in the reveal.js root. When the dependencies have been installed you should run ```grunt watch``` to start monitoring files for changes. @@ -326,5 +354,5 @@ If you want to customise reveal.js without running grunt.js you can alter the HT MIT licensed -Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se +Copyright (C) 2011-2013 Hakim El Hattab, http://hakim.se |