open:reveal.js-example


~~REVEAL theme=moon&transition=convex&controls=1&showprogressbar=0&buildalllists=0&showimageborders=1&horizontalslidelevel=2&enlargeverticalslideheaders=1&showslidedetails=1&openinnewwindow=1&size=1024×768~~

Footer content here.

no-footer

Reveal.js Test

This is a test suite for the Reveal.js plugin.

<notes>
These are notes. They are only shown on the wiki page.

  • Lists in notes are always NOT incremental
  • This is because you would have to press for each list entry the next button without seeing anything

echo 'Hello World'; // code block inside notes

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labor
</notes>

—→

quote

<fragment>alert size</fragment>
<fragment>lo size</fragment>
<fragment>hi size</fragment>

←—

Test, if an H3 section following an H1 section is appended horizontally or vertically.

Header level test

Test, if an H4 section opens a new slide. Should not the case for horizontalslidelevel = 2

—→

>

---- salmon wiki:dokuwiki-128.png 10% repeat bg-slide ---->

—- salmon wiki:dokuwiki-128.png 10% repeat bg-slide no-footer —→

<notes>
This slide has no content, but therefore a fancy background…
</notes>

—→

—- orange bg-zoom —→

---- orange bg-zoom ---->

—→

This could be a slide without content, not possible in header driven mode…

—→

>

Horizontal

---->>

Horizontal

—→

>

Horizontal again and stopping special hr driven mode

---->>

Horizontal again and stopping special hr driven mode

<----

←—

If you disable the cache for the page, then you are able to change the options direct in the URL.

In case your theme does not match the environment for the presentation you can fix this very fast without editing the page.

For this page/presentation the option buildalllists is switched on - the list is therefore shown incremental:

  • Unordered list, item one
  • Another item
    • Ordered sublist
    • Another sublist item
  • A third item for testing

<fragment>text</fragment>

<fragment>Hit the next arrow…</fragment>

<fragment>… to step through …</fragment>

<fragment>… a</fragment> <fragment>fragmented</fragment> <fragment>slide.</fragment>

Inline Fragments supporting only formatting and substitutions:

<fragment>
DokuWiki supports bold, italic, underlined and monospaced texts.
</fragment>

<fragment>
Of course you can combine all these. 8-)
</fragment>

<fragment>
You can use subscript and superscript, too.
</fragment>

<fragment>
You can mark something as deleted as well.
</fragment>

With <fragment-block> you have more or less no limits:

<fragment-block 2>
<fragment-block 2>



This comes second :-)
</fragment-block>

<fragment-block 1>
<fragment-block 1>

$number = intval($test); //this comes first :-)

</fragment-block>

<fragment-list> overwrites the global option buildalllists:

<fragment-list>

  • List item 1
  • List item 2
  • List item 3

</fragment-list>

<no-fragment-list> overwrites also the global option buildalllists:

<no-fragment-list>

  • List item 1
  • List item 2
  • List item 3

</no-fragment-list>

no-footer

<fragment StyleName>

<fragment-block grow>grow</fragment-block>

<fragment-block shrink>shrink</fragment-block>

<fragment fade-out>fade-out</fragment>

<fragment-block fade-up>fade-up (also down, left and right!)</fragment-block>

<fragment current-visible>current-visible</fragment>

<fragment highlight-current-red>highlight-current-red (blue, green)</fragment>

Highlight <fragment highlight-red>red</fragment> <fragment highlight-blue>blue</fragment> <fragment highlight-green>green</fragment>

<fragment>Attention: grow, shrink, fade-up/-down/-left/-right

are only working with <fragment-block></fragment>

orange no-footer

{{background>orange}}

This slide has black background.

no-footer

This is the original example from the DokuWiki syntax description. For Reveal we suppress the nesting, because the quotes are shown in a different way:

I think we should do it

No we shouldn't
Well, I say we should
Really?
Yes!
Then lets do it!

Inline math: $\int f dx$

Display math
$$ \int f dx $$

Inline this is code

Downloadable Snippet

from antigravity import *
for k in range(10):
    print(k)

snippet.python
from antigravity import *
for k in range(10):
    print(k)

Not Downloadable Snippet

from antigravity import *
for k in range(10):
    print(k)

#!/bin/bash
ls -l
echo "hello world"

for k in range(10)
this is nothing
reject this

first line
second line
third line
head 1 head 2
line1 line 2
line11 line 22

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labor

uiQsTa

  • 리스트를 입력하면
  • 어디로 나오는지
  • 확인 해 보자.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labor


Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labor

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labor

Depends on the Wrap Plugin

Normal size and small size

normal normal normal

small block small block small block

Normal size and <fragment>small size</fragment>

normal normal normal

small block small block <fragment highlight-red>small block</fragment>

Interwiki link djvu_support

WWW link www.google.de

no-footer
:wiki:dokuwiki-128.png orange

H1 With Background

Test, if background is not applied to nested slides

Test, if background is not applied to the next horizontal slide