dnd5e-quickref-german/quickref.html at master · Hydroxi/dnd5e-quickref-german · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name=viewport content="width=device-width, initial-scale=1">
    <title>D&D 5. Edition Nachschlagwerk</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">
                Bewegung <span class="float-right">begrenzt durch Bewegungsgeschwindigkeit</span>
            </div>
            <div class="section-content">
                <div class="section-row section-subtitle text fontsize">
                    Du kannst dich zu jedem Zeitpunkt deines Zugs bewegen. (vor, nach, oder während Aktionen).
                </div>
                <div class="section-row" id="basic-movement">
                </div>
            </div>
        </div>

        <!-- Action section -->
        <div id="section-action" class="section-container">
            <div class="section-title">
                Aktion <span class="float-right">1 pro Zug</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.
                </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 Aktion <span class="float-right">max. 1 pro Zug</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.
                </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">
                Reaktion <span class="float-right">max. 1 pro Zug</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.
                </div>
                <div class="section-row" id="basic-reactions"></div>
            </div>
        </div>

        <!-- Condition section -->
        <div id="section-condition" class="section-container">
            <div class="section-title">
                Zustand
            </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.
                </div>
                <div class="section-row" id="basic-conditions"></div>
            </div>
        </div>

        <!-- Environmental section -->
        <div id="section-environment" class="section-container">
            <div class="section-title">
                Umgebungseffekte
            </div>
            <div class="section-content">
                <div class="section-row section-subtitle text fontsize">
                    Effekte, die die Sicht beeinträchtigen, können viele Aktionen erschweren.
                </div>
                <div class="section-row" id="environment-obscurance"></div>
                <div class="section-row section-subtitle text fontsize">
                    Die Menge des Lichts kann in drei verschiedene Kategorien von Helligkeit geteilt werden.
                </div>
                <div class="section-row" id="environment-light"></div>
                <div class="section-row section-subtitle text fontsize">
                    Manche Kreaturen haben übernatürliche Sinne, um die Umgebung wahrzunehmen.
                </div>
                <div class="section-row" id="environment-vision"></div>
                <div class="section-row section-subtitle text fontsize">
                    Hindernisse können im Kampf Deckung gewähren, welche ein Ziel schwieriger treffen lassen.
                </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>