<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GM Say It Back</title>
<style>
body {
background-color: black;
color: purple;
font-family: Arial, sans-serif;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
overflow: hidden;
}
#text-box {
white-space: pre-wrap;
display: none;
width: 80%;
text-align: center;
}
#input-container {
text-align: center;
margin-bottom: 20px;
}
#flash {
display: none;
}
@keyframes flash {
0% {
color: purple;
}
50% {
color: yellow;
}
100% {
color: purple;
}
}
</style>
</head>
<body>
<div id="input-container">
<p>GM SAY IT BACK!</p>
<input type="text" id="password-input" placeholder="Enter password">
<button id="submit-button">Submit</button>
</div>
<div id="text-box"></div>
<div id="flash"></div>
<script>
const passwordInput = document.getElementById('password-input');
const submitButton = document.getElementById('submit-button');
const textBox = document.getElementById('text-box');
const flashText = document.getElementById('flash');
submitButton.addEventListener('click', () => {
if (passwordInput.value === 'GM') {
passwordInput.style.display = 'none';
submitButton.style.display = 'none';
textBox.style.display = 'block';
typeMessage('GM\n'.repeat(200), 0);
} else {
alert('Incorrect password! Please try again.');
}
});
function typeMessage(text, index) {
if (index < text.length) {
textBox.innerHTML += text[index];
setTimeout(() => typeMessage(text, index + 1), 50); // Typing effect
} else {
flashText.innerHTML = textBox.innerHTML; // Copy text to flash div
flashText.style.display = 'block';
flashText.style.animation = 'flash 1s infinite'; // Flashing effect
}
}
</script>
</body>
</html>
188 days ago
206 days ago
207 days ago
209 days ago
209 days ago
209 days ago
210 days ago
Owner
210 days ago