<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=0.65">
    <meta name="theme-color" content="black">
    <link rel="shortcut icon" href="https://i.pinimg.com/originals/7f/e3/64/7fe364234760264add069b673aece4ef.gif">
    <title>Secret?</title>
    
    <!-- External Google Font -->
    <link href="https://fonts.googleapis.com/css2?family=Kelly+Slab&display=swap" rel="stylesheet">
    <style>
        
        body {
            background-color: black;
            color: white;
            font-family: "Montserrat", serif;
            margin: 0;
            text-align: center;
        }

        #tempatjam {
            font-size: 36px;
            font-weight: bold;
            margin-top: 20px;
        }

        h2 {
            font-weight: bold;
            letter-spacing: 2px;
        }

        p {
            font-size: 18px; 
        }

        img {
            width: 300px;
        }

        center {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            height: 80%;
            margin: auto;
            width: 100%;
        }

        #footer {
            position: fixed;
            top: 75px;
            left: -235px;
            width: 600px;
            padding: 10px;
            font-size: 16px;
            text-align: center;
            color: rgb(255, 255, 255);
            font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
            transform: rotate(-45deg);
            transform-origin: 50% 0;
            background-color: rgb(0, 0, 0);
            border: 1px solid rgb(170, 170, 170);
            z-index: 9999;
            opacity: 0.5;
        }

        .marquee-text {
            font-family: 'Trade Winds', cursive;
            font-size: 1.2em;
        }

        .password-form {
            margin-top: 50px;
        }

        .protected-content {
            display: none;
        }

        .kadal {
            background: transparent;
            border: 1px solid red;
            font-family: "Share Tech Mono";
            font-size: 10px;
            font-weight: normal;
            padding: 2px 25px;
            text-decoration: none;
            text-shadow: rgb(21, 207, 244) 0px 0px 0px;
        }
    </style>
    <script lenguage="javascript" href="main.js">
        	alert("クフジバン")
</script>
</head>
<body>

    <!-- Password Form -->
    <div class="password-form" id="passwordForm">
        <label for="password">Enter Password:</label>
        <input type="password" id="password" />
        <button onclick="checkPassword()">Submit</button>
    </div>

    <!-- Protected Content -->
    <div class="protected-content" id="protectedContent">
        <center>
            <!-- Jam -->
            <div id="tempatjam">00:00:00</div>

            <h2>[+] -- Што табе патрэбна? -- [+]</h2>
            <img src="https://i.pinimg.com/originals/7f/e3/64/7fe364234760264add069b673aece4ef.gif" alt="Image">
            <p>Пришло время запустить ракету. Что с тобой не так?</p>

            <button onclick="play()" class="kadal">
                <font face="courier new" size="2" color="white">🥲🥲🥲🥲</font>
            </button>
            
            <audio src="https://f.top4top.io/m_32658r8sw1.mp3" controls></audio>
        </center>

        <!-- Footer -->
        <div id="footer">
            <b>
                <font class="marquee-text">
                    <marquee direction="left" scrollamount="20" width="50%">----- ~=+ [ クフジバン ] +=~ -----</marquee>
                </font>
            </b>
        </div>
    </div>

    <script>
        // Password Protection
        const correctPassword = "kuhupunya"; // Ganti dengan password Anda

        function checkPassword() {
            var enteredPassword = document.getElementById("password").value;

            if (enteredPassword === correctPassword) {
                // Tampilkan konten yang dilindungi
                document.getElementById("passwordForm").style.display = "none";
                document.getElementById("protectedContent").style.display = "block";
                tampilkanjam(); // Mulai fungsi jam
            } else {
                alert("Incorrect password! Please try again.");
            }
        }

        // Fungsi untuk menampilkan jam dengan warna yang berubah
        function tampilkanjam() {
            const tempatJam = document.getElementById("tempatjam");
            const waktu = new Date();
            const jam = String(waktu.getHours()).padStart(2, '0');
            const menit = String(waktu.getMinutes()).padStart(2, '0');
            const detik = String(waktu.getSeconds()).padStart(2, '0');
            tempatJam.innerHTML = `${jam}:${menit}:${detik}`;

            // Menghasilkan warna acak
            const randomColor = `rgb(${Math.floor(Math.random() * 256)}, 
                                     ${Math.floor(Math.random() * 256)}, 
                                     ${Math.floor(Math.random() * 256)})`;
            tempatJam.style.color = randomColor;

            setTimeout(tampilkanjam, 1000);
        }

        // Fungsi memainkan audio
        function play() {
            var audio = new Audio("https://g.top4top.io/m_2158nyacg0.mp3");
            audio.play();
        }
    </script>

</body>
</html>