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
/
nivel3.html
123 lines (103 loc) · 5.08 KB
/
nivel3.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
<!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>
</head>
<!-- Al cargar el cuerpo de la página, se llama la función que permite construir el recorrido del jugador. -->
<body onload="mapa3();">
<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 conectarse al nuevo servidor para acabar con el último juego se descubrió que porfin estaba en
el servidor chino ya que el idioma operativo tenía simbolos extraños y fotos de sitios con mucha polución.</p>
<label>Clave</label>
<input type="text" name="clave" id="clave">
<button class="btn btn-success" onclick="nivel3();">validar</button>
<div id="correcto" class="correcto">
<p>Felicitaciones, lograste entrar al servidor Chino, recuperar el antidoto y descubrir a los paises que colaboraron con el hacker. Si quieres saber como terminó la historia usa el boton final.</p>
<a class="btn btn-success" href="final.html">Historia final</a>
</div>
<div id="incorrecto" class="incorrecto">
Contraseña incorrecta, vuelve a intentarlo
</div>
</div>
</section>
<section class="col-md-4 utilitario">
<h3>Nivel 3</h3>
<div class="texto">
<p>El hacker estaba muy confiado en los dos niveles anteriores pero en este se puso serio.</p>
<p>Debes descifrar la última clave, la cual está doblemente cifrada con un algoritmo que nadie es capaz de romper, pero tú lo debes hacer por el bien de Colombia.</p>
<p> Como pista el hacker dejo la palabra rot13, una <a href="https://es.wikipedia.org/wiki/ROT13">página web </a> y una herramienta que le ayudaba a romper cualquier sistema criptográfico. </p>
</div>
</section>
<section class="col-md-4 utilitario">
<h3>Herramienta</h3>
<div class="texto">
<h4>El texto cifrado es:</h4>
<p>Fbyb gvrarf dhr ibyire n ncyvpne yn qrpbqvsvpnpvba n yn fvthvragr senfr creb pba ha pbeevzvragb qr bapr: Nc encxg gu: AqUqaGnOglqtJcemgt</p>
<div class="separator">
<label>Corrimiento(entre 0 y 26): </label><input id="shift_input" type="number" name="caesarin" min="0" max="26" value="0" />
</div>
<label>Entrada: </label>
<div class="separator">
<textarea id="caesar_input" rows="4" cols="35"></textarea>
</div>
<label>Salida: </label>
<div class="separator">
<textarea id="caesar_output" rows="4" cols="35"></textarea>
<button class="btn btn-success" onclick="caesar();">Aplicar Sustitución</button>
</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>