-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
113 lines (108 loc) · 4.28 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">
<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="./css/styles-word.css">
<link rel="stylesheet" href="./css/styles.css">
<link rel="stylesheet" href="./css/styles-game.css">
<link rel="shortcut icon" href="./img/gallows.png" type="image/x-icon">
<title>Ahorcado - Alura</title>
</head>
<body>
<section class="home">
<div class="conteiner">
<header class="header-h">
<img src="./img/Vector.png" alt="logo-alura" class="header-img" width="25px">
</header>
<div class="btn1">
<button class="btn-iniciar" id="btn-i">Iniciar Juego</button>
</div>
<div class="btn2">
<button class="btn-add" id="btn-a">Agregar nueva Palabra</button>
</div>
<footer class="footer">
<p class="developed">© Develop by <b>M. Cabrera 2022</b> </p>
<a href="https://github.com/matias-d" target="_blank"><img src="./img/211904_social_github_icon.png" alt="github icon" width="20" height="20"></a>
</footer>
</div>
</section>
<section class="newWord">
<div class="conteiner-w">
<header class="header-w">
<img src="./img/Vector.png" alt="logo-alura" width="25px">
</header>
<div class="text-area">
<textarea class="text-add" id="addWord" cols="30" rows="10" placeholder="Ingrese una palabra"></textarea>
</div>
<div class="adv">
<p id="adve"><img src="./img/int.png" alt="">Max. de 8 letras y Min. 3 letras</p>
</div>
<div class="btn1-w">
<button class="btn-save" id="btn-s">Guardar</button>
</div>
<div class="btn2-w">
<button class="btn-cancel" id="btn-c">Volver atras</button>
</div>
<footer class="footer-w">
<p class="developed">© Develop by <b>M. Cabrera 2022</b> </p>
<a href="https://github.com/MatiasC33" target="_blank"><img src="./img/211904_social_github_icon.png" alt="github icon" width="20" height="20"></a>
</footer>
</div>
</section>
<section class="game">
<div class="conteiner-g">
<header class="header-g">
<img src="./img/Vector.png" alt="logo-alura" width="25px">
</header>
<div class="stick">
<img src="" id="imgS" alt="stick">
</div>
<div class="addLetters">
</div>
<div class="incorrectLetters">
</div>
<div class="buttons">
<button>A</button>
<button>B</button>
<button>C</button>
<button>D</button>
<button>E</button>
<button>F</button>
<button>G</button>
<button>H</button>
<button>I</button>
<button>J</button>
<button>K</button>
<button>L</button>
<button>M</button>
<button>N</button>
<button>Ñ</button>
<button>O</button>
<button>P</button>
<button>Q</button>
<button>R</button>
<button>S</button>
<button>T</button>
<button>U</button>
<button>V</button>
<button>W</button>
<button>X</button>
<button>Y</button>
<button>Z</button>
</div>
<div class="btn1-g">
<button class="btn-nGame" id="btn-n">Nuevo juego</button>
</div>
<div class="btn2-g">
<button class="btn-dGame" id="btn-d">Desistir</button>
</div>
</div>
</section>
<script src="./scripts/index.js"></script>
<script src="./scripts/calls.js"></script>
<script src="./scripts/addWords.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</body>
</html>