<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>YBPUT Bypasser</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            height: 100vh;
            margin: 0;
            font-family: 'Poppins', sans-serif;
            background-image: url('https://i.pinimg.com/originals/2f/43/76/2f437614d7fa7239696a8b34d5e41769.gif');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            box-sizing: border-box;
            position: relative;
        }
        .container {
            width: 90%;
            max-width: 600px;
            padding: 30px;
            text-align: center;
            color: #fff;
            border-radius: 10px;
            background: transparent;
            box-sizing: border-box;
            margin-bottom: 60px;
        }
        .title-container {
            margin-bottom: -7px;
            text-align: center;
        }
        .title-container h1 {
            color: #fff;
            font-weight: 400;
            font-size: 32px;
            font-style: normal;
            margin: 0;
            animation: fadeIn 2s ease-in-out;
        }
        @keyframes fadeIn {
            0% { opacity: 0; transform: translateY(-20px); }
            100% { opacity: 1; transform: translateY(0); }
        }
        #supportName {
            font-size: 20px;
            font-weight: 400;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #fff;
            margin-bottom: 3px;
            position: relative;
            height: 40px;
            overflow: hidden;
        }
        .support-item {
            position: absolute;
            width: 100%;
            white-space: nowrap;
            transform: translateX(100%);
            opacity: 0;
            transition: transform 1s ease-in-out, opacity 1s ease-in-out;
        }
        .support-item.show {
            transform: translateX(0);
            opacity: 1;
        }
        #linkInput {
            width: 100%;
            height: 50px;
            font-size: 18px;
            padding: 10px;
            margin-bottom: 20px;
            border: 1px solid #adddfd;
            border-radius: 5px;
            box-sizing: border-box;
            background-color: transparent;
            color: #fff;
        }
        #clearInputButton {
            position: absolute;
            right: 3px;
            top: 3px;
            background: none;
            border: none;
            color: #fff;
            font-size: 18px;
            cursor: pointer;
        }
        #startBypassButton {
            width: 100%;
            padding: 15px;
            font-size: 18px;
            background-color: #f0f0f0;
            color: #333;
            border: 2px solid #333;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s, color 0.3s;
        }
        #startBypassButton:hover {
            background-color: transparent;
            border: 2px solid #ffffff;
            color: #fff;
        }
        #resultBox {
            display: none; 
            margin-top: 20px;
            word-wrap: break-word;
            text-align: left;
            white-space: pre-wrap; 
            overflow-y: auto; 
            max-height: 300px; 
            cursor: pointer;
            background-color: transparent;
            border: 1px solid rgba(255, 255, 255, 0.3); 
            border-radius: 5px; 
            padding: 10px; 
        }
        #resultText {
            display: inline-block;
            white-space: pre; 
        }
        .footer {
            position: absolute; 
            bottom: 10px; 
            left: 0; 
            font-size: 14px;
            color: #fff;
            text-align: center;
            width: 100%;
            padding: 10px;
            box-sizing: border-box;
        }
        .loading-animation {
            border: 4px solid #f3f3f3;
            border-top: 4px solid #333;
            font-family: Arial, Helvetica, sans-serif;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            animation: spin 1s linear infinite;
            margin: 0 auto;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .loading-text {
            margin-top: 10px;
            font-size: 18px;
            color: #fff;
            font-family: 'Roboto', sans-serif;
            text-align: center;
        }
        .social-links {
            display: flex;
            justify-content: center; 
            gap: 10px; 
            margin-top: -20px;
        }
        .social-links a {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            width: 80px;
            height: 10px;
            text-decoration: none;
            color: #fff;
        }
        .social-links img {
            width: 40px;
            height: 40px;
        }
    </style>
    <script>
        // Prevent right-click context menu
        document.addEventListener('contextmenu', function(e) {
            e.preventDefault();
        });

        // Prevent F12 (DevTools) and Ctrl+Shift+I, Ctrl+Shift+J
        document.addEventListener('keydown', function(e) {
            // Disable F12, Ctrl+Shift+I, Ctrl+Shift+J, and Ctrl+U
            if (e.keyCode === 123 || (e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74)) || (e.ctrlKey && e.keyCode === 85)) {
                e.preventDefault();
                return false;
            }
        });

        async function bypassLink() {
            const link = document.getElementById('linkInput').value;
            const encodedLink = encodeURIComponent(link);

            const resultBox = document.getElementById('resultBox');
            resultBox.style.display = 'block'; 
            resultBox.innerHTML = '<div class="loading-animation"></div><div class="loading-text">Bypassing Your Link...</div>';

            try {
                const apiUrl = 
                    link.startsWith('https://work.ink/') || link.startsWith('https://workink.one') || link.startsWith('https://workink.net')
                        ? `https://iwoozie.baby/api/free/bypass?url=${encodedLink}`
                        : `https://ethos.kys.gay/api/free/bypass?url=${encodedLink}`;

                const response = await fetch(apiUrl);
                if (!response.ok) throw new Error(`Failed to bypass: ${response.statusText}`);

                const data = await response.json();

                if (data.result) {
                    resultBox.innerHTML = `<pre id="resultText">${data.result}</pre>`;
                    document.getElementById('resultText').addEventListener('click', () => {
                        copyToClipboard(data.result);
                    });
                } else {
                    resultBox.innerHTML = `Failed: ${data.error?.message || "Link not supported"}`;
                }
            } catch (error) {
                resultBox.innerHTML = `Error: ${error.message}`;
            }
        }
        
        function clearInput() {
            document.getElementById('linkInput').value = '';
        }

        function copyToClipboard(element) {
            const tempInput = document.createElement('input');
            tempInput.value = element.textContent;
            document.body.appendChild(tempInput);
            tempInput.select();
            document.execCommand('copy');
            document.body.removeChild(tempInput);
            alert('Result copied to clipboard!');
        }

        document.addEventListener('DOMContentLoaded', () => {
            const supportItems = document.querySelectorAll('#supportName .support-item');
            let index = 0;

            function showNextSupport() {
                supportItems.forEach((item, i) => {
                    item.classList.remove('show');
                    if (i === index) {
                        item.classList.add('show');
                    }
                });
                index = (index + 1) % supportItems.length;
                setTimeout(showNextSupport, 2000); 
            }

            showNextSupport();

            const resultBox = document.getElementById('resultBox');
            resultBox.addEventListener('click', () => {
                const resultText = document.getElementById('resultText');
                if (resultText) {
                    copyToClipboard(resultText);
                }
            });
        });
    </script>
