comments, tweaks and a new slide highlighting mobile support

diff --git a/index.html b/index.html
index b38e09401c98b37d6d90368cb64c95bfb3ebd035..8110fec93ebf3cb0bc8da3c0ae96716380b6e12d 100644 (file)
--- a/index.html
+++ b/index.html
@@ -89,6 +89,13 @@
                                        </p>
                                </section>
 
+                               <section>
+                                       <h2>Works in Mobile Safari</h2>
+                                       <p>
+                                               Try it out! You can swipe through the slides pinch your way to the overview.
+                                       </p>
+                               </section>
+
                                <section>
                                        <h2>Transition Styles</h2>
                                        <p>
@@ -251,13 +258,13 @@ linkify( 'a' );
                        <div class="progress"><span></span></div>
                        
                </div>
-               
-               <script src="js/reveal.js"></script>
 
                <!-- Optional libraries for code syntax highlighting and classList support in IE9 -->
                <script src="lib/highlight.js"></script>
                <script src="lib/classList.js"></script>
                
+               <script src="js/reveal.js"></script>
+               
                <script>
                        // Parse the query string into a key/value object
                        var query = {};

diff --git a/js/reveal.js b/js/reveal.js
index 33b58cf5a7dd90810b919e5f6bef4e83e86d939d..b39ec33627cab8c902da4b89fe3c320edf673d0f 100644 (file)
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -37,17 +37,20 @@ var Reveal = (function(){
                dom = {},
 
                // Detect support for CSS 3D transforms
-               supports3DTransforms =  document.body.style['perspectiveProperty'] !== undefined ||
-                                                               document.body.style['WebkitPerspective'] !== undefined || 
+               supports3DTransforms =  document.body.style['WebkitPerspective'] !== undefined || 
                                        document.body.style['MozPerspective'] !== undefined ||
                                        document.body.style['msPerspective'] !== undefined ||
-                                       document.body.style['OPerspective'] !== undefined,
+                                       document.body.style['OPerspective'] !== undefined ||
+                                       document.body.style['perspective'] !== undefined,
         
-        supports2DTransforms =  document.body.style['transformProperty'] !== undefined ||
-                                                               document.body.style['WebkitTransform'] !== undefined || 
+        supports2DTransforms =  document.body.style['WebkitTransform'] !== undefined || 
                                        document.body.style['MozTransform'] !== undefined ||
                                        document.body.style['msTransform'] !== undefined ||
-                                       document.body.style['OTransform'] !== undefined,
+                                       document.body.style['OTransform'] !== undefined ||
+                                       document.body.style['transform'] !== undefined,
+
+        // Detect support for elem.classList
+        supportsClassList = !!document.body.classList;
                
                // Throttles mouse wheel navigation
                mouseWheelTimeout = 0,
@@ -72,10 +75,10 @@ var Reveal = (function(){
         */
        function initialize( options ) {
                
-               if( !supports2DTransforms && !supports3DTransforms ) {
+               if( ( !supports2DTransforms && !supports3DTransforms ) || !supportsClassList ) {
                        document.body.setAttribute( 'class', 'no-transforms' );
 
-                       // If the browser doesn't support transforms we won't be 
+                       // If the browser doesn't support core features we won't be 
                        // using JavaScript to control the presentation
                        return;
                }
@@ -95,6 +98,26 @@ var Reveal = (function(){
                // Copy options over to our config object
                extend( config, options );
 
+               // Updates the presentation to match the current configuration values
+               configure();
+
+               // Read the initial hash
+               readURL();
+
+               // Set up hiding of the browser address bar
+               if( navigator.userAgent.match( /(iphone|ipod|android)/i ) ) {
+                       // Give the page some scrollable overflow
+                       document.documentElement.style.overflow = 'scroll';
+                       document.body.style.height = '120%';
+
+                       // Events that should trigger the address bar to hide
+                       window.addEventListener( 'load', removeAddressBar, false );
+                       window.addEventListener( 'orientationchange', removeAddressBar, false );
+               }
+               
+       }
+
+       function configure() {
                // Fall back on the 2D transform theme 'linear'
                if( supports3DTransforms === false ) {
                        config.transition = 'linear';
@@ -125,21 +148,6 @@ var Reveal = (function(){
                        // Add some 3D magic to our anchors
                        linkify();
                }
-
-               // Read the initial hash
-               readURL();
-
-               // Set up hiding of the browser address bar
-               if( navigator.userAgent.match( /(iphone|ipod|android)/i ) ) {
-                       // Give the page some scrollable overflow
-                       document.documentElement.style.overflow = 'scroll';
-                       document.body.style.height = '120%';
-
-                       // Events that should trigger the address bar to hide
-                       window.addEventListener( 'load', removeAddressBar, false );
-                       window.addEventListener( 'orientationchange', removeAddressBar, false );
-               }
-               
        }
 
        function addEventListeners() {
@@ -178,6 +186,13 @@ var Reveal = (function(){
                }
        }
 
+       /**
+        * Measures the distance in pixels between point a
+        * and point b. 
+        * 
+        * @param {Object} a point with x/y properties
+        * @param {Object} b point with x/y properties
+        */
        function distanceBetween( a, b ) {
                var dx = a.x - b.x,
                        dy = a.y - b.y;