<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Unknow</title>
    <link href="https://fonts.googleapis.com/css2?family=Parkinsans:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Parkinsans', sans-serif;
        }
        body {
            background-color: #050505;
            background-image: 
                linear-gradient(rgba(255, 255, 255, 0.01) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.01) 1px, transparent 1px);
            background-size: 50px 50px;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            height: 100vh;
            text-align: center;
            user-select: none;
        }
        .container {
            text-align: center;
            max-width: 600px;
            padding: 20px;
        }
        .content {
            margin: 20px 0;
        }
        #dynamic-text {
            font-size: 1.5rem;
            color: #fff;
            font-weight: bold;
            overflow: hidden;
            white-space: nowrap;
            border-right: 2px solid #fff;
            display: inline-block;
            margin-bottom: 10px;
        }
        .time-text {
            font-size: 1rem;
            color: #aaa;
            margin-top: 10px;
            font-weight: normal;
        }
        .button-container {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
            gap: 15px;
        }
        .menu-button {
            padding: 10px 20px;
            background-color: #333;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .menu-button:hover {
            background-color: #555;
        }
        .menu {
            display: none;
            flex-direction: column;
            gap: 10px;
            margin-top: 20px;
        }
        .menu-item {
            padding: 10px 20px;
            background-color: #333;
            color: #fff;
            border: none;
            border-radius: 5px;
        }
        .menu-item:hover {
            background-color: #555;
        }
    </style>
    <script>
        document.addEventListener('contextmenu', event => event.preventDefault());
        document.addEventListener('keydown', event => {
            if (event.ctrlKey || event.metaKey || event.key === 'F12') {
                event.preventDefault();
            }
        });
    </script>
</head>
<body>
    <div class="container">
        <div class="content">
            <!-- Dynamic text with animation -->
            <p id="dynamic-text">Loading...</p>
            <!-- Time in Moldova and United Kingdom -->
            <p class="time-text">The time in Moldova is: <span id="moldova-time">--:--</span></p>
            <p class="time-text">The time in United Kingdom is: <span id="uk-time">--:--</span></p>

            <div class="button-container">
                <button class="menu-button" id="toggleMenuButton">Open Menu</button>
            </div>
            <div class="menu" id="menu">
                <button class="menu-item" id="injectBioButton">Inject.bio</button>
                <button class="menu-item" id="gunsLolButton">Guns.lol</button>
                <button class="menu-item" id="ezBioButton">E-Z.bio</button>
            </div>
        </div>
    </div>
    <script>
        (() => {
            const updateTime = () => {
                const now = new Date();
                const optionsMoldova = { timeZone: "Europe/Chisinau", hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: true };
                const optionsUK = { timeZone: "Europe/London", hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: true };

                const moldovaTime = now.toLocaleTimeString('en-GB', optionsMoldova);
                const ukTime = now.toLocaleTimeString('en-GB', optionsUK);

                document.getElementById("moldova-time").textContent = moldovaTime;
                document.getElementById("uk-time").textContent = ukTime;
            };
            const fetchCountry = async () => {
                try {
                    const response = await fetch('https://ipapi.co/json/');
                    const data = await response.json();
                    return data.country_name;
                } catch (error) {
                    return "Unable to detect location.";
                }
            };
            const animateIPandCountry = async (ip) => {
                const country = await fetchCountry();
                const dynamicText = document.getElementById('dynamic-text');
                const textArray = [
                    `IP: ${ip}`,
                    `Location: ${country}`
                ];
                let textIndex = 0;
                const typeText = (text, callback) => {
                    let index = 0;
                    dynamicText.textContent = '';
                    const type = () => {
                        if (index <= text.length) {
                            dynamicText.textContent = text.slice(0, index);
                            index++;
                            setTimeout(type, 100);
                        } else {
                            setTimeout(callback, 1000);
                        }
                    };
                    type();
                };
                const deleteText = (callback) => {
                    let currentText = dynamicText.textContent;
                    let index = currentText.length;
                    const deleteChars = () => {
                        if (index >= 0) {
                            dynamicText.textContent = currentText.slice(0, index);
                            index--;
                            setTimeout(deleteChars, 50);
                        } else {
                            callback();
                        }
                    };
                    deleteChars();
                };
                const animateLoop = () => {
                    typeText(textArray[textIndex], () => {
                        deleteText(() => {
                            textIndex = (textIndex + 1) % textArray.length;
                            animateLoop();
                        });
                    });
                };
                animateLoop();
            };
            fetch('https://api.ipify.org?format=json')
                .then(response => response.json())
                .then(data => {
                    animateIPandCountry(data.ip);
                });
            setInterval(updateTime, 1000);
            const toggleMenuButton = document.getElementById("toggleMenuButton");
            const menu = document.getElementById("menu");
            toggleMenuButton.addEventListener("click", () => {
                const isMenuVisible = menu.style.display === "flex";
                menu.style.display = isMenuVisible ? "none" : "flex";
                toggleMenuButton.textContent = isMenuVisible ? "Open Menu" : "Close Menu";
            });
            document.getElementById("injectBioButton").addEventListener("click", () => {
                window.open("https://inject.bio/minecraft", "_blank");
            });
            document.getElementById("gunsLolButton").addEventListener("click", () => {
                window.open("https://guns.lol/timeout", "_blank");
            });
            document.getElementById("ezBioButton").addEventListener("click", () => {
                window.open("https://e-z.bio/Fabi2MD", "_blank");
            });
        })();
    </script>
</body>
</html>