This repository has been archived by the owner on Mar 22, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
nivel1.html
107 lines (95 loc) · 4.48 KB
/
nivel1.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!--Es utilizado para que el navegador escale y se pueda hacer un responsive design -->
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- Titulo que aparece en la pestaña del navegador -->
<title>Crisis</title>
<!-- librerias auxiliares de css -->
<link rel="stylesheet" href="recursos/css/bootstrap.css">
<link rel="stylesheet" href="recursos/css/vis.css">
<!-- Hoja de estilos que se utilza para toda la página web -->
<link rel="stylesheet" href="recursos/css/main.css">
<!-- librerias auxiliares de javascript -->
<script src="recursos/js/jquery.js"></script>
<script src="recursos/js/bootstrap.js"></script>
<script src="recursos/js/vis.js"></script>
<!-- Scripts que se utilza para toda la página web -->
<script src="recursos/js/main.js"></script>
<!-- Scripts que se utilizan para el juego del nivel 2 -->
<!-- Estos son generados por Animate CC-->
<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
<script src="recursos/archivos_animate_cc/juego.js"></script>
<script src="recursos/archivos_animate_cc/nivel1.js"></script>
</head>
<!-- Al cargar el cuerpo de la página, se llama la función que permite construir el recorrido del jugador. -->
<body onload="mapa1(); init();">
<div class="container start-here">
<div class="page-header">
<h1>Crisis de ingenieros</h1>
<p>Página creada antes de que el último ingeniero de Colombia desapareciera.</p>
</div>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">UNALCorporation</a>
</div>
<ul class="nav navbar-nav">
<li ><a href="index.html">Inicio</a></li>
<li class="active"><a href="juego.html">Juego</a></li>
<li><a href="creditos.html">Créditos</a></li>
<li><a href="mapa.html">Mapa del sitio</a></li>
</ul>
</div>
</nav>
<section class="col-md-4 utilitario">
<h3>Detalles de la conexión</h3>
<div id="visualization"></div>
<div class="texto-wob">
<p>Al empezar el juego notaste que la conexion se hizo a un servidor de Brasil.
Debes encontrar la clave para seguir avanzando en el juego.</p>
<label>Clave</label>
<input type="text" name="clave" id="clave">
<button id="verifier" class="btn btn-success" onclick="nivel1();">validar</button>
<div id="correcto" class="correcto">
Puedes pasar al siguiente nivel
<a class="btn btn-success" href="nivel2.html">Segundo nivel</a>
</div>
<div id="incorrecto" class="incorrecto">
Contraseña incorrecta, vuelve a intentarlo
</div>
</div>
</section>
<section class="col-md-3 texto-wob utilitario">
<h3>Nivel 1</h3>
<div class="texto">
<p>El primero siempre es el más facil, descubre las diferencias y obten la clave secreta.</p>
<p>Pista: Para encontrarlas debes hacer click en las diferencias que creas que tiene la imagen 2 respecto a la 1 y se activara un circulo rojo si acertaste.</p>
</div>
</section>
<section class="col-md-5">
<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:500px; height:354px">
<canvas id="canvas" width="500" height="354" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:500px; height:354px; position: absolute; left: 0px; top: 0px; display: block;">
</div>
</div>
</section>
</div>
<footer class="footer">
<div class="footerContent">
<a href="index.html" >Inicio</a> |
<a href="juego.html" >Juego</a> |
<a href="creditos.html" >Créditos</a> |
<a href="mapa.html" >Mapa del sitio</a>
<div class="wrapper"></div>
<small>
<a rel="license" href="https://creativecommons.org/licenses/by/4.0/">@Copyleft 2016, Andrés Felipe Castellanos Páez</a>
</small>
</div>
</footer>
</body>
</html>