From f59e64a5711fcc90afe6c396f3ccd4e7a59afa9f Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Wed, 4 Apr 2012 00:59:35 -0400 Subject: better example of state usage --- index.html | 40 +++++++++++++++++++++++++++------------- 1 file changed, 27 insertions(+), 13 deletions(-) (limited to 'index.html') diff --git a/index.html b/index.html index e67b3e8..22b159a 100644 --- a/index.html +++ b/index.html @@ -20,6 +20,9 @@
+ + +
@@ -114,13 +117,30 @@ -
-

Global State

-

- If you set data-state="something" on a slide, "something" - will be added as a class to the document element when the slide is open. Like the "blur" - effect on this slide. -

+
+
+

Global State

+

+ Set data-state="something" on a slide and "something" + will be added as a class to the document element when the slide is open. This let's you + apply broader style changes, like switching the background. +

+ + + +
+
+

"blackout"

+ + + +
+
+

"soothe"

+ + + +
@@ -253,12 +273,6 @@ transition: query.transition || 'default' // default/cube/page/concave/linear(2d) }); - // Example of binding an event to a state. This listener will trigger - // when the slide with 'data-state="blurred"' is opened. - document.addEventListener( 'blurred', function() { - - }, false ); - hljs.initHighlightingOnLoad(); -- cgit v1.2.3