<!-- eCITY --> <head> <title>eCITY</title> </head> <LINK href="https://www.praguen.com/ecity/pictures/globe.ico" type=image/x-icon rel="SHORTCUT ICON"> <head> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <!DOCTYPE html> <html> <head> <style> body { margin: 0; padding: 0; } .logo-container { position: absolute; top: 150px; left: 50%; transform: translateX(-50%); /* Posunutí kontejneru do středu */ display: flex; align-items: center; /* Zarovnání obsahu na střed podle osy Y */ } .logo-button { margin-right: 0px; transform: rotate(0deg); transition: transform 2s; cursor: pointer; } .logo-button:first-child:hover { transform: rotate(360deg); } .logo-button:nth-child(2):hover { transform: scale(1.2); } .logo-button:last-child:hover { transform: translateY(25px); } </style> </head> <body> <div class="logo-container"> <a href="https://www.praguen.com/ecity/index/html.php" class="logo-button"> <img src="https://www.praguen.com/ecity/pictures/start.png" alt="Earwix Logo"> </a> </div> </body> </html> <!-- VIDEO --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Background Video Countdown Redirect</title> <style> body { margin: 0; padding: 0; overflow: hidden; background-color: black; color: white; font-family: Microsoft YaHei UI Light, sans-serif; font-size: 25px; display: flex; align-items: center; justify-content: center; flex-direction: column; } video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } #countdown { margin-top: 0px; font-size: 50px; text-align: center; } #redirect-button { display: none; margin-top: 0px; padding: 11px 55px; background-color: transparent; border: 3px solid yellow; color: white; font-family: Microsoft YaHei UI Light, sans-serif; border-radius: 20px; font-size: 25px; cursor: pointer; } @media (max-width: 768px) { body { font-size: 25px; } #countdown { font-size: 25px; } #redirect-button { font-size: 18px; padding: 10px 30px; } video { position: absolute; } } </style> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> #audio-toggle { position: fixed; top: 10px; left: 10px; z-index: 9999; background-color: rgba(0, 0, 0, 0.0); color: yellow; padding: 5px 10px; border-radius: 15px; cursor: pointer; font-family: "Digital-7 Mono", sans-serif; font-size: 15px; } </style> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Digital-7+Mono"> </head> <body> <div id="audio-toggle">AUDIO</div> <video id="video" controls autoplay muted loop playsinline> <source src="https://www.praguen.com/ecity/video/ecity.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <div id="countdown"> <!-- Countdown Timer Content Here --> </div> <button id="redirect-button"> <!-- Redirect Button Content Here --> </button> <script> function toggleAudio() { var video = document.getElementById("video"); var audioToggle = document.getElementById("audio-toggle"); if (video.muted) { video.muted = false; audioToggle.textContent = "AUDIO: on"; } else { video.muted = true; audioToggle.textContent = "AUDIO: off"; } } document.getElementById("audio-toggle").addEventListener("click", toggleAudio); </script> </body> </html>