diff --git a/css/main.css b/css/main.css index d45c0a5..a9508ca 100644 --- a/css/main.css +++ b/css/main.css @@ -182,7 +182,7 @@ html { text-align: left; font-size: 14px; font-family: monospace; - line-height: 1.1em; + line-height: 1.2em; word-wrap: break-word; diff --git a/index.html b/index.html index 0e30911..7f291cf 100644 --- a/index.html +++ b/index.html @@ -28,11 +28,10 @@

Reveal.js

-

A CSS 3D Slideshow

+

CSS 3D Presentations

@@ -95,6 +94,7 @@
  • Cube
  • Page
  • Concave
  • +
  • Linear
  • @@ -148,11 +148,10 @@

    Additionally custom events can be triggered on a per slide basis by binding to the data-state name.

    -

    - document.addEventListener('customevent', function(){
    - alert('event has fired');
    - }); -

    +
    document.addEventListener( 'customevent', function() {
    +	alert( '"customevent" has fired' );
    +} );
    +					
    @@ -170,27 +169,27 @@

    Pretty Code

    
    -	var supports3DTransforms =  document.body.style['webkitPerspective'] !== undefined || 
    -					document.body.style['MozPerspective'] !== undefined ||
    -					document.body.style['perspective'] !== undefined;
    +var supports3DTransforms =  document.body.style['webkitPerspective'] !== undefined || 
    +				document.body.style['MozPerspective'] !== undefined ||
    +				document.body.style['perspective'] !== undefined;
     
    -	function linkify( selector ) {
    -	    if( supports3DTransforms ) {
    -	        
    -	        var nodes = document.querySelectorAll( selector );
    +function linkify( selector ) {
    +    if( supports3DTransforms ) {
    +        
    +        var nodes = document.querySelectorAll( selector );
     
    -	        for( var i = 0, len = nodes.length; i < len; i++ ) {
    -	            var node = nodes[i];
    +        for( var i = 0, len = nodes.length; i < len; i++ ) {
    +            var node = nodes[i];
     
    -	            if( !node.className || !node.className.match( /roll/g ) ) {
    -	                node.className += ' roll';
    -	                node.innerHTML = '' + node.innerHTML + '';
    -	            }
    -	        };
    -	    }
    -	}
    +            if( !node.className || !node.className.match( /roll/g ) ) {
    +                node.className += ' roll';
    +                node.innerHTML = '' + node.innerHTML + '';
    +            }
    +        };
    +    }
    +}
     
    -	linkify( 'a' );
    +linkify( 'a' );
     					

    Courtesy of highlight.js.

    @@ -262,9 +261,9 @@ query[ a.split( '=' ).shift() ] = a.split( '=' ).pop(); } ); - document.addEventListener('customevent', function(){ - alert('event has fired'); - }); + document.addEventListener( 'customevent', function() { + alert( '"customevent" has fired' ); + } ); Reveal.initialize({ // Display controls in the bottom right corner