diff --git a/css/reveal.css b/css/reveal.css index 6e2361bd42afa13d4747b133d79aac477dc507c1..ad2e33e46837ad446d1220a8d5fd694bfee1db94 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -1150,3 +1150,35 @@ body { } +/********************************************* + * ZOOM PLUGIN + *********************************************/ + +.zoomed .reveal *, +.zoomed .reveal *:before, +.zoomed .reveal *:after { + -webkit-transform: initial !important; + -moz-transform: initial !important; + -ms-transform: initial !important; + transform: initial !important; + + -webkit-backface-visibility: initial !important; + -moz-backface-visibility: initial !important; + -ms-backface-visibility: initial !important; + backface-visibility: initial !important; +} + +.zoomed .reveal .progress, +.zoomed .reveal .controls { + opacity: 0; +} + +.zoomed .reveal .roll span { + background: none; +} + +.zoomed .reveal .roll span:after { + visibility: hidden; +} + + diff --git a/index.html b/index.html index 89398c14dcc4e99aba620816628e06bdb03df978..de0637c21950df826cf9e8946fc6e5ff046b0554 100644 --- a/index.html +++ b/index.html @@ -38,6 +38,9 @@ <section> <h1>Reveal.js</h1> <h3>HTML Presentations Made Easy</h3> + <p> + <small>Created by <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small> + </p> </section> <section> @@ -46,9 +49,6 @@ reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with support for CSS 3D transforms to see it in its full glory. </p> - <p> - <i><small>- <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small></i> - </p> <aside class="notes"> Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard). diff --git a/plugin/zoom-js/zoom.js b/plugin/zoom-js/zoom.js index 0ca387509aa40b7c12c855bce51a6aefd567639c..6b29f56e186197a264bfa90dd71877f4f668072b 100644 --- a/plugin/zoom-js/zoom.js +++ b/plugin/zoom-js/zoom.js @@ -111,6 +111,13 @@ var zoom = (function(){ } level = scale; + + if( level !== 1 && document.documentElement.classList ) { + document.documentElement.classList.add( 'zoomed' ); + } + else { + document.documentElement.classList.remove( 'zoomed' ); + } } /**