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

Sat Apr 6 02:13:18 UTC 2024

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>