|
70
|
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
|
