-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathtemplate.html
200 lines (160 loc) · 4.7 KB
/
template.html
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="style.css" type="text/css" />
<script src="Hyphenator.js" type="text/javascript"></script>
</head>
<!-- class hyphenate to let Hyphenator hyphenate.. -->
<body class="hyphenate">
<h1>Exemplar Arcanum: Lipsum</h1>
<div class="two-columns">
<p class="dropcap">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cras non euismod erat. Duis eget est in velit laoreet rutrum.
Suspendisse mollis sed libero eget dapibus. Mauris vestibulum,
ante sit amet mollis facilisis, dolor leo congue augue, sit ame
vestibulum purus neque quis diam. Nulla varius mollis finibus.
</p>
<p>
Nam dolor mauris, condimentum a neque vitae, eleifend interdum dolor.
</p>
<label class="table-header">
This is the table label that labels the table
<table>
<tr>
<th>
Character Level
</th>
<th>
Feature
</th>
</tr>
<tr>
<td>
3rd
</td>
<td>
Mauris vestibulum
</td>
</tr>
<tr>
<td>
6rd
</td>
<td>
Praesent dui risus (2d8)
</td>
</tr>
<tr>
<td>
12rd
</td>
<td>
Nulla auctor viverra orci (3d8)
</td>
</tr>
</table>
</label>
<h2>Subsection: Does not span</h2>
<p>
Donec nisl mi, dictum at sapien aliquet, efficitur iaculis odio.
Morbi at semper nisl, in ultrices nibh. Nunc venenatis scelerisque erat,
iaculis semper dolor fringilla sed.
</p>
<div class="readaloud">
Text in boxes like these are meant to be read aloud or paraphrased to
players as they first arrive at a location or given specific conditions
described in the text.
</div>
<h3>About sub-subs</h3>
<div class="opening-flavour">
Sub-subs, h3s, or sections of sections of chapters perhaps
</div>
<p>
Fusce vehicula placerat ullamcorper.
Praesent dui risus, interdum at eros sit amet, mattis volutpat nunc.
</p>
<p>
You can sub-divide sections even further to explain more minor point.
Like if you want to explain about different kinds of movement.
</p>
<h4>Burrow</h4>
<p>
Curabitur rutrum non diam in eleifend.
</p>
<h4>Climb</h4>
<p>
Nulla gravida dui et ipsum iaculis eleifend.
</p>
<h4>Fly</h4>
<p>
Aenean volutpat, nisi in pellentesque consectetur, dui mauris tempor
sapien, non volutpat quam quam id arcu.
</p>
<p>
Below is a list of some creatures that can fly:
</p>
<p>
<strong>Unladen Swallows</strong> can fly.
Some have even been known to carry coconuts over long distances.
</p>
<p>
<strong>Bees</strong> can fly too. They like birds, so sometimes they
fly together.
</p>
<p>
<strong>Penguins</strong> can fly too if they swim really fast first.
</p>
<p>
Fusce maximus lacus pulvinar augue venenatis, sed ullamcorper odio gravida.
Maecenas nec dapibus elit, et faucibus enim.
Nulla auctor viverra orci ac tempor.
Mauris fringilla rhoncus nibh, quis volutpat velit vehicula et.
</p>
<div class="sidenote">
<h4>Sidenotes</h4>
<p>
Sometimes we might have asides to include.
</p>
<p>
This is the kind of place we can put them.
</p>
</div>
<div class="page-break"></div>
<h2>More styles</h2>
<p class="dropcap">
More styles are available, like the ones shown below,
including lists, quotes, and alternative colouring and layout.
</p>
<h3 class="blue-head">Alternative header</h3>
<p>
Colours that work really well include:
</p>
<ul>
<li>
Burgundy
</li>
<li>
Brown
</li>
<li>
Golden
</li>
<li>
Grey
</li>
</ul>
<p>
Don't quote me on that though.
</p>
<blockquote>
<p>
This is the single best thing since sliced bread. Perhaps.
</p>
<cite>
The Author, <i>The Scriptures</i>
</cite>
</blockquote>
</div>
</body>
</html>