-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
308 lines (227 loc) · 15.2 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
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
<html>
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5EPLB31C8F"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-5EPLB31C8F');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://cdn.jsdelivr.net/npm/exceljs/dist/exceljs.min.js"></script>
<title>colosalgames</title>
<link rel="icon" href="img/logo.png" type="image/x-icon">
</head>
<body>
<link rel="stylesheet" href="index.css">
<script type="module" src="index.js"></script>
<span class="body">
<div class="logo"> <img src="img/logo_cabecera.png"> </div>
<!-- Dropdown con 4 opciones: inicio, resultados, quienes somos y contacto -->
<select class="dropdown" id="menu">
<option value="inicio">Inicio</option>
<option value="como">¿CÓMO SE JUEGA?</option>
<option value="actual">Partida actual</option>
<option value="resultados">Resultados</option>
<option value="contacto">Contacto</option>
</select>
<!--<div class="menu">
<ul>
<li><a href="#inicio">Inicio</a></li>
<li><a href="#resultados">Resultados</a></li>
<li><a href="#quienes-somos">Quiénes Somos</a></li>
<li><a href="#contacto">Contacto</a></li>
</ul>
</div>-->
<!-- Line horizontal -->
<div class="line"></div>
<div id="inicio" class="opcionesMenu">
<a href="https://colosalgames.com/?actual"><img src="img/BANNER_HOME.png" class="banner"></a>
<div class="textoInicio">
<p class="title">¡Bienvenidos a COLOSAL Games, el hogar de un grupo de chiflados apasionados de los juegos!</p>
Somos un equipo de locuelos que se dedica a hacer jugar a muuuucha gente.
Sí, mucha gente a la vez.
<p class="nc">¿Cómo empezamos?</p>
Pues en medio del caos del confinamiento del covid,
decidimos convertirnos en el entretenimiento favorito de decenas de familiares y amigos.
Pero eso no fue suficiente para nuestros apetitos desenfrenados de diversión,
así que incorporamos a nuestras historias vídeos muy, pero que muy locos, para hacer reír a centenares de personas.
<p>Y ahora, nos lanzamos a las redes sociales y a la web para llevar nuestros juegos masivos a miles de participantes.
Y es que claro, el desafío final no podía ser otro que <span class="nc">hacer jugar a millones de personas juntas.</span> </p>
<p>¿Estás listo para unirte a la diversión masiva?</p>
Prepárate para la experiencia COLOSAL,
donde <span class="nc">la diversión alcanza proporciones épicas.</span>
</div>
<p class="title" id="quienessomos">¿Quiénes somos?</p>
<p>Nuestra increíble Junta Directiva lidera este circo de risas y entretenimiento: </p>
<span class="title" id="color1">Alfonso de Rueda</span> (Receptor de Jamones), la mente pensante que mantiene los engranajes funcionando.
<p><span class="title" id="color2">Pablo Hermida</span> (Artista tecnológico digital), el mago del código que ha llevado nuestra web al siglo XXI.</p>
<span class="title" id="color3">Aïda Márquez</span> (Musa del Juego Masivo), la cara, la sonrisa, las ganas y la creatividad, ¡todo en una!
<p><span class="title" id="color4">Dàlia Crespo</span> (Mensajera de Luz) la mano en la sombra, que habla mucho, hace poco y se divierte con colorinchis.</p>
<span class="title" id="color5">Paco Gómez</span> (FEO, Fun Executive Officer). El alma mater de todo este tinglado. Le echa más ganas que nadie... ¡y siempre tiene razón!
<p class="itl">¡Estamos locos, pero también contamos con colaboradores en juegos concretos!</p>
</div>
<div id="como" class="opcionesMenu">
<video width="100%" height="auto" autoplay controls>
<source src="img/Presentación.mp4" type="video/mp4">
Tu buscador no soporta el video
</video>
<!--<p class="lt-small">Si quieres rellenar el turno de juego de esta semana, haz click <a href="https://forms.gle/Y3YUPpCD18P8w5wKA" target="_blank">aquí</a></p>
<p class="lt-small">Si quieres unirte al canal de Telegram, haz clic <a href="https://t.me/+MJlktGzpwPczZWU0" target="_blank">aquí</a></p>-->
<p class="title">¿CÓMO SE JUEGA?</p>
<p><b>COLOSAL games</b> organiza juegos masivos en línea para muchísimas personas. ¡Hay tanta gente porque es GRATIS, fácil y super DIVERTIDO!
<p>Presentamos un juego especial que se desarrollará durante toda la semana. Lo que suceda en el juego dependerá de todos los participantes. ¿Cómo puedes unirte? Simplemente<b> envia tus respuestas para jugar antes del domingo a las 21.00h.</b>
<p>Para participar rellena este formulario: <a href="https://docs.google.com/forms/d/e/1FAIpQLSekdjpHlVRERPjqSJYD0NLvvm-XUZsSapP7YjC-Z4kfTgFJmg/viewform">Formulario</a></p>
<p>Después espera atento a<b> los resultados:</b> podrás consultarlos<b> a partir del lunes 11 de diciembre.</b> <em>¡Te aseguro que te divertirás un montón! </em></p>
<p>Únete al canal del juego: <a href="https://t.me/COLOSALgames">https://t.me/COLOSALgames</a></p>
<p>Si, además, <b>si te va el salseo</b>, puedes (opcionalmente) comentar la jugada con otros viajero en nuestro grupo de fans: <a href="https://t.me/COLOSALfans">https://t.me/COLOSALfans</a>
<p>Haz tu maleta. ¡Te esperamos!</p>
</p>
</p>
</p>
</div>
</span>
<div id="actual" class="opcionesMenu">
<span class="body">
<img src="img/Como-Alfredo-por-su-casa_juego.jpg" style="width: 225px; margin: auto; margin-top: 10px; margin-bottom: 10px; display: block;">
<p>
<p class="title">¿Listos para la dosis de diversión tamaño Colosal? </p>
Hemos preparado un juego especial para el programa 'Como Alfredo por su Casa'.
Un juego masivo de Colosal Games que pondrá patas arriba hasta el sofá más tranquilo.
¡Prepárense para reír, competir y disfrutar a lo grande con el toque único de Colosal!
<p>Juega con nosotros rellenando este <a href="https://docs.google.com/forms/d/e/1FAIpQLSekdjpHlVRERPjqSJYD0NLvvm-XUZsSapP7YjC-Z4kfTgFJmg/viewform" target="_blank">FORMULARIO</a>.</p>
Te explicamos cómo se juega <a href="https://colosalgames.com?como" target="_blank">aqui</a>.
</p>
<div class="line"></div>
<p class="title" style="margin-bottom: 0;">¡COLOSAL viajes CLAUSURADA!</p>
<span style="font-size: xx-small;">La Interpol anda tras la pista de la banda de estafadores</span>
</span>
<p>
<div class="grid">
<img src="img/cerrado.jpg" alt="cerrado">
<p>
Un operativo internacional venía rastreando a la organización criminal desde hacía meses.
Los responsables de la mayor ESTAFA del siglo huyeron precipitadamente a las Islas Caimán cuando iban a ser detenidos.
Actualmente, se encuentran en paradero desconocido. La Interpol ha dado la orden de BUSCA CAPTURA.
</p>
</div>
<span class="body">
<b>
La banda contaba con instalaciones en el Cerrato palentino donde la Policía se ha incautado de absurdos escenarios lunares de porespán y dinosaurios de cartón piedra.
No se han revelado más detalles de la operación, que se encuentra bajo SECRETO DEL SUMARIO.
</b>
</span>
</p>
<span class="body">
<div class="line"></div>
<p>¡Bienvenidos a la COLOSAL Travel Agency, donde los viajes son tan alocados como nosotros!
¿Aburridas excursiones? ¡Eso no es lo nuestro! En COLOSAL, llevamos la emoción a un nuevo nivel.</p>
<p>Imagina viajar alrededor del mundo resolviendo pruebas divertidísimas, desde buscar tesoros en la
Torre Eiffel hasta desentrañar enigmas en la Gran Muralla China. ¡Nuestros viajes son como una montaña rusa de diversión!</p>
<p>En COLOSAL, no solo te llevamos a lugares increíbles, ¡te lanzamos a aventuras épicas! Si buscas
un viaje que desafíe tus límites y te haga reír a carcajadas, ¡somos tu elección!</p>
<p>Y eso no es todo, nuestra guía turística es experta en diversión y está lista para sorprenderte
en cada esquina del mundo. ¿Preparado para una experiencia de viaje que nunca olvidarás? Entonces,
¡únete a COLOSAL Travel Agency y déjate llevar por el caos alegre de nuestras travesías!</p>
<p>Viaja con nosotros y descubre por qué COLOSAL es sinónimo de diversión sin fin.
¡No es solo un viaje, es una locura controlada!</p>
<p>¡COLOSAL Travel Agency... donde los viajes se vuelven épicos y la diversión es infinita!</p>
<select class="dropdown" id="menu2">
<option value="Oktoberfest">30/10/23-OKTOBERFEST</option>
<option value="Luna">07/10/23-LUNA</option>
<option value="Dino">14/10/23-JURASSIC FUN</option>
<option value="Pompeya">21/10/23-POMPEYA</option>
<option value="Cerrato">28/10/23-CERRATO PALENTINO</option>
<option value="Halloween">04/11/23-ESPECIAL HALLOWEEN</option>
<option value="Egipto">11/11/23-EGIPTO</option>
<option value="DAU">18/11/23-DAU</option>
</select>
<div id="Oktoberfest" class="opcionesMenu2">
COLOSAL, impressive travel agency, PRESENTA:
<p class="title" id="aventura">¿LISTO PARA LA AVENTURA CERVECERA?</p>
<p>Sumérgete en la cultura alemana mientras disfrutas de la cerveza más auténtica y la diversión más desenfrenada que puedas imaginar.</p>
<img src="img/Oktoberfest.jpg" alt="Oktoberfest" style="width:100%;">
</div>
<div id="Luna" class="opcionesMenu2">
COLOSAL, impressive travel agency, PRESENTA:
<p class="title" id="aventura">¿LISTO PARA DESPEGAR HACIA LA LUNA?</p>
<p>¡No pierdas la oportunidad de ser un auténtico explorador lunar! Inscríbete hoy mismo y comienza la cuenta atrás para la aventura de tu vida.</p>
<img src="img/Luna.jpg" alt="Luna" style="width:100%;">
</div>
<div id="Dino" class="opcionesMenu2">
COLOSAL, impressive travel agency, PRESENTA:
<p class="title" id="aventura">¿ABURRIDO DE LA RUTINA DIARIA?</p>
<p>Únete a nuestro safari en el tiempo y conviértete en un explorador jurásico. Reserva ahora y embárcate en un viaje lleno de aventuras, risas y dinosaurios juguetones.</p>
<img src="img/Dino.jpg" alt="Jurassic fun" style="width:100%;">
</div>
<div id="Pompeya" class="opcionesMenu2">
COLOSAL, impressive travel agency, PRESENTA:
<p class="title" id="aventura">¿PREPARADO PARA UNA AVENTURA ARDIENTE?</p>
<p>Estás invitado a la fiesta más explosiva de la historia. Un viaje en el tiempo lleno de lava, cenizas y diversión garantizada. ¡No necesitas bañador, pero sí nervios de acero!
</p>
<img src="img/Pompeya.jpg" alt="Pompeya" style="width:100%;">
</div>
<div id="Cerrato" class="opcionesMenu2">
COLOSAL, impressive travel agency, PRESENTA:
<p class="title" id="aventura">¿PREPARADO PARA REDEFINIR TUS LÍMITES?</p>
<p>Únete a nosotros en esta inolvidable y alocada experiencia en el Cerrato Palentino, donde la diversión nunca termina y los recuerdos son siempre extravagantes!
</p>
<img src="img/Cerrato.jpg" alt="Cerrato" style="width:100%;">
</div>
<div id="Halloween" class="opcionesMenu2">
COLOSAL, impressive travel agency, PRESENTA:
<p class="title" id="aventura">¿SUSTO O RISA?</p>
<p class="title" id="aventura">¡SUSTO Y RISA!</p>
<p>Un viaje aterradoramente divertido donde los monstruos son sólo un poco menos aterradores que los precios de los hoteles.
</p>
<img src="img/Halloween.jpg" alt="Cerrato" style="width:100%;">
</div>
<div id="Egipto" class="opcionesMenu2">
COLOSAL, impressive travel agency, PRESENTA:
<p class="title" id="aventura">¿TE ATREVES A DEJARTE ARRASTRAR POR EL NILO DE LAS RISAS?</p>
<p>Prepárate para una experiencia trna estrambólica que incluso Cleopatra estaría celosa. ¡Egipto nunca ha sido tan divertido! ¿Te atreves a unirte a esta extravagante odisea, donde lo absurdo de convierte en aventura?
</p>
<img src="img/Egipto.jpg" alt="Cerrato" style="width:100%;">
</div>
<div id="DAU" class="opcionesMenu2">
COLOSAL, impressive travel agency, PRESENTA:
<p class="title" id="aventura">¿LISTO PARA LA GRAN FIESTA DEL JUEGO?</p>
<p>¡Vive la magia del Festival Dau en Barcelona! Descubre experiencias inolvidables, juegos fascinantes y un ambiente único. Únete a la aventura. ¿tu viaje hacia la diversión comienza aquí!</p>
<img src="img/DAU.jpg" alt="DAU" style="width:100%;">
</div>
</span>
</div>
<div id="contacto" class="opcionesMenu">
<p class="title" id="contactotext">Contacto</p>
<div class="social-icons">
<a href="https://t.me/COLOSALGames" target="_blank" class="telegram-icon"><img src="img/telegram-icon.png" alt="Telegram"></a>
<a href="https://www.instagram.com/colosalgames/" target="_blank" class="instagram-icon"><img src="img/instagram-icon.png" alt="Instagram"></a>
<a href="https://twitter.com/colosalgames" target="_blank" class="twitter-icon"><img src="img/twitter-icon.png" alt="Twitter"></a>
<a href="mailto:[email protected]" target="_blank" class="twitter-icon"><img src="img/gmail_icon.png" alt="Gmail"></a>
<!--<a href="https://www.youtube.com/user/" target="_blank" class="youtube-icon"><img src="img/youtube-icon.png" alt="YouTube"></a>-->
</div>
</div>
<div id="resultados" class="opcionesMenu">
<span class="body">
<h1 class="title" id="title"></h1>
<div id="botonReset"><button id="boton"></button></div>
<div class="instructions" id="instructions"></div>
<div class="form" id="form">
<input id="answerBox" style="flex-grow: 1;" onkeydown="if(event.keyCode===13) { document.getElementById('submitButton').click(); }">
<input type="button" value="Enviar" id="submitButton" style="flex-shrink: 0;">
</div>
<div id="policy"></div>
<p></p>
<div id="result"></div>
<p></p>
<div id="personal"></div>
<p></p>
<div id="clubResults"></div>
<p></p>
<div id="byebye"></div>
</span>
</div>
</body>
</html>