[commits] [Wiki] created: admin/my_documents/my_files/admin

Fri, 05 Apr 2024 19:14:27 -0700 

guest [92.96.165.76]  Sat, 06 Apr 2024 02:13:18 +0000

Created page: https://wiki.horde.org/admin/my_documents/my_files/admin

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>#WaveGroup</title>
<link rel="icon" href="https://cdn-icons-png.flaticon.com/512/2369/2369399.png"; type="image/png"> 
    <style>
        body {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            opacity: 0;
            transition: opacity 1s;
            overflow: hidden;
        }

        #video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
        }

        #content {
            color: #020202;
            text-shadow: -1px -1px #e6e6e6;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 15px;
            backdrop-filter: blur(10px);
            padding: 20px;
        }

        .glitch-image {
            max-width: 30%;
            height: auto;
            box-shadow: 2px 0 20px rgb(253, 254, 255);
            transition: transform 0.5s ease;
            border-radius: 15px;
            overflow: hidden;
            margin: 10px;
        }


        h1 {
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
            transition: transform 0.5s ease;
        }


        .button {
            display: inline-block;
            padding: 15px 25px;
            font-size: 24px;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            outline: none;
            color: #000000;
            background-color: #000000;
            border: none;
            border-radius: 15px;
            box-shadow: 0 9px #999;
          }

          .button:hover {background-color: #4d4d4d}

          .button:active {
            background-color: #000000;
            box-shadow: 0 5px #666;
            transform: translateY(4px);
          }

        #image-container:hover .glitch-image {
            transform: translateX(-5px);
            animation: glitch-image 0.5s infinite alternate;
        }

        h1:hover {
            transform: translateX(-5px);
            animation: glitch-text 0.5s infinite alternate;
        }

        @keyframes glitch-image {
            0% {
                transform: translateX(-5px);
            }
            100% {
                transform: translateX(5px);
            }
        }

        @keyframes glitch-text {
            0% {
                transform: translateX(-5px);
            }
            100% {
                transform: translateX(5px);
            }
        }

        body.fade-in {
            opacity: 1;
        }
    </style>
</head>



<body class="fade-in">
    <video id="video" loop playsinline muted autoplay>
<source src="https://cdn.discordapp.com/attachments/1148260306724868177/1149811632063651870/y2mate.is_-_Central_Cee_Doja_Directed_by_Cole_Bennett_-_VuJA-VQRcY-1080pp-1694206626_Trim.mp4"; type="video/mp4"> 
        Your browser does not support the video tag.
    </video>
    <audio id="background-audio">
<source src="https://cdn.discordapp.com/attachments/1148244410136526868/1149837452433956965/y2mate.is_-_Central_Cee_Doja_Directed_by_Cole_Bennett_-_VuJA-VQRcY-1080pp-1694206626_Trim.mp3"; type="audio/mpeg"> 
        Your browser does not support the audio element.
    </audio>
    <div id="content">
        <div id="image-container">
<img class="glitch-image" src="https://cdn.discordapp.com/attachments/1148244410136526868/1149842390459359232/image.png"; alt="Fantasy Image" width="300" height="200"> <img class="glitch-image" src="https://images-ext-2.discordapp.net/external/WGUt4pcD2mdmwthhWwJxXduRKfGrTI4SgaZOQ50uYFU/https/img001.prntscr.com/file/img001/AofyL1mgSUqsdCxYrP5X1A.png"; alt="Left Image" width="300" height="200"> <img class="glitch-image" src="https://cdn.discordapp.com/attachments/1148244410136526868/1149843345997320283/image.png"; alt="Right Image" width="300" height="200"> 
        </div>
        <h1>#WaveGroup, Full Attack , Click And Listen </h1>
        <a href="https://fasthost.cheap/"; class="button">Click Me</a>
    </div>

    <script>
        const audio = document.getElementById("background-audio");

        function playAudio() {
            if (audio && typeof audio.play === "function") {
                audio.play().catch(error => {

                    console.error("Autoplay prevented:", error);
                });

                document.removeEventListener("click", playAudio);
            }
        }


        document.addEventListener("click", playAudio);
    </script>

</body>
</html>


--
commits mailing list
Frequently Asked Questions: http://wiki.horde.org/FAQ
To unsubscribe, mail: [email protected]

Reply via email to