<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cool URL Cloaker</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background: white;
            color: black;
        }

        h1 {
            margin-bottom: 20px;
        }

        input[type="text"] {
            padding: 12px;
            width: 350px;
            margin-bottom: 15px;
            font-size: 16px;
            border: 2px solid #ccc;
            border-radius: 8px;
            outline: none;
        }

        input[type="text"]:focus {
            border-color: #ff9800;
        }

        button {
            padding: 12px 25px;
            font-size: 18px;
            font-weight: bold;
            cursor: pointer;
            background-color: #ff9800;
            color: white;
            border: none;
            border-radius: 8px;
        }

        button:hover {
            background-color: #e68900;
        }
    </style>
</head>
<body>

    <h1>Cool URL Cloaker</h1>
    <input type="text" id="urlInput" placeholder="Enter URL here...">
    <input type="text" id="titleInput" placeholder="Enter Title here..." style="margin-top: 10px;">
    <button onclick="redirectToIframe()">Cloak</button>
    <h1 style="text-align: center; font: 20px Tahoma, sans-serif; color: black;"><span id="dateTime"></span></h1>
    <p id="batteryStatus" style="margin-top: 20px; font-size: 14px; color: gray;"></p>

    <script>
        function redirectToIframe() {
            const url = document.getElementById('urlInput').value.trim();
            const title = document.getElementById('titleInput').value.trim();
            if (url) {
                // Open a new window (about:blank)
                const win = window.open('about:blank', '_blank');

                if (win) {
                    // Set the title of the new window
                    if (title) {
                        win.document.title = title;
                    }

                    // Create a new iframe
                    const iframe = win.document.createElement('iframe');
                    iframe.style.position = 'absolute';
                    iframe.style.top = '0';
                    iframe.style.left = '0';
                    iframe.style.width = '100vw';
                    iframe.style.height = '100vh';
                    iframe.style.border = 'none';

                    // Set the iframe source to the provided URL
                    iframe.src = url;

                    // Append iframe to the new window's document body
                    win.document.body.style.margin = '0';
                    win.document.body.style.overflow = 'hidden';
                    win.document.body.appendChild(iframe);
                } else {
                    alert('Unable to open a new window. Please check your browser settings.');
                }
            } else {
                alert('Please enter a valid URL!');
            }
        }

        // Battery Status
        if (navigator.getBattery) {
            navigator.getBattery().then(function(battery) {
                function updateBatteryStatus() {
                    const batteryLevel = Math.round(battery.level * 100);
                    const chargingStatus = battery.charging ? 'Charging' : 'Not Charging';
                    document.getElementById('batteryStatus').textContent = `Battery Level: ${batteryLevel}%, ${chargingStatus}`;
                }
                updateBatteryStatus();
                battery.addEventListener('levelchange', updateBatteryStatus);
                battery.addEventListener('chargingchange', updateBatteryStatus);
            });
        } else {
            document.getElementById('batteryStatus').textContent = 'Battery status not supported in this browser.';
        }
        
       </script type="text/javascript">
	</script>
  
  <script type="text/javascript" src="data:text/javascript;base64,ICBmdW5jdGlvbiBvbl9teV90b2dnbGVfYnRuX2NsaWNrKGUpIHsKICAgIGxldCBpc1ByZXNzZWRfc3RyID0gdGhpcy5nZXRBdHRyaWJ1dGUoJ2FyaWEtcHJlc3NlZCcpOwogICAgbGV0IGlzUHJlc3NlZCA9IChpc1ByZXNzZWRfc3RyID09PSAndHJ1ZScpOwogICAgaXNQcmVzc2VkID0gIShpc1ByZXNzZWQpOwogICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ2FyaWEtcHJlc3NlZCcsIGlzUHJlc3NlZCk7CiAgICAgIGlmIChpc1ByZXNzZWQpIHsKICAgIHdpbmRvdy5vbmJlZm9yZXVubG9hZCA9IGZ1bmN0aW9uKCkgewogICAgcmV0dXJuIHRydWU7Cn0KICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYnRuLW15LXRvZ2dsZScpLnRleHRDb250ZW50ID0gJ0xlYXZlIFBhZ2UgUG9wdXA6IE9uJwpkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYnRuLW15LXRvZ2dsZScpLnN0eWxlLmNvbG9yID0gImxpbWUiCiAgfSBlbHNlIHsKICAgIHdpbmRvdy5vbmJlZm9yZXVubG9hZCA9IG51bGw7CiAgICAgICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdidG4tbXktdG9nZ2xlJykudGV4dENvbnRlbnQgPSAnTGVhdmUgUGFnZSBQb3B1cDogT2ZmJwpkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYnRuLW15LXRvZ2dsZScpLnN0eWxlLmNvbG9yID0gInJlZCIKICB9CiAgfQogIGxldCBteV90b2dnbGVfYnRuID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2J0bi1teS10b2dnbGUnKTsKICBteV90b2dnbGVfYnRuLm9uY2xpY2sgPSBvbl9teV90b2dnbGVfYnRuX2NsaWNrOw=="></script>
  
  <script type="text/javascript" src="data:text/javascript;base64,KGZ1bmN0aW9uKCkgewogICAgdmFyIGRheXMgPSBbJ1N1bmRheScsJ01vbmRheScsJ1R1ZXNkYXknLCdXZWRuZXNkYXknLCdUaHVyc2RheScsJ0ZyaWRheScsJ1NhdHVyZGF5J107CiAgICAKICAgIHZhciBtb250aHMgPSBbJ0phbnVhcnknLCdGZWJydWFyeScsJ01hcmNoJywnQXByaWwnLCdNYXknLCdKdW5lJywnSnVseScsJ0F1Z3VzdCcsJ1NlcHRlbWJlcicsJ09jdG9iZXInLCdOb3ZlbWJlcicsJ0RlY2VtYmVyJ107CgogICAgRGF0ZS5wcm90b3R5cGUuZ2V0TW9udGhOYW1lID0gZnVuY3Rpb24oKSB7CiAgICAgICAgcmV0dXJuIG1vbnRoc1sgdGhpcy5nZXRNb250aCgpIF07CiAgICB9OwogICAgRGF0ZS5wcm90b3R5cGUuZ2V0RGF5TmFtZSA9IGZ1bmN0aW9uKCkgewogICAgICAgIHJldHVybiBkYXlzWyB0aGlzLmdldERheSgpIF07CiAgICB9Owp9KSgpOwp2YXIgYW9wID0gIkFNIgogICAgc2V0SW50ZXJ2YWwodXBkYXRlVGltZSwgMSk7CmZ1bmN0aW9uIHVwZGF0ZVRpbWUoKSB7CnZhciBub3cgPSBuZXcgRGF0ZSgpOwp2YXIgX2RheSA9IG5vdy5nZXREYXlOYW1lKCk7CnZhciBfbW9udGggPSBub3cuZ2V0TW9udGhOYW1lKCk7CnZhciBoID0gbm93LmdldEhvdXJzKCk7CnZhciBtID0gbm93LmdldE1pbnV0ZXMoKTsKdmFyIHMgPSBub3cuZ2V0U2Vjb25kcygpOwp2YXIgbXMgPSBub3cuZ2V0TWlsbGlzZWNvbmRzKCk7CnZhciBkYXlOdW0gPSBub3cuZ2V0RGF0ZSgpOwogIGlmIChtIDwgMTApIHsKICAgIG0gPSAiMCIgKyBtOwogIH0KICAKICBpZiAocyA8IDEwKSB7CiAgICBzID0gIjAiICsgczsKICB9CiAgCiAgaWYgKG1zIDwgMTAwICYmIG1zID4gOSkgewogICAgbXMgPSAiMCIgKyBtczsKICB9IGVsc2UgaWYgKG1zIDwgMTApIHsKICAgIG1zID0gIjAwIiArIG1zOwogIH0KICBpZiAoaCA+IDEyKSB7CiAgICBhb3AgPSAiUE0iCiAgICBoID0gaCAtIDEyOwogIH0gZWxzZSBhb3AgPSAiQU0iCiAgZG9jdW1lbnQucXVlcnlTZWxlY3RvcigiI2RhdGVUaW1lIikudGV4dENvbnRlbnQgPSBgJHtfZGF5fSwgJHtfbW9udGh9ICR7ZGF5TnVtfSAke2h9OiR7bX06JHtzfS4ke21zfSAke2FvcH1gCn0="></script>
 
    </style>
</body>
</html>
