-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpersonagem.html
More file actions
386 lines (297 loc) · 16.7 KB
/
personagem.html
File metadata and controls
386 lines (297 loc) · 16.7 KB
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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="dnd-icon.ico">
<title>Dungeons & Dragons</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Carter+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Heebo&display=swap" rel="stylesheet">
<!--"Fonte" para formar o ícone do d20 (dado de 20 lados)-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
<body>
<header>
<div class="bloco">
<h1><img class="logo" src="logo-dnd.png" alt="Logo do Dungeons and Dragons"></h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="jogo.html">Jogo</a></li>
<li><a href="personagem.html">Personagem</a></li>
<li><a href="enquete.html">Enquete</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section class="criando-personagem">
<div class="largura-criando">
<h2 class="titulo-criando">Criando um Personagem</h2>
<img class="dnd-dices" src="dnd-dices.png" alt="Dados usados no Dungeons adn Dragons">
<p>O <strong>primeiro passo</strong> para se criar um personagem em <strong>Dungeons and Dragons</strong> é você pensar
no conceito que você deseja para esse personagem, como por exemplo, um hábil guerreiro que empunha
duas espadas ou um sábio mago que passou anos da sua vida estudando para aprender cada vez mais sobre
a trama da magia.</p>
<p>Com esse conceito pensando, seguimos para as escolhas que afetam a mecânica do jogo. Como <strong>
segundo passo</strong>, temos três escolhas importantes, que são a raça, classe e antecedente do seu
personagem. Você faz essas escolhas para formar o conceito de personagem que você imaginou.</p>
<p>No <strong>Livro do Jogador</strong> são apresentadas nove raças, doze classes e treze antecedentes
para o jogador poder escolher um de cada e poder fazer as mais diversas combinações que desejar.
A seguir irão ser detalhadas as raças, classes e antecedentes presentes no <strong>Livro do
Jogador</strong>.</p>
<p>O <strong>terceiro passo</strong> é a definição dos valores dos seis atributos presentes no jogo:
Força, Destreza, Constituição, Inteligência, Sabedoria e Carisma. No Livro do Jogador são citadas três
formas de definir esses valores:</p>
<p class="espaço-esquerda"><i class="fas fa-dice-d20" style="color:red"></i> Determinados
aleatoriamente, jogando 4d6, desconsiderando o menor valor e somando os demais para cada atributo;</p>
<p class="espaço-esquerda"><i class="fas fa-dice-d20" style="color:red"></i> Distribuir os valores
15, 14, 13, 12, 10 e 8 entre os atributos;</p>
<p class="espaço-esquerda"><i class="fas fa-dice-d20" style="color:red"></i> Sistema de compra por
pontos. Os jogadores recebem 27 pontos que servem para comprar atributos. Todos os atributos começam
no valor 8 e podem ser aumentados, contudo custos são variáveis, quanto maior valor desejado, maior
quantidade de pontos deve gastar.</p>
<p>O <strong>último passo</strong> é preencher as demais informações que a ficha pede, que necessitavam
das escolhas realizadas nos passos anteriores.</p>
</div>
</section>
<section class="raças-personagem">
<div class="largura-raças">
<h2 class="titulo-raças">Raças dos Personagens</h2>
<p class="paragrafo-raça">Todos os personagens pertencem a uma raça, dentre as raças humanoides
inteligentes. As raças ganham habilidades devido sua herança genética.
</p>
<ul class="lista-raças">
<li>
<h3>Anão</h3>
<p>Corajosos e resistentes, os anões são conhecidos como guerreiros habilidosos, mineiros e
trabalhadores de pedra e metal</p>
<img class="img-raças" src="Raças/logo-dwarf.png" alt="Símbolo da raça anão">
<p><strong>Traços Raciais:</strong> +2 Constituição, Visão no Escuro, Resiliência Anã e
Especialização em Rochas</p>
</li>
<li>
<h3>Draconato</h3>
<p>Draconatos se parece muito com dragões eretos em forma humanóide, embora não tenham asas ou
cauda</p>
<img class="img-raças" src="Raças/logo-dragonborn.png" alt="Símbolo da raça draconato">
<p><strong>Traços Raciais:</strong> +2 Força, +1 Carisma, Ancestral Dracônico, Arma de Sopro e
Resistência a Dano</p>
</li>
<li>
<h3>Elfo</h3>
<p>Elfos são um povo mágico de graça sobrenatural, vivendo no mundo, mas não totalmente fazendo
parte dele</p>
<img class="img-raças" src="Raças/logo-elf.png" alt="Símbolo da raça elfo">
<p><strong>Traços Raciais:</strong> +2 Destreza, Visão no Escuro, Sentidos Aguçados, Ancestral
Feérico e Transe</p>
</li>
<li>
<h3>Gnomo</h3>
<p>A energia e o entusiasmo de um gnomo pela vida brilha em cada centímetro de seu pequeno corpo,
eles aproveitam cada dia de suas vidas</p>
<img class="img-raças" src="Raças/logo-gnome.png" alt="Símbolo da raça gnomo">
<p><strong>Traços Raciais:</strong> +2 Inteligência, Visão no Escuro e Astúcia de Gnomo</p>
</li>
<li>
<h3>Halfling</h3>
<p>Os pequenos halflings sobrevivem em um mundo cheio de criaturas maiores e evitando de serem
notados</p>
<img class="img-raças" src="Raças/logo-halfling.png" alt="Símbolo da raça halfling">
<p><strong>Traços Raciais:</strong> +2 Destreza, Sorte, Bravo e Agilidade Halfling</p>
</li>
<li>
<h3>Humano</h3>
<p>Os humanos são as pessoas mais adaptáveis e ambiciosas entre as raças comuns. O que quer que os
impulsione, faz eles serem pioneiros no mundo</p>
<img class="img-raças" src="Raças/logo-human.png" alt="Símbolo da raça humano">
<p><strong>Traços Raciais:</strong> +1 Todos os Atributos e Idioma Extra</p>
</li>
<li>
<h3>Meio-Elfo</h3>
<p>Meio-elfos combinam o que alguns dizem ser as melhores qualidades de seus pais: inventividade
dos humanos e amor pela natureza dos elfos</p>
<img class="img-raças" src="Raças/logo-half-elf.png" alt="Símbolo da raça meio-elfo">
<p><strong>Traços Raciais:</strong> +2 Carisma, +1 Dois Atributos, Visão no Escuro, Ancestral
Feérico, Versatilidade</p>
</li>
<li>
<h3>Meio-Orc</h3>
<p>Alguns meio-orcs se tornam líderes orgulhosos de comunidades orcs. Alguns se aventuram no
mundo para provar seu valor</p>
<img class="img-raças" src="Raças/logo-half-orc.png" alt="Símbolo da raça meio-orc">
<p><strong>Traços Raciais:</strong> +2 Força, +1 Constituição, Visão no Escuro, Implacável e
Ataques Selvagens</p>
</li>
<li>
<h3>Tiefling</h3>
<p>Ser o motivo de olhares e cochichos, sofrer violência e insultos na rua, ver desconfiança e
medo em todos os olhos: esse é o destino do tiefling</p>
<img class="img-raças" src="Raças/logo-tiefling.png" alt="Símbolo da raça tiefling">
<p><strong>Traços Raciais:</strong> +2 Carisma, +1 Inteligência, Visão no Escuro, Resistência
Infernal e Legado Infernal</p>
</li>
</ul>
</div>
</section>
<section class="classes-personagem">
<div class="largura-classes">
<h2 class="titulo-classes">Classes dos Personagens</h2>
<p class="paragrafo-classe">A classe do personagem determinará algumas habilidades especiais e
principalmente a quantidade de pontos de vida do personagem.</p>
<ul class="lista-classes">
<li>
<h3>Bárbaro</h3>
<p>Um guerreiro feroz de origem primitiva que pode entrar em fúria na batalha</p>
<img class="img-classe" src="Classes/logo-barbarian.png" alt="Símbolo da classe bárbaro">
<p><strong>Dado de Vida:</strong> d12</p>
<p><strong>Habilidades Primárias:</strong> Força</p>
<p><strong>Salvaguardas:</strong> Força e Constituição</p>
</li>
<li>
<h3>Bardo</h3>
<p>Um mágico inspirador cujo poder ecoa a música da criação</p>
<img class="img-classe" src="Classes/logo-bard.png" alt="Símbolo da classe bardo">
<p><strong>Dado de Vida:</strong> d8</p>
<p><strong>Habilidades Primárias:</strong> Carisma</p>
<p><strong>Salvaguardas:</strong> Destreza e Carisma</p>
</li>
<li>
<h3>Bruxo</h3>
<p>Um manipulador de magia que ganhou seus poderes por uma barganha com uma entidade</p>
<img class="img-classe" src="Classes/logo-warlock.png" alt="Símbolo da classe bruxo">
<p><strong>Dado de Vida:</strong> d8</p>
<p><strong>Habilidades Primárias:</strong> Carisma</p>
<p><strong>Salvaguardas:</strong> Sabedoria e Carisma</p>
</li>
<li>
<h3>Clérigo</h3>
<p>Um campeão sacerdotal que exerce magia divina a serviço de um poder superior</p>
<img class="img-classe" src="Classes/logo-cleric.png" alt="Símbolo da classe clérigo">
<p><strong>Dado de Vida:</strong> d8</p>
<p><strong>Habilidades Primárias:</strong> Sabedoria</p>
<p><strong>Salvaguardas:</strong> Sabedoria e Carisma</p>
</li>
<li>
<h3>Druida</h3>
<p>Um sacerdote da Antiga Fé, empunhando os poderes da natureza e adotando formas de animais</p>
<img class="img-classe" src="Classes/logo-druid.png" alt="Símbolo da classe druída">
<p><strong>Dado de Vida:</strong> d8</p>
<p><strong>Habilidades Primárias:</strong> Sabedoria</p>
<p><strong>Salvaguardas:</strong> Inteligência e Sabedoria</p>
</li>
<li>
<h3>Feiticeiro</h3>
<p>Um conjurador que extrai magia inerente de uma dádiva ou linhagem</p>
<img class="img-classe" src="Classes/logo-sorcerer.png" alt="Símbolo da classe feiticeiro">
<p><strong>Dado de Vida:</strong> d6</p>
<p><strong>Habilidades Primárias:</strong> Carisma</p>
<p><strong>Salvaguardas:</strong> Constituição e Carisma</p>
</li>
<li>
<h3>Guerreiro</h3>
<p>Um mestre do combate marcial, habilidoso com uma variedade de armas e armaduras</p>
<img class="img-classe" src="Classes/logo-fighter.png" alt="Símbolo da classe guerreiro">
<p><strong>Dado de Vida:</strong> d10</p>
<p><strong>Habilidades Primárias:</strong> Força ou Destreza</p>
<p><strong>Salvaguardas:</strong> Força e Constituição</p>
</li>
<li>
<h3>Ladino</h3>
<p>Um canalha que usa furtividade e malandragem para superar obstáculos e inimigos</p>
<img class="img-classe" src="Classes/logo-rogue.png" alt="Símbolo da classe ladino">
<p><strong>Dado de Vida:</strong> d8</p>
<p><strong>Habilidades Primárias:</strong> Destreza</p>
<p><strong>Salvaguardas:</strong> Destreza e Inteligência</p>
</li>
<li>
<h3>Mago</h3>
<p>Um usuário de magia erudito capaz de manipular as estruturas da realidade</p>
<img class="img-classe" src="Classes/logo-wizard.png" alt="Símbolo da classe mago">
<p><strong>Dado de Vida:</strong> d6</p>
<p><strong>Habilidades Primárias:</strong> Inteligência</p>
<p><strong>Salvaguardas:</strong> Inteligência e Sabedoria</p>
</li>
<li>
<h3>Monge</h3>
<p>Um mestre das artes marciais, aproveitando o poder do corpo em busca da perfeição física e
espiritual</p>
<img class="img-classe" src="Classes/logo-monk.png" alt="Símbolo da classe monge">
<p><strong>Dado de Vida:</strong> d8</p>
<p><strong>Habilidades Primárias:</strong> Destreza e Sabedoria</p>
<p><strong>Salvaguardas:</strong> Força e Destreza</p>
</li>
<li>
<h3>Paladino</h3>
<p>Um guerreiro santo vinculado a um juramento sagrado</p>
<img class="img-classe" src="Classes/logo-paladin.png" alt="Símbolo da classe paladino">
<p><strong>Dado de Vida:</strong> d10</p>
<p><strong>Habilidades Primárias:</strong> Força e Carisma</p>
<p><strong>Salvaguardas:</strong> Sabedoria e Carisma</p>
</li>
<li>
<h3>Patrulheiro</h3>
<p>Um guerreiro que combate ameaças nos limites da civilização</p>
<img class="img-classe" src="Classes/logo-ranger.png" alt="Símbolo da classe patrulheiro">
<p><strong>Dado de Vida:</strong> d10</p>
<p><strong>Habilidades Primárias:</strong> Destreza e Sabedoria</p>
<p><strong>Salvaguardas:</strong> Força e Destreza</p>
</li>
</ul>
</div>
</section>
<section class="antecedentes-personagem">
<div class="largura-antecedentes">
<h2 class="titulo-antecedentes">Antecedentes dos Personagens</h2>
<p class="paragrafo-antecedente">Ao escolher um antecedente para o seu personagem, além de ganhar
alguns benefícios mecânicos, você está escolhendo um aspecto importante para a construção da história e
da personalidade do seu personagem. Porque ao escolher o antecedente do personagem, você também deve
escolher os traços de personalidade, ideais, vínculos e defeitos presentes no seu personagem.</p>
<h4>Lista de Antecedentes:</h4>
<ul class="lista-antecedentes">
<li><i class="fas fa-dice-d20" style="color:red"></i> <strong>Acólito:</strong> Você passou sua
vida em serviço de um templo. Você age como um intermediário entre o reino do sagrado e do mundo
mortal.</li>
<li><i class="fas fa-dice-d20" style="color:red"></i> <strong>Artesão da Guilda:</strong> Você é
membro de uma guilda de artesãos, hábeis em um campo particular e associado a outros.</li>
<li><i class="fas fa-dice-d20" style="color:red"></i> <strong>Artista:</strong> Você é seu melhor
na frente de um público. Você sabe como prendê-los, entretê-los, e mesmo inspirá-los.</li>
<li><i class="fas fa-dice-d20" style="color:red"></i> <strong>Charlatão:</strong> Você sempre teve
um jeito com pessoas. Você sabe o que os faz funcionar, e com um pouco de cuidado pode os ler como
um livro.</li>
<li><i class="fas fa-dice-d20" style="color:red"></i> <strong>Criminoso:</strong> Você é um criminoso
experiente, com uma história em quebrar a lei. Você é próximo do mundo de assassinato, roubo e
violência.</li>
<li><i class="fas fa-dice-d20" style="color:red"></i> <strong>Eremita:</strong> Você viveu afastado,
seja numa comunidade fechada como um monastério ou totalmente sozinho.</li>
<li><i class="fas fa-dice-d20" style="color:red"></i> <strong>Forasteiro:</strong> Você cresceu
no ermo, longe da civilização e os confortos das cidades e tecnologia.</li>
<li><i class="fas fa-dice-d20" style="color:red"></i> <strong>Herói do Povo:</strong> Você vem de
uma posição social humilde, mas seu destino é algo muito maior.</li>
<li><i class="fas fa-dice-d20" style="color:red"></i> <strong>Marinheiro:</strong> Você navegou
por anos. Nesse tempo você encarou tempestades poderosas, monstros e aqueles tencionando afundar
seu navio.</li>
<li><i class="fas fa-dice-d20" style="color:red"></i> <strong>Nobre:</strong> Você entende poder,
riqueza e privilégio. Você possui um título nobre e sua família é dona de terras, coleta impostos e
tem influência política.</li>
<li><i class="fas fa-dice-d20" style="color:red"></i> <strong>Órfão:</strong> Você cresceu nas ruas
sozinho, órfão ou pobre. Você não tinha ninguém para cuidar de você e teve que aprender a se virar.</li>
<li><i class="fas fa-dice-d20" style="color:red"></i> <strong>Sábio:</strong> Você passou anos
estudando e aprendendo. Você fuçou escritos, estudou pergaminhos e ouviu os grandes especialistas
no assunto que lhe interessa.</li>
<li><i class="fas fa-dice-d20" style="color:red"></i> <strong>Soldado:</strong> Guerra está em
sua vida desde quando você consegue se lembrar. Você treinou desde jovem e aprendeu como ficar vivo
no campo de batalha.</li>
</div>
</section>
</main>
<footer>
<img class="logo-sigla" src="logo-dnd-sigla.png" alt="Logo da sigla do Dungeons and Dragons">
<p class="copyright">© Wizards of the Coast - 2022</p>
</footer>
<script src="main.js"></script>
</body>
</html>