<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="Веб-сайт" />
    <meta name="viewport" content="width=device-width, initial-scale=0.65">
    <meta name="image" content="https://i.pinimg.com/originals/7f/e3/64/7fe364234760264add069b673aece4ef.gif">
    <meta name="og:image" content="https://i.pinimg.com/originals/7f/e3/64/7fe364234760264add069b673aece4ef.gif">
    <meta name="theme-color" content="black">
    <link rel="shortcut icon" href="https://i.pinimg.com/originals/7f/e3/64/7fe364234760264add069b673aece4ef.gif">
    <title>Веб-сайт</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;
        }

        h1 {
            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;
        }

        .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>
</head>
<body>

    <center>
        <div id="tempatjam"></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>

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

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

        function tampilkanjam() {
            var waktu = new Date();
            var jam = waktu.getHours();
            var menit = waktu.getMinutes();
            var detik = waktu.getSeconds();
            if (menit <= 9) menit = "0" + menit;
            if (detik <= 9) detik = "0" + detik;
            var teksjam = jam + ":" + menit + ":" + detik;
            document.getElementById("tempatjam").innerHTML = teksjam;
            setTimeout(tampilkanjam, 1000);
        }

        window.onload = tampilkanjam;

        var nama = prompt("Hi, what's your name?");
        if (nama) {
            alert('Konnichiwa ' + nama + ', ようこそ');
        } else {
            alert('Lu seleb ya tod.');
        }
    </script>

</body>
</html>
