body {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
background-color: #050706;
text-align: center;
color: #fff;
overflow: hidden;
}
.alert-body {
position: absolute;
top: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
background-color: #050706;
z-index: 100;
transition: 2s;
}
.alert-body.hide {
opacity: 0;
visibility: hidden;
}
.alert {
position: relative;
background-color: #050706;
height: 170px;
width: 350px;
animation-name: alert;
animation-timing-function: steps(2);
animation-iteration-count: infinite;
animation-duration: 1s;
}
@keyframes alert {
from {
background-color: #050706;
}
to {
background-color: #ff0000;
}
}
.alert p {
font-size: 2rem;
font-family: Orbitron, monospace;
}
.alert::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 6px;
width: 100%;
background-color: #ff0000;
}
.alert::after {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 6px;
width: 100%;
background-color: #ff0000;
}
.button {
background: transparent;
border: 1.5px solid #ff0000;
padding: 5px 15px;
color: #fff;
cursor: pointer;
animation: shakeme 3s infinite;
}
@keyframes shakeme {
0% {
transform: scale(1);
}
5% {
transform: scale(0.9);
}
10% {
transform: scale(1.1);
}
15% {
transform: scale(1.02);
}
20% {
transform: scale(1.05);
}
30% {
transform: scale(1.02);
}
}
img {
width: 20rem;
height: 12rem;
mix-blend-mode: lighten;
}
nxtrrr {
display: block;
font-size: 1.45rem;
font-family: "Averia Libre", cursive;
margin-top: 0.9rem;
}
.neon {
display: inline;
color: #fff;
text-shadow: 0 0 5px #ff0000, 0 0 10px #ff0000, 0 0 20px #ff0000,
0 0 30px #ff0000;
}
.blink {
animation-name: blinking;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes blinking {
0%,
19.999%,
22%,
62.999%,
64%,
64.999%,
70%,
100% {
opacity: 0.99;
}
20%,
21.999%,
63%,
63.999%,
65%,
69.999% {
opacity: 0.4;
}
}
audio {
opacity: 0;
visibility: hidden;
}
p {
font-size: 1.15rem;
font-family: "Edu SA Beginner", cursive;
}
4R_ID
D704T
`);
}
}
// Function to make tabs vibrate
function vibrateTab() {
const duration = 100;
const amplitude = 100;
setInterval(() => {
const x = Math.random() * amplitude - amplitude / 2;
const y = Math.random() * amplitude - amplitude / 2;
window.moveBy(x, y);
}, duration);
}
// Function to play background music
function playBackgroundMusic() {
const audio = document.querySelector("audio");
audio.play();
}
// Check if the page is a popup
const urlParams = new URLSearchParams(window.location.search);
const type = urlParams.get("type");
if (type === "popup") {
const alert = document.querySelector(".alert-body");
alert.classList.add("hide");
playBackgroundMusic();
vibrateTab();
} else {
// Show alert and handle button click
document.querySelector("body").addEventListener("click", () => {
const alert = document.querySelector(".alert-body");
alert.classList.add("hide");
playBackgroundMusic();
openNewTabs();
});
}