From 96b26514e6d397aba6b39589d510548ddb281fb8 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Fri, 12 Dec 2014 15:52:25 +0100 Subject: [PATCH] default content update; remove image slide, add two new slides --- README.md | 2 +- index.html | 108 ++++++++++++++++++++++++++++------------------------- 2 files changed, 59 insertions(+), 51 deletions(-) diff --git a/README.md b/README.md index 703fa072..4c040cf4 100644 --- a/README.md +++ b/README.md @@ -617,7 +617,7 @@ The framework comes with a few different themes included: - simple: White background, black text, blue links - solarized: Cream-colored background, dark green text, blue links -Each theme is available as a separate stylesheet. To change theme you will need to replace **default** below with your desired theme name in index.html: +Each theme is available as a separate stylesheet. To change theme you will need to replace **black** below with your desired theme name in index.html: ```html diff --git a/index.html b/index.html index 012ebe65..6a8bd6dc 100644 --- a/index.html +++ b/index.html @@ -53,10 +53,6 @@

reveal.js is a framework that enables you to create beautiful presentations using HTML. This demo presentation will tell you more about what you can do with it.

- - @@ -184,27 +180,6 @@

-
-

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 lets you - apply broader style changes, like switching the page background. -

-
- -
-

State Events

-

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

- 

-Reveal.addEventListener( 'customevent', function() {
-	console.log( '"customevent" has fired' );
-} );
-
-
-

Slide Backgrounds

@@ -247,6 +222,27 @@ Reveal.addEventListener( 'customevent', function() { 
<section data-background-transition="zoom">
+
+

Pretty Code

+ 

+function linkify( selector ) {
+  if( supports3DTransforms ) {
+
+    var nodes = document.querySelectorAll( selector );
+
+    for( var i = 0, len = nodes.length; i < len; i++ ) {
+      var node = nodes[i];
+
+      if( !node.className ) {
+        node.className += ' roll';
+      }
+    }
+  }
+}
+
+

Courtesy of highlight.js.

+
+

Marvelous List

    @@ -308,27 +304,6 @@ Reveal.addEventListener( 'customevent', function() {
-
-

Pretty Code

- 

-function linkify( selector ) {
-  if( supports3DTransforms ) {
-
-    var nodes = document.querySelectorAll( selector );
-
-    for( var i = 0, len = nodes.length; i < len; i++ ) {
-      var node = nodes[i];
-
-      if( !node.className ) {
-        node.className += ' roll';
-      }
-    }
-  }
-}
-
-

Courtesy of highlight.js.

-
-

Intergalactic Interconnections

@@ -338,10 +313,13 @@ function linkify( selector ) {

-

Spectacular image!

- - Meny - +

Speaker View

+

There's a speaker view. It includes a timer, preview of the upcoming slide as well as your speaker notes.

+

Press the S key to try it out.

+ +
@@ -353,6 +331,27 @@ function linkify( selector ) {
+
+

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 lets you + apply broader style changes, like switching the page background. +

+
+ +
+

State Events

+

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

+ 

+Reveal.addEventListener( 'customevent', function() {
+	console.log( '"customevent" has fired' );
+} );
+
+
+

Take a Moment

@@ -360,6 +359,15 @@ function linkify( selector ) {

+
+

Much more

+ +
+

Stellar Links