-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgame.html
More file actions
206 lines (180 loc) · 8.91 KB
/
game.html
File metadata and controls
206 lines (180 loc) · 8.91 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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>MayaScript</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/remodal.css">
<link rel="stylesheet" href="css/remodal-default-theme.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<header></header>
<!-- <div class="tipo_prueba_chachi">
<p>x7c8aw9e0 w8gc9v0 q7w8ac9,0 q7q8ac9u0 i7r8aq9q0</p>
<p>a,dfjhgalsjfhgwUHFLwirnvmxnbmx</p>
</div>-->
<div class="game_content">
<div class="column info_column">
<div class="info_column_text">
<p class="column_introduction title_p">Construye y aprende.</p>
<!-- <div class="column_main_title">Maya_Script</div> -->
<p class="column_description">A continuación, juega y aprende a construir
palabras en maya.</p>
<p style="font-size: 11px">*¿Te atreves a reproducir la figura que aparece
en el apartado posterior? Arrastra en orden los glifos que aparecen en
las tablas situadas a la derecha, y...¡Completa el reto!</p>
</div>
<div class="glyph_slide">
<div class="glyph_box">
<div class="glyph_boxx glyph_box01"></div>
<div class="glyph_boxx glyph_box02"></div>
<div class="glyph_boxx glyph_box03"></div>
<div class="glyph_boxx glyph_box04"></div>
<div class="glyph_boxx glyph_box05"></div>
<div class="glyph_boxx glyph_box06"></div>
<div class="glyph_boxx glyph_box07"></div>
<div class="glyph_boxx glyph_box08"></div>
<div class="glyph_boxx glyph_box09"></div>
</div>
<div class="number_box">
<div class="n_box n_box01"></div>
<div class="n_box n_box02"></div>
<div class="n_box n_box03"></div>
<div class="n_box n_box04"></div>
</div>
<div class="slide_arrows">
<div id="arrow_left" class="fa fa-2x fa-angle-left"></div>
<div id="arrow_right" class="fa fa-2x fa-angle-right"></div>
</div>
<div class="glyph_title">Dios de la tierra</div>
<div class="glyph_mayan">ja</div>
<div class="glyph_trans_num">juruja</div>
<div class="glyph_description">Lorem fistrum ese que llega fistro hasta luego Lucas me cago en tus muelas apetecan qué dise usteer te va a hasé pupitaa la caidita. Quietooor me cago en tus muelas no te digo trigo por no llamarte Rodrigor.</div>
</div>
</div>
<div class="column game_column">
<div class="game_main_box">
<div class="box01"></div>
<div data-index="0" class="droppable box02"></div>
<div class="box03"></div>
<div data-index="1" class="droppable box04"></div>
<div data-index="2" class="droppable box05"></div>
<div data-index="3" class="droppable box06"></div>
<div class="box07"></div>
<div data-index="4" class="droppable box08"></div>
<div class="box09"></div>
</div>
<div class="game_number_box">
<div data-index="0" class="droppable number_box01">1</div>
<div data-index="1" class="droppable number_box02">4</div>
<div data-index="2" class="droppable number_box03">5</div>
<div data-index="3" class="droppable number_box04">0</div>
</div>
</div>
<div class="column glyphs_column">
<div class="arrow"> <span class="arroww fa fa-2x fa-angle-up side"></span></div>
<div class="glyphs">
<div class="principal_sign">
<div class="principal_title">
<div class="title_text">Elementos principales</div>
<!-- <span class="minus fa fa-minus"></span> -->
</div>
<div class="principal_elements">
<span class="draggable sign pa">A</span>
<span class="draggable sign ba">a</span>
<span class="draggable sign no">S</span>
<span class="draggable sign ma_p">s</span>
<span class="draggable sign chu">D</span>
<span class="draggable sign bi">d</span>
<span class="draggable sign lu">F</span>
<span class="draggable sign e">f</span>
<span class="draggable sign ha">G</span>
<span class="draggable sign la_p">g</span>
<span class="draggable sign kee">H</span>
<span class="draggable sign ku">h</span>
<span class="draggable sign hu">J</span>
<span class="draggable sign kaa">j</span>
<span class="draggable sign choo">K</span>
<span class="draggable sign ho">k</span>
<span class="draggable sign ka_p">L</span>
<span class="draggable sign cha_p">l</span>
<span class="draggable sign a_p">Ñ</span>
<span class="draggable sign ye">ñ</span>
<span class="draggable sign li">´</span>
<span class="draggable sign ke">¨</span>
<span class="draggable sign be">Ç</span>
<span class="draggable sign chi">ç</span>
</div>
</div>
<div class="other_signs">
<div class="others_title">
<div class="title_text">Elementos auxiliares:<span class="light"> superíndice | subíndice | prefijo | sufijo</span></div>
<!-- <span class="minus fa fa-minus"></span> -->
</div>
<div class="others_elements">
<span class="draggable sign ta">w</span>
<span class="draggable sign le">e</span>
<span class="draggable sign ki">r</span>
<span class="draggable sign tzi">t</span>
<span class="draggable sign ni">y</span>
<span class="draggable sign ka_o">u</span>
<span class="draggable sign ma_o">i</span>
<span class="draggable sign la_o">o</span>
<span class="draggable sign a_o">p</span>
<span class="draggable sign cha_o">`</span>
<span class="draggable sign na_o1">+</span>
<span class="draggable sign tu"><</span>
<span class="draggable sign chaa">z</span>
<span class="draggable sign mi">x</span>
<span class="draggable sign ko">c</span>
<span class="draggable sign bu">v</span>
<span class="draggable sign wa">b</span>
<span class="draggable sign ya">n</span>
<span class="draggable sign tza">m</span>
<span class="draggable sign cho">,</span>
<span class="draggable sign u">.</span>
<span class="draggable sign na_o2">-</span>
</div>
</div>
<div class="numbers">
<div class="numbers_title">
<div class="title_text">Números</div>
<!-- <span class="minus fa fa-minus"></span> -->
</div>
<div class="numbers_elements">
<span class="draggable number one">1</span>
<span class="draggable number two">2</span>
<span class="draggable number three">3</span>
<span class="draggable number four">4</span>
<span class="draggable number five">5</span>
<span class="draggable number zero">6</span>
</div>
</div>
</div>
</div>
</div>
<div class="remodal remodal_game" data-remodal-id="modal"
data-remodal-options="hashTracking: false, closeOnOutsideClick: false">
<button data-remodal-action="close" class="remodal-close position_button"></button>
<!--<h2 class="modalHeader">¡Enhorabuena! Has completado el jeroglífico maya</h2>-->
<div id="modalContent"></div>
</div>
<footer></footer>
<script src="js/vendor/jquery-1.11.2.min.js"></script>
<script src="js/vendor/jquery-ui.min.js"></script>
<script src="js/vendor/remodal.min.js"></script>
<script src="js/datos.js"></script>
<script src="js/datos2.js"></script>
<script src="js/touchFix.js"></script>
<script src="js/game.js"></script>
<script src="js/main.js"></script>
</body>
</html>