From e87d68923169cdff32c2ddf97981d2c7ac9efd2f Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Sun, 28 Oct 2012 23:55:19 -0400
Subject: [PATCH] content now re-renders after alt+click zoom (closes #195)

---
 css/reveal.css         | 32 ++++++++++++++++++++++++++++++++
 index.html             |  6 +++---
 plugin/zoom-js/zoom.js |  7 +++++++
 3 files changed, 42 insertions(+), 3 deletions(-)

diff --git a/css/reveal.css b/css/reveal.css
index 6e2361bd..ad2e33e4 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 89398c14..de0637c2 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 0ca38750..6b29f56e 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' );
+		}
 	}
 
 	/**