diff options
| -rw-r--r-- | README.md | 61 | ||||
| -rw-r--r-- | index.html | 6 | ||||
| -rw-r--r-- | plugin/remotes/remotes.js | 39 |
3 files changed, 32 insertions, 74 deletions
@@ -199,6 +199,34 @@ Reveal.configure({ autoSlide: 5000 }); ``` +### Presentation Size + +All presentations have a normal size, that is the resolution at which they are authored. The framework will automatically scale presentations uniformly based on this size to ensure that everything fits on any given display or viewport. + +See below for a list of configuration options related to sizing, including default values: + +```javascript +Reveal.initialize({ + + ... + + // The "normal" size of the presentation, aspect ratio will be preserved + // when the presentation is scaled to fit different resolutions. Can be + // specified using percentage units. + width: 960, + height: 700, + + // Factor of the display size that should remain empty around the content + margin: 0.1, + + // Bounds for smallest/largest possible scale to apply to content + minScale: 0.2, + maxScale: 1.5 + +}); +``` + + ### Dependencies Reveal.js doesn't _rely_ on any third party scripts to work but a few optional libraries are included by default. These libraries are loaded as dependencies in the order they appear, for example: @@ -222,9 +250,6 @@ Reveal.initialize({ // Speaker notes { src: 'plugin/notes/notes.js', async: true }, - // Remote control your reveal.js presentation using a touch device - { src: 'plugin/remotes/remotes.js', async: true }, - // MathJax { src: 'plugin/math/math.js', async: true } ] @@ -249,34 +274,6 @@ Reveal.addEventListener( 'ready', function( event ) { ``` -### Presentation Size - -All presentations have a normal size, that is the resolution at which they are authored. The framework will automatically scale presentations uniformly based on this size to ensure that everything fits on any given display or viewport. - -See below for a list of configuration options related to sizing, including default values: - -```javascript -Reveal.initialize({ - - ... - - // The "normal" size of the presentation, aspect ratio will be preserved - // when the presentation is scaled to fit different resolutions. Can be - // specified using percentage units. - width: 960, - height: 700, - - // Factor of the display size that should remain empty around the content - margin: 0.1, - - // Bounds for smallest/largest possible scale to apply to content - minScale: 0.2, - maxScale: 1.5 - -}); -``` - - ### Auto-sliding Presentations can be configured to progress through slides automatically, without any user input. To enable this you will need to tell the framework how many milliseconds it should wait between slides: @@ -682,7 +679,7 @@ When reveal.js runs inside of an iframe it can optionally bubble all of its even ```javascript window.addEventListener( 'message', function( event ) { var data = JSON.parse( event.data ); - if( data.namespace === 'reveal' && data.eventName ='slidechanged' ) { + if( data.namespace === 'reveal' && data.eventName ==='slidechanged' ) { // Slide changed, see data.state for slide number } } ); @@ -4,13 +4,13 @@ <head> <meta charset="utf-8"> - <title>reveal.js - The HTML Presentation Framework</title> + <title>reveal.js – The HTML Presentation Framework</title> <meta name="description" content="A framework for easily creating beautiful presentations using HTML"> <meta name="author" content="Hakim El Hattab"> - <meta name="apple-mobile-web-app-capable" content="yes" /> - <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> + <meta name="apple-mobile-web-app-capable" content="yes"> + <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"> diff --git a/plugin/remotes/remotes.js b/plugin/remotes/remotes.js deleted file mode 100644 index ba0dbad..0000000 --- a/plugin/remotes/remotes.js +++ /dev/null @@ -1,39 +0,0 @@ -/** - * Touch-based remote controller for your presentation courtesy - * of the folks at http://remotes.io - */ - -(function(window){ - - /** - * Detects if we are dealing with a touch enabled device (with some false positives) - * Borrowed from modernizr: https://github.com/Modernizr/Modernizr/blob/master/feature-detects/touch.js - */ - var hasTouch = (function(){ - return ('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch; - })(); - - /** - * Detects if notes are enable and the current page is opened inside an /iframe - * this prevents loading Remotes.io several times - */ - var isNotesAndIframe = (function(){ - return window.RevealNotes && !(self == top); - })(); - - if(!hasTouch && !isNotesAndIframe){ - head.ready( 'remotes.ne.min.js', function() { - new Remotes("preview") - .on("swipe-left", function(e){ Reveal.right(); }) - .on("swipe-right", function(e){ Reveal.left(); }) - .on("swipe-up", function(e){ Reveal.down(); }) - .on("swipe-down", function(e){ Reveal.up(); }) - .on("tap", function(e){ Reveal.next(); }) - .on("zoom-out", function(e){ Reveal.toggleOverview(true); }) - .on("zoom-in", function(e){ Reveal.toggleOverview(false); }) - ; - } ); - - head.js('https://hakim-static.s3.amazonaws.com/reveal-js/remotes.ne.min.js'); - } -})(window);
\ No newline at end of file |