Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
---
history: True
---
# Slide Columns
## Mechanisms
- Header 3 markers (`###`)
- Box classes
## Header 3 Markers
## Syntax
- Each H3 mark starts a new column
- Columns are generated as DIVs
###
## Semantics
- The slide header is not part of the columns
- Columns vertically span the entire slide
- Space is equally distributed between all columns
------
# Box Classes
## Intro
- No columns here
## Syntax {.split}
- Box headers (H2) are marked with CSS classes
- `split` starts 2 columns
- `join` forces 1 column
## Semantics
- CSS3 column attributes are used for breaking
- Breaks occur on box borders
## Outro {.join}
- No columns here
------
# Box Classes
- No columns here
- But possibly very long lines, longer than any column is wide
## Syntax {.split}
- Box headers (H2) are marked with CSS classes
- `split` starts 2 columns
- `join` forces 1 column
## Image
------
# Floating Images
{.float-right width="50%"}
## No Columns
- But floating images that
- force text to flow around them
## Long Long Lines
- Which results in quite pleasant looking layouts
- Space utilization appears to be maximized
- The same could be built for boxes that have a fixed width