Improve Slide show (section, fragment, navigation, ...)

[cmoulliard]

As discussed here, we suffer for the moment to propose a too basic way to split HTML pages into slides (based on title with level ==). To improve the situation, here are some suggestions after reviewing RevealJS, Slidy, LandSlide, DeckJS

• Section or Slide attribute is a good name as they are used by different slideshows solutions
• Ideally, we should add it like as a block before each slide creation : [section: attribute(s)] as it will correspond to a
• Attributes to be supported for a section/slide
  • transition : horizontal, vertical, fade, ...
  • transition-style : default, fade, none, ...
  • transition : theme
  • transition-speed : fast, slow
  • image-background or data-background : css color or image

[section: transition=horizontal, transition-speed=fast]

Remark : The section starts with a a section block and ends when a new section block is defined late on

• Within a section, we should support [fragment](also called incremental by others) where
  • navigation : left, right, top, bottom define how the fragment will appear

[fragment: navigation=right]

There are certainly others properties that we should define globally like :

• Timing presentation
• width,height,margin
• autoslide (millisecond, second for transitions)
• history : to register slides in history of the browser
• Keyboard
• Keyboards binding (Table Of Content, Menu, Goto, Full Screen, ...)
• More info here from reveal project