-
Notifications
You must be signed in to change notification settings - Fork 0
/
quickref.html
164 lines (155 loc) · 8.08 KB
/
quickref.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name=viewport content="width=device-width, initial-scale=1">
<title>D&D 5e quick reference</title>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/quickref.css">
<link rel="stylesheet" type="text/css" href="css/icons.css">
<!-- Fonts -->
<link href='https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lora:700' rel='stylesheet' type='text/css'>
<!-- Javascript -->
<script type="text/javascript" src="js/jquery/jquery.min.js" charset="utf-8"></script>
</head>
<body class="page-background">
<div class="page fontsize" data-size="fullscreen">
<!-- Movement section -->
<div id="section-movement" class="section-container">
<div class="section-title">
Movement | Bewegung
<span class="float-right">limited by movement speed | bewegungsrate</span>
</div>
<div class="section-content">
<div class="section-row section-subtitle text fontsize">
You can move at any time during your turn (before, after, or during actions).<br/>
Du kannst dich während deines Zugs jederzeit bewegen.
</div>
<div class="section-row" id="basic-movement">
</div>
</div>
</div>
<!-- Action section -->
<div id="section-action" class="section-container">
<div class="section-title">
Action | Aktion<span class="float-right">1/turn</span>
</div>
<div class="section-content">
<div class="section-row section-subtitle text fontsize">
You can also interact with one object or feature of the
environment for free.<br/>
Neben deiner Aktion kannst du kostenlos mit einem Objekt
oder der Umgebung interagieren.
</div>
<div class="section-row" id="basic-actions"></div>
</div>
</div>
<!-- Bonus action section -->
<div id="section-bonus-action" class="section-container">
<div class="section-title">
Bonus action | Bonusaktion <span class="float-right">max. 1/turn</span>
</div>
<div class="section-content">
<div class="section-row section-subtitle text fontsize">
You can take a bonus action only when a special ability, spell, or feature
states that you can do something as a bonus action.<br/>
Eine Bonusaktion kannst du nur dann ausführen, wenn eine Fähigkeit,
ein Zauber oder Merkmal angibt, dass du etwas als Bonusaktion tun kannst.
</div>
<div class="section-row" id="basic-bonus-actions"></div>
</div>
</div>
<!-- Reaction section -->
<div id="section-reaction" class="section-container">
<div class="section-title">
Reaction | Reaktion<span class="float-right">max. 1/round</span>
</div>
<div class="section-content">
<div class="section-row section-subtitle text fontsize">
A reaction is an instant response to a trigger of some kind, which
can occur on your turn or on someone else's.<br/>
Eine Reaktion ist eine sofortige Erwiderung auf einen Auslöser,
der in deinem Zug oder im Zug einer anderen Kreatur passiert.
</div>
<div class="section-row" id="basic-reactions"></div>
</div>
</div>
<!-- Condition section -->
<div id="section-condition" class="section-container">
<div class="section-title">
Condition | Zustände
</div>
<div class="section-content">
<div class="section-row section-subtitle text fontsize">
Conditions alter your capabilities in a variety of ways, and can
arise as a result of a spell, a class feature, a monster's attack,
or other effect.<br/>
Zustände verändern deine Fähigkeiten auf verschiedene Weisen und können
das Ergebnis eines Zaubers, Merkmals, des Angriffs eines Monsters oder
eines anderen Effektes sein.
</div>
<div class="section-row" id="basic-conditions"></div>
</div>
</div>
<!-- Environmental section -->
<div id="section-environment" class="section-container">
<div class="section-title">
Environmental Effects | Umgebungseffekte
</div>
<div class="section-content">
<div class="section-row section-subtitle text fontsize">
Effects that obscure vision can prove a significant hindrance to most adventuring tasks.<br/>
Effekte, die die Sicht beeinträchtigen, können sich als erhebliche Hindernisse für viele Aufgaben heraus stellen.
</div>
<div class="section-row" id="environment-obscurance"></div>
<div class="section-row section-subtitle text fontsize">
The presence or absence of light in an environment creates three categories of illumination.<br/>
Das Vorhandensein oder Fehlen von Licht in der Umgebung führt zu drei Kategorien von Beleuchtung.
</div>
<div class="section-row" id="environment-light"></div>
<div class="section-row section-subtitle text fontsize">
Some creatures have extraordinary senses that allow them to perceive their environment.<br/>
Manche Kreaturen haben außergewöhnliche Sinne mit denen sie ihre Umgebung wahrnehmen.
</div>
<div class="section-row" id="environment-vision"></div>
<div class="section-row section-subtitle text fontsize">
Obstacles can provide cover during combat, making a target more difficult to harm.<br/>
Hindernisse können im Kampf Deckung geben, da sie es schwieriger machen ein Ziel zu treffen.
</div>
<div class="section-row" id="environment-cover"></div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal" id="modal" tabindex="-1">
<div class="modal-backdrop" id="modal-backdrop"></div>
<div class="modal-dialog modalsize">
<div class="section-container modal-container" id="modal-container">
<div class="section-title" id="modal-title">
Modal title<span class="float-right">Action</span>
</div>
<div class="section-content">
<div class="section-row section-subtitle text" id="modal-subtitle">
Subtitle
</div>
<div class="section-row text">
<div id="modal-bullets">
</div>
</div>
<div class="section-row text" id="modal-reference">
</div>
</div>
</div>
</div>
</div>
<!-- Data -->
<script type="text/javascript" src="js/data_movement.js" charset="utf-8"></script>
<script type="text/javascript" src="js/data_action.js" charset="utf-8"></script>
<script type="text/javascript" src="js/data_bonusaction.js" charset="utf-8"></script>
<script type="text/javascript" src="js/data_reaction.js" charset="utf-8"></script>
<script type="text/javascript" src="js/data_condition.js" charset="utf-8"></script>
<script type="text/javascript" src="js/data_environment.js" charset="utf-8"></script>
<script type="text/javascript" src="js/quickref.js" charset="utf-8"></script>
</body>
</html>