-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (93 loc) · 4.9 KB
/
index.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./assets/styles/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<script src="./assets/scripts/script.js"></script>
<title>Bestiário de xadrez</title>
</head>
<body>
<main id="book" class="close">
<h1 id="title" onclick="openBook()">Bestiário <br> de <br> Xadrez</h1>
<section>
<div>
<img src="./assets/imagens/peao.png" alt="peão">
</div>
<p><b>Peão</b> <br>O peão deve se mover sempre na vertical, com limite de apenas uma casa por movimento.
<br>A única exceção será no movimento inicial, quando ele tem permissão para andar duas casas.
É a única peça que não pode voltar e só pode capturar as peças adversárias na diagonal e não na posição em que se movimenta.
A carpa sobe a cachoeira e no topo se torna um dragão.
<br><br><b>Valor: 1</b>
</p>
</section>
<section>
<div>
<img src="./assets/imagens/cavalo.png" alt="cavalo">
</div>
<p><b>Cavalo</b> <br> <br>O cavalo faz o movimento no formato de um “L”, com direito a andar três casas para conseguir formá-lo.
Ou ele anda duas casas na horizontal e uma na vertical ou ele anda duas casas na vertical e uma na horizontal.
Assim, essa peça se torna a única que pode pular outras, sem precisar estar na casa de mesma cor.
<br><br><b>Valor: 3</b>
</p>
</section>
<section>
<div>
<img src="./assets/imagens/bispo.png" alt="bispo">
</div>
<p><b>Bispo</b> <br> <br>Os bispos podem se movimentar em qualquer uma das casas, perto ou distante, que sejam diagonais a partir do lugar onde eles se encontram.
Por isso, eles nunca irão a uma casa de cor diferente das dele.
Os brancos sempre se encontrarão nas casas brancas e a mesma coisa com as pretas.
<br><br><b>Valor 3</b>
</p>
</section>
<section>
<div>
<img src="./assets/imagens/torre.png" alt="torre">
</div>
<p><b>Torre</b><br><br>A torre sempre se movimentará no sentido reto, podendo ser pela vertical ou pela horizontal, perto ou distante.
Pode ocupar tanto a casa preta quanto a casa branca.
Pode fazer um movimento surpresa para proteger seu rei.
<br><br><b>Valor: 5</b>
</p>
</section>
<section>
<div>
<img src="./assets/imagens/rainha.png" alt="rainha">
</div>
<p><b>Rainha</b> <br> <br>A rainha tem os movimentos mais privilegiados do jogo, podendo imitar todas as peças.
Ela pode se movimentar tanto nas diagonais quanto nos sentido reto, perto ou distante.
A única exceção de imitação é o cavalo. A dama não pode se movimentar como ele, assim como não pode pular outras peças.
<br><br><b>Valor: 10</b>
</p>
</section>
<section>
<div>
<img src="./assets/imagens/rei.png" alt="rei">
</div>
<p><b>Rei</b> <br> <br>O rei tem os mesmos movimentos da dama, porém, são limitados a apenas uma casa por vez.
Pode se movimentar pelas diagonais e também nos sentidos retos, mas pode andar apenas uma casa em cada movimento.
<br><br><b>Valor: Como é a principal peça do jogo, tem seu valor infinito: uma vez cercado, o jogador é derrotado.</b>
</p>
</section>
<section class="credits">
<div>
<img src="./assets/imagens/mateus.png" class="credits" alt="Mateus">
</div>
<p><b>Créditos</b> <br> <br>
Livro pixel art: <br><br><b><a href="https://www.artstation.com/heondu" target="_blank">Geunyeong Park</a></b><br><br>
Fundo de madeira pixel art: <br><br><b><a href="https://www.artstation.com/fackingtroll/albums/67073" target="_blank">Simón Sánchez</a></b>
<br><br><b>Desenvolvido por: <br><br><a href="https://github.com/M4teusAlves" target="_blank">Mateus Alves</a></b>
</p>
</section>
<div id="botoes">
<button type="button" onclick="backPage()"><</button>
<button type="button" onclick="nextPage()">></button>
</div>
</main>
</body>
</html>