</head>
<body>
    <div class="title-container">
        <h1>YBPUT Bypasser</h1>
    </div>
    <div class="container">
        <div id="supportName">
            <div class="support-item">Support Fluxus</div>
            <div class="support-item">Support Trigon</div>
            <div class="support-item">Support AdFocus</div>
            <div class="support-item">Support AdMaven</div>
            <div class="support-item">Support Boost.ink</div>
            <div class="support-item">Support MBoost.me</div>
            <div class="support-item">Support Pastebin</div>
            <div class="support-item">Support Pastedrop</div>
            <div class="support-item">Support Linkvertise</div>
            <div class="support-item">Support LootLabs</div>
            <div class="support-item">Support Paster.so</div>
            <div class="support-item">Support Rekonise</div>
            <div class="support-item">Support SocialWolvez</div>
            <div class="support-item">Support Sub2Get.com</div>
            <div class="support-item">Support Sub2unlock.net</div>
            <div class="support-item">Support Sub2unlock.io</div>
            <div class="support-item">Support Sub4Unlock.io</div>
            <div class="support-item">Support UnlockNow.net</div>
            <div class="support-item">Support Work.ink</div>
        </div>
        <div style="position: relative;">
            <input type="text" id="linkInput" placeholder="Pls Enter Your Link to Bypass">
            <button id="clearInputButton" onclick="clearInput()">✕</button>
        </div>
        <button id="startBypassButton" onclick="bypassLink()">Start Bypass</button>
        <div id="resultBox"></div>
    </div>
    <div class="social-links">
        <a href="https://www.youtube.com/@ybput" target="_blank">
            <img src="https://cdn.discordapp.com/emojis/1273716534317027339?size=512" alt="YouTube Logo">
        </a>
        <a href="https://discord.gg/SQkn2SbCNt" target="_blank">
            <img src="https://cdn.discordapp.com/emojis/1273716674859630592?size=512" alt="Discord Logo">
        </a>
    </div>
    <div class="footer">
        © 2024 YBPUT Bypasser • Designed by zaneru.id
    </div>
</body>
</html>
