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>


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


<!DOCTYPE html>
<html>
<head>
  <style>
    .button-wrapper {
      display: flex;
      justify-content: center;
      position: fixed;
      bottom: 44px; /* Adjust the bottom value as per your preference */
      left: 50%;
      transform: translateX(-50%);
      z-index: 2;
    }
    .ip-button {
      display: inline-block;
      background-color: transparent; /* Make the button transparent */
      padding: 15px 15px;
      border-radius: 0px;
      font-family: Microsoft YaHei UI Light, sans-serif;
      font-size: 24px;
      color: #ffff00;
      text-decoration: none;
      position: relative;
      overflow: hidden;
      border: 1px solid #ffff00; /* Add border for visibility */
    }
    .ip-button::before {
      content: "";
      position: absolute;
      top: -99%;
      left: -99%;
      width: 100%;
      height: 100%;
      background: linear-gradient(45deg, #241511, #241511, #241511);
      transform: rotate(45deg);
      animation: pulse 3s linear infinite;
      z-index: 1;
    }
    @keyframes pulse {
      0% {
        transform: rotate(45deg) scale(100);
        opacity: 0.7;
      }
      50% {
        transform: rotate(45deg) scale(100);
        opacity: 0.3;
      }
      100% {
        transform: rotate(45deg) scale(100);
        opacity: 0.7;
      }
    }
    .ip-button span {
      position: relative;
      z-index: 1;
    }
  </style>
</head>
<body>
  <div class="button-wrapper">
<a href="https://www.praguen.com" class="ip-button" target="_top">
  <span id="ip-address"></span>
    </a>
  </div>
  <script>
    function getIPAddress() {
      fetch('https://api.ipify.org?format=json')
        .then(response => response.json())
        .then(data => {
          document.getElementById('ip-address').textContent = data.ip;
        })
        .catch(error => {
          console.log('Nepodařilo se získat IP adresu:', error);
        });
    }
    getIPAddress();
  </script>
</body>
</html>

</body>
</html>