Title Slide

Slide One

Some list using colors:

  • Foo: color given by an overload of the CSS selectors .reveal strong, .reveal b

  • Bar: color given by the CSS selector .CYAN (check styles/myCustomCSS.css)

  • and an icon

Be careful, styles loaded through :customcss: attribute will only be available in reveal.js slides (not in Asciidoctor HTML5 rendering)

Slide Two

Hello World - Good Bye VERY Cruel World

Slide Three

Is very yellow

And here is some text!

Nice background!

Nice background!

Zoom zoom

This slide will override the presentation transition and zoom!

Speed

Choose from three transition speeds: default, fast or slow!

Slide Four

  • this

  • is

  • revealed

  • gradually

Trains, we love trains!

Slide Five

Uses highlighted code

print "Hello World"

Slide Five

print "$0: hello world\n"
import java.util.Date;
class DateApp {
    public static void main(String args[]) {
        Date today = new Date();
        System.out.println(today);
    }
}

Slide Six

Top slide

Slide Six.One

This is a vertical subslide

Main section

Sub Section

Small
Multiline
intro

  1. very

  2. long

  3. list

  4. of

  5. items

Some overview diagram
A breaking point === ! was used to display it in a single slide.

Detailed view diagram

Slide Fragments using raw HTML / reveal.js

Appears last

Appears first

Appears second

Table and tableblock class with raw HTML / reveal.js

read

edit

version

share

convert

Slide using icons

As usual with Asciidoctor: / /

Images positioning

Inline image float left

Just some text before the image
Mountain And here is some text after the image

Inline image float right

Just some text before the image
Mountain And here is some text after the image

Inline image float center

Just some text before the image
Mountain And here is some text after the image

block image float left, align center

Just some text before the image

Tiger

And here is some text after the image

Slides using some admonition blocks

Here is a TIP block with a bold element !

And here is some code text !