about:blank embedder

567

3 months ago by NuzFlameBS

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doge Unblocker</title> <script src="https://cdn.jsdelivr.net/npm/particles.js"></script> <style> body { background-color: #0a192f; color: #ffffff; font-family: Arial, sans-serif; margin: 0; overflow: hidden; }

    #particles-js {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .top-bar {
        display: flex;
        justify-content: space-between;
        padding: 15px;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 15px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
        margin: 20px;
    }

    .logo {
        font-size: 24px;
    }

    .menu-button {
        border: none;
        padding: 10px 20px;
        border-radius: 10px;
        cursor: pointer;
        background: #0078d4;
        color: white;
        font-weight: bold;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
        transition: all 0.3s ease;
    }

    .menu-button:hover {
        background: #005bb5;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.7);
    }

    .search-container {
        text-align: center;
        margin-top: 50px;
    }

    .search-bar {
        padding: 15px;
        border-radius: 20px;
        border: none;
        width: 60%;
        font-size: 18px;
    }

    .search-button {
        padding: 15px 20px;
        border-radius: 20px;
        border: none;
        background: #0078d4;
        color: white;
        font-size: 18px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .search-button:hover {
        background: #005bb5;
    }

    .link-button {
        margin-top: 20px;
        padding: 10px 20px;
        border-radius: 20px;
        border: none;
        background: #6200ee;
        color: white;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .link-button:hover {
        background: #4a00b3;
    }

    .settings-panel {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 20px;
        padding: 20px;
        background: rgba(0, 0, 0, 0.9);
        border-radius: 15px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
    }

    .settings-button {
        border: none;
        padding: 10px;
        border-radius: 10px;
        background: transparent;
        color: white;
        cursor: pointer;
        font-size: 18px;
        transition: all 0.3s ease;
    }

    .settings-button:hover {
        background: rgba(255, 165, 0, 0.5);
    }

    .note {
        text-align: center;
        margin-top: 20px;
        font-size: 14px;
        color: #bbb;
    }
</style>

</head> <body> <div id="particles-js"></div>

<div class="top-bar">
    <span class="logo">PopCat Unblocker</span>
    <button class="settings-button" onclick="toggleSettings()">⚙️ Settings</button>
</div>

<div class="search-container">
    <input id="urlInput" type="text" placeholder="Type URL or search query..." class="search-bar">
    <button class="search-button" onclick="openURL()">Enter</button>

    <div class="buttons-container">
        <button class="link-button" onclick="openURL('https://study.coreheavy.net')">DogeV4</button>
        <button class="link-button" onclick="openURL('https://reslauncher4.vercel.app/')">Resent Client</button>
    </div>
</div>

<div class="settings-panel" id="settingsPanel">
    <h3>Settings</h3>
    <label for="titleInput">Custom Title:</label>
    <input id="titleInput" type="text" placeholder="Inbox (1)">

    <label for="faviconInput">Favicon URL:</label>
    <input id="faviconInput" type="text" placeholder="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/gmail.ico">

    <button class="menu-button" onclick="applySettings()">Apply</button>
    <button class="menu-button" onclick="toggleSettings()">Close</button>
</div>

<div class="note">
    <p>Note: Please include "https://" before links.</p>
</div>

<script>
    particlesJS.load('particles-js', 'https://cdn.jsdelivr.net/particles.js/2.0.0/particles.json');

    let customTitle = "Inbox (1)";
    let customFavicon = "https://ssl.gstatic.com/ui/v1/icons/mail/rfr/gmail.ico";

    function openURL(url) {
        const inputUrl = url || document.getElementById('urlInput').value.trim();
        const formattedUrl = inputUrl.startsWith('http') ? inputUrl : `https://www.google.com/search?q=${encodeURIComponent(inputUrl)}`;
        const newTab = window.open('about:blank', '_blank');
        newTab.document.write(`
            <head>
                <title>${customTitle}</title>
                <link rel="icon" href="${customFavicon}">
            </head>
            <body style="margin:0;padding:0;overflow:hidden;background:#121212;">
                <object data="${encodeURI(formattedUrl)}" style="border:none;width:100vw;height:100vh;"></object>
            </body>
        `);
        newTab.document.close();
    }

    function toggleSettings() {
        const panel = document.getElementById('settingsPanel');
        panel.style.display = panel.style.display === 'block' ? 'none' : 'block';
    }

    function applySettings() {
        customTitle = document.getElementById('titleInput').value || "Inbox (1)";
        customFavicon = document.getElementById('faviconInput').value || "https://ssl.gstatic.com/ui/v1/icons/mail/rfr/gmail.ico";
        alert('Settings Applied!');
    }
</script>

</body> </html>