From 3126db0a460dcfa4bf7b51555180263c6e8832dd Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Wed, 5 Nov 2014 12:54:00 +0100 Subject: update order of default slides --- index.html | 177 +++++++++++++++++++++++++++++++------------------------------ 1 file changed, 89 insertions(+), 88 deletions(-) (limited to 'index.html') diff --git a/index.html b/index.html index 0fca2cb..98fc49b 100644 --- a/index.html +++ b/index.html @@ -102,86 +102,66 @@
-

Mobile Support

+

Touch Optimized

- Presentations work on touch devices such as phones and tablets. Simply swipe through your slides. + Presentations look great on touch devices, like mobile phones and tablets. Simply swipe through your slides.

-
-

Marvelous Unordered List

- -
- -
-

Fantastic Ordered List

-
    -
  1. One is smaller than...
    2. -
  2. Two is smaller than...
    3. -
  3. Three!
    4. -
-
- -
-

Superb Tables

- - - - - - - - - - - - - - - - - - - - - - - - - -
ItemValueQuantity
Apples$17
Lemonade$218
Bread$32
-
-
+
+
+

Fragments

+

Hit the next arrow...

+

... to step through ...

+
    +
  1. any type
    2. +
  2. of view
    3. +
  3. fragments
    4. +
+ + +
+
+

Fragment Styles

+

There's a few styles of fragments, like:

+

grow

+

shrink

+

roll-in

+

fade-out

+

highlight-red

+

current-visible

+

highlight-current-blue

+
+
+

Transition Styles

You can select from different transitions, like:
- Default - None - Fade - Slide - + Convex - Concave - Zoom

@@ -202,7 +182,7 @@

- * Theme demos are loaded after the presentation which leads to flicker. In production you should load your theme in the <head> using a <link>. + * Theme demos are loaded after the presentation which leads to flicker. In production you should load your theme in the <head> using a <link>.

@@ -212,12 +192,12 @@

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

-

Custom Events

+

State Events

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

@@ -243,7 +223,7 @@ Reveal.addEventListener( 'customevent', function() { 
<section data-background="image.png">
-

Repeated Image Backgrounds

+

Tile Backgrounds

<section data-background="image.png" data-background-repeat="repeat" data-background-size="100px">
@@ -258,10 +238,59 @@ Reveal.addEventListener( 'customevent', function() {

Background Transitions

- You can override background transitions per slide by using data-background-transition="slide". + You can override background transitions per slide by using data-background-transition="zoom".

+
+

Marvelous List

+ +
+ +
+

Fantastic Ordered List

+
    +
  1. One is smaller than...
    2. +
  2. Two is smaller than...
    3. +
  3. Three!
    4. +
+
+ +
+

Superb Tables

+ + + + + + + + + + + + + + + + + + + + + + + + + +
ItemValueQuantity
Apples$17
Lemonade$218
Bread$32
+
+

Clever Quotes

@@ -303,34 +332,6 @@ function linkify( selector ) {

-
-
-

Fragmented Views

-

Hit the next arrow...

-

... to step through ...

-
    -
  1. any type
    2. -
  2. of view
    3. -
  3. fragments
    4. -
- - -
-
-

Fragment Styles

-

There's a few styles of fragments, like:

-

grow

-

shrink

-

roll-in

-

fade-out

-

highlight-red

-

current-visible

-

highlight-current-blue

-
-
-

Spectacular image!

-- cgit v1.2.3