now capturing data-state on slides and lifting it to document element classList when slide is open

1 files changed, 12 insertions, 3 deletions

diff --git a/index.html b/index.html
index 9db7802..906376d 100644
--- a/index.html
+++ b/index.html
@@ -79,7 +79,7 @@
 				<section>
 					<h2>Holistic Overview</h2>
 					<p>
-						Press <strong>SPACE</strong> to enter the slide overview.
+						Press <strong>SPACE</strong> to enter the slide overview!
 					</p>
 				</section>
 
@@ -94,7 +94,7 @@
 						<li><a href="http://lab.hakim.se/reveal-js/?transition=concave">Concave</a></li>
 					</ul>
 				</section>
-					
+
 				<section>
 					<h2>Marvelous Unordered List</h2>
 					<ul>
@@ -114,6 +114,15 @@
 					</ol>
 				</section>
 
+				<section data-state="blur">
+					<h2>Global State</h2>
+					<p>
+						If you set <code>data-state="something"</code> on a slide, <code>"something"</code>
+						will be added as a class to the document element when the slide is open. Like the <code>"blur"</code> 
+						effect on this slide.
+					</p>
+				</section>
+
 				<section>
 					<h2>Clever Quotes</h2>
 					<p>
@@ -213,7 +222,7 @@
 		<!-- Optional libraries for code syntax highlighting and classList support in IE9 -->
 		<script src="lib/highlight.js"></script>
 		<script src="lib/classList.js"></script>
-
+		
 		<script>
 			// Parse the query string into a key/value object
 			var query = {};