Mercurial > hg > Members > masakoha > masa
diff 2014/DOCS/FORMAT.md @ 12:51fea74a9324
add some files
author | Masataka Kohagura <e085726@ie.u-ryukyu.ac.jp> |
---|---|
date | Tue, 14 Jan 2014 15:15:34 +0900 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/2014/DOCS/FORMAT.md Tue Jan 14 15:15:34 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 +