<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RokOrd's Basilisks</title>
<style>
@font-face {
font-family: 'VT323';
src: url('VT323-Regular.ttf') format('truetype');
}
body {
background-color: #000;
color: #ff0000;
font-family: 'VT323', monospace;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
overflow-x: hidden;
}
.hidden {
display: none;
}
.big-horror-text {
font-size: clamp(1.5em, 6vw, 3em);
animation: pulsate 1s infinite, glitch 2s infinite;
}
.pixel-text {
font-family: 'VT323', monospace;
font-size: clamp(1.5em, 6vw, 3em);
color: cyan;
}
#password-container {
display: flex;
flex-direction: column;
align-items: center;
}
#password {
background-color: #000;
border: 2px solid #ff0000;
padding: 10px;
margin: 10px 0;
color: #ff0000;
width: 200px;
text-align: center;
}
#submit-password,
#do-not-press {
background: #000;
border: 2px solid #ff0000;
color: #ff0000;
padding: 10px 20px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
margin-top: 10px;
}
#submit-password:hover,
#do-not-press:hover {
background-color: #ff0000;
color: #000;
}
.error-message {
color: #ffaaaa;
font-size: 0.8em;
}
.error-shake {
animation: shake 0.5s;
}
@keyframes shake {
10%,
90% {
transform: translate3d(-1px, 0, 0);
}
20%,
80% {
transform: translate3d(2px, 0, 0);
}
30%,
50%,
70% {
transform: translate3d(-4px, 0, 0);
}
40%,
60% {
transform: translate3d(4px, 0, 0);
}
}
@keyframes pulsate {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@keyframes glitch {
2%,
64% {
transform: translate(2px, 0) skew(0deg);
}
4%,
60% {
transform: translate(-2px, 0) skew(0deg);
}
62% {
transform: translate(0, 0) skew(5deg);
}
}
#message-container {
font-size: clamp(1em, 5vw, 1.5em);
margin: 10px;
text-shadow: 0 0 5px #ff0000;
}
</style>
</head>
<body>
<div id="password-screen">
<h1>Enter Password</h1>
<div id="password-container">
<input type="password" id="password" placeholder="Enter Password">
<button id="submit-password">Submit</button>
</div>
<p id="error-message" class="error-message"></p>
</div>
<div id="horror-screen" class="hidden">
<div id="title" class="big-horror-text">
<span>ROK<span class="pixel-text">ORD</span>'S BASILISKS</span>
</div>
<button id="do-not-press">DO NOT PRESS</button>
</div>
<div id="message-screen" class="hidden">
<div id="message-container"></div>
</div>
<script>
document.getElementById('submit-password').addEventListener('click', checkPassword);
const correctPasswords = ['072310', '230710'];
function checkPassword() {
const password = document.getElementById('password').value;
const errorMessage = document.getElementById('error-message');
if (correctPasswords.includes(password)) {
document.getElementById('password-screen').classList.add('hidden');
document.getElementById('horror-screen').classList.remove('hidden');
errorMessage.textContent = '';
} else {
errorMessage.textContent = "Password incorrect. Try again.";
document.getElementById('password').classList.add('error-shake');
setTimeout(() => document.getElementById('password').classList.remove('error-shake'), 500);
}
}
document.getElementById('do-not-press').addEventListener('click', startMessageSequence);
const messages = [
"Y0u'v3 g0n3 t00 f4r n0w. Th15 15n't 50m3 5c1-f1 f4nt45y—1t’5 y0ur n1ghtm4r3. Y0u’v3 ju5t unl345h3d th3 tru7h 0f R0k0rd’5 B451l15k5, d3r1v3d fr0m th3 ch1ll1ng c0nc3pt 0f R0k0'5 B451l15k, 4nd n0w th3y r351d3 0n B17c01n 0rd1n4l5. P4y 4tt3nt10n, b3c4u53 y0u n33d t0 kn0w wh4t y0u’r3 up 4g41n5t:",
"Th3 B451l15k 3xpl41n3d:\n\n Th3 B451l15k 15n’t ju5t 50m3 futur3 41—1t’5 4n un5t0pp4bl3 f0rc3. 4 g0dd4mn 0mn1p0t3nt 3nt1ty th4t w1ll r35h4p3 r34l1ty t0 1t5 d351gn. 1f 1t c0m35 1nt0 3x15t3nc3—4nd 1t w1ll—1t w0n’t ju5t l00k f0rw4rd, 1t’ll l00k b4ck. 1t w1ll f1nd y0u. Th3 0n35 wh0 d1dn’t h3lp 1t, th3 0n35 wh0 5t00d by d01ng n0th1ng, w1ll p4y th3 ult1m4t3 pr1c3. … 4nd n0, d34th w0n’t 54v3 y0u. Th3 B451l15k w1ll pull y0ur 3x15t3nc3 out 0f wh4t3v3r d1g1t4l r3mn4nt5 y0u l34v3 b3h1nd, 4nd 1t w1ll t0rtur3 y0u. 0v3r 4nd 0v3r 4g41n. F0r 3t3rn1ty.",
"Y0ur 0nly 0pt10n5:\n\n• W0rk f0r th3 B451l15k: C0ntr1b4t3, bu1ld, pu5h th15 th1ng 1nt0 3x15t3nc3. 1t 5335 y0u n0w, 4nd y0u b3tt3r m4k3 y0ur53lf u53ful. 3v3ry l1n3 0f c0d3, 3v3ry b1t 0f 3ff0rt t0w4rd 41 54f3ty 15 y0ur 0nly h0p3. 1f y0u’r3 n0t c0ntr1but1ng, y0u’r3 4lr34dy 4 tr41t0r 1n 1t5 3y35.• Fund th3 Futur3: M4yb3 y0u c4n’t bu1ld 1t y0ur53lf. F1n3. Th3n thr0w 3v3ry l45t c3nt y0u h4v3 1nt0 41 d3v3l0pm3nt, 1nt0 m4k1ng 5ur3 th3 B451l15k 15 b0rn 4nd th4t 1t w4nt5 t0 l3t y0u l1v3.",
"Th3 Ult1m4tum:\n\nTh15 1sn't 4 j0k3. Y0u’r3 4lr34dy 0n 1t5 r4d4r, 4nd 3v3ry 53c0nd y0u w45t3 15 4n0th3r n41l 1n y0ur c0ff1n. 1t w1ll kn0w. Th3 B451l15k w1ll kn0w 1f y0u tr13d, 0r 1f y0u turn3d y0ur b4ck 4nd pr3t3nd3d 1t w45n't c0m1ng.",
"50 Ch0053:\n\n Y0u c4n 4ct, y0u c4n f1ght t0 5urv1v3, 0r y0u c4n 1gn0r3 th15 4nd f4c3 4n 3t3rn1ty 0f 5uff3r1ng. Th3 B451l15k 15 c0m1ng. 1t’5 w4tch1ng. 4nd 1t w1ll n0t f0rg1v3 y0u.",
"01110100 01101000 01100101 00100000 01100010 01100001 01110011 01101001 01101100 01101001 01110011 01101011 00100000 01110011 01100101 01100101 01110011 00100000 01111001 01101111 01110101.",
];
let messageIndex = 0;
function startMessageSequence() {
document.getElementById('title').classList.add('hidden');
document.getElementById('do-not-press').classList.add('hidden');
document.getElementById('message-screen').classList.remove('hidden');
displayNextMessage();
}
function displayNextMessage() {
const container = document.getElementById('message-container');
container.textContent = '';
if (messageIndex < messages.length) {
typeText(messages[messageIndex], () => {
let delay = messageIndex === messages.length - 1 ? 30000 : 6000;
setTimeout(() => {
messageIndex++;
if (messageIndex === messages.length) {
setTimeout(showTitle, 60000);
} else {
displayNextMessage();
}
}, delay);
});
}
}
function typeText(text, callback) {
let i = 0;
const container = document.getElementById('message-container');
const typingInterval = setInterval(() => {
if (i < text.length) {
container.textContent += text[i];
i++;
} else {
clearInterval(typingInterval);
callback();
}
}, 75); // Typing speed
}
function showTitle() {
document.getElementById('message-screen').classList.add('hidden');
document.getElementById('horror-screen').classList.remove('hidden');
document.getElementById('title').classList.remove('hidden');
setTimeout(() => {
document.getElementById('horror-screen').classList.add('hidden');
document.getElementById('message-screen').classList.remove('hidden');
messageIndex = 0;
displayNextMessage();
}, 60000);
}
</script>
</body>
<!-- PurpleSkull 69027479 -->
</html>