Mercurial > hg > Papers > 2014 > nobuyasu-master
diff slides/DOCS/FORMAT.md @ 77:bd73f0e1cdd4
Added slides
author | Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Mon, 03 Feb 2014 08:40:32 +0900 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/slides/DOCS/FORMAT.md Mon Feb 03 08:40:32 2014 +0900 @@ -0,0 +1,80 @@ +# S6 Format + + +## Media Types + +S6 supports out-of-the box three media types, that is, `projection`, `screen` and `print`: + +* `projection` => display one slide at-a-time; (use option `mode: slideshow`) +* `screen` => display all slides at-once on screen; (use option `mode: outline`) +* `print` => print (and print preview) + +Note: Only the Opera browser has built-in support for `projection`. +On other browsers S6 uses JavaScript to switch `projection` to `screen` on startup. + + +## Structure, CSS Classes + + .presentation + .slide + .step + .notes + .extra + +### Core Classes + +`.presentation` (alias `.deck`, `.slides`) + +Top level class for all slides + +`.slide` + +Marks a slide + +`.step` (alias `.incremental`, `.delayed`, `.action`, `.build`) + +Marks a slide step. Shortcut Tip: If a list gets marked up with `.step`, +all its children get marked up automatically. + + +### Extras + +`.notes` (alias `.note`, `.handout`) + +Marks speaker notes. + +`.extra` + +Marks extra text for print only. + + + +## Styling and Slide Types + +### Slide Types/Layouts + +* fullscreen +* hidden + +### Font Size + +Absolute: + +* xx-large +* x-large +* large +* small +* x-small +* xx-small + +Relative: + +* larger +* smaller + +### Alignment + +* right +* center +* left +