praguen.com

<!-- 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>