-
Notifications
You must be signed in to change notification settings - Fork 0
/
jfjdhfjdhfjhfj1.html
130 lines (127 loc) · 3.11 KB
/
jfjdhfjdhfjhfj1.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
<!doctype html>
<html>
<head>
<title>Cave of Eleven Sages</title>
<script src="/js/aes.js"></script>
<script src="/js/ctf.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
cipheredText = "U2FsdGVkX18xiuCY4BdqKun3qxldJ1DSgrYrUt7JeUQRXOKoOvHoUPmW1xDazEeF4qVg5tqj9F1gzpXiyXYD6A==";
</script>
<style>
:root{
--dark: #343e3d;
--theme: #38e4ae;
--light: #ffffff;
}
* {
box-sizing: border-box;
}
body{
padding: 0;
margin: 0;
font-family: monospace, sans-serif;
text-align: center;
background: var(--dark);
color: var(--light);
font-size: 1rem;
}
header{
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
background: var(--dark);
}
header>h1{
font-size: 1.5rem;
color: var(--theme);
}
main{
display: inline-block;
width: min(100%,640px);
text-align: left;
margin: 80px 0;
padding: 16px;
}
main>img{
width: 100%;
}
footer{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
background: var(--theme);
text-align: center;
}
form{
display: inline-grid;
width: min(100%,640px);
grid-template-columns: 1fr auto;
grid-gap: 10px;
}
input,input:focus,button{
border: 0;
margin: 0;
outline: none;
background: none;
border-bottom: 2px solid var(--dark);
color: var(--dark);
padding: 5px;
font-size: 1rem;
font-family: monospace, sans-serif;
width: 100%;
}
button{
background: var(--dark);
color: var(--light);
border: none;
padding: 5px 15px;
border-radius: 2px;
}
</style>
</head>
<body>
<header>
<h1>Room 1</h1>
</header>
<br>
<main>
<p>
You enter the cave and notice that the door behind you
immediately closes shut with a loud bang. Following that,
you instinctively get your phone out and surprisingly
notice that the network is stable. After a few seconds,
the cave gets lit with the bright light of multiple
floating enchanted lanterns along the entire length of the cave.
The first thing you notice apart from the mysterious
floating lanterns is a diagram engraved on one of the
walls -
<br><br>
</p>
<img src="/key.png">
<p>
<br><br>
And a sentence written underneath it.
</p>
<img src="/gh1.png">
<p>
While taking a closer look at the engravings, you notice
that the walls of the cave began closing into itself ever
so little, almost unnoticeable. From your estimate, you
gather that you have about an hour left before the walls
collapse completely.
</p>
</main>
<footer>
<form action="javascript:decrypt()">
<input type="text" id="passwordInput" placeholder="(8)" autocomplete="off" required>
<button type="submit">unlock</button>
</form>
</footer>
</body>
<html>