comparison 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
comparison
equal deleted inserted replaced
11:e9b216ab3878 12:51fea74a9324
1 # S6 Format
2
3
4 ## Media Types
5
6 S6 supports out-of-the box three media types, that is, `projection`, `screen` and `print`:
7
8 * `projection` => display one slide at-a-time; (use option `mode: slideshow`)
9 * `screen` => display all slides at-once on screen; (use option `mode: outline`)
10 * `print` => print (and print preview)
11
12 Note: Only the Opera browser has built-in support for `projection`.
13 On other browsers S6 uses JavaScript to switch `projection` to `screen` on startup.
14
15
16 ## Structure, CSS Classes
17
18 .presentation
19 .slide
20 .step
21 .notes
22 .extra
23
24 ### Core Classes
25
26 `.presentation` (alias `.deck`, `.slides`)
27
28 Top level class for all slides
29
30 `.slide`
31
32 Marks a slide
33
34 `.step` (alias `.incremental`, `.delayed`, `.action`, `.build`)
35
36 Marks a slide step. Shortcut Tip: If a list gets marked up with `.step`,
37 all its children get marked up automatically.
38
39
40 ### Extras
41
42 `.notes` (alias `.note`, `.handout`)
43
44 Marks speaker notes.
45
46 `.extra`
47
48 Marks extra text for print only.
49
50
51
52 ## Styling and Slide Types
53
54 ### Slide Types/Layouts
55
56 * fullscreen
57 * hidden
58
59 ### Font Size
60
61 Absolute:
62
63 * xx-large
64 * x-large
65 * large
66 * small
67 * x-small
68 * xx-small
69
70 Relative:
71
72 * larger
73 * smaller
74
75 ### Alignment
76
77 * right
78 * center
79 * left
80