web.de | Login Only - Source code

web.de | Login Only

Replaces web.de's cluttered homepage with a clean, full-screen login page.
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         web.de | Login Only
// @namespace    https://greatest.deepsurf.us/en/users/1462137-piknockyou
// @version      0.4
// @author       Piknockyou (vibe-coded)
// @license      AGPL-3.0
// @description  Replaces web.de's cluttered homepage with a clean, full-screen login page.
// @match        https://web.de/*
// @icon         https://web.de/favicon.ico
// @exclude      https://*.navigator.web.de/*
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict';

    // Only run on the main web.de domain
    if (window.location.hostname !== 'web.de' && window.location.hostname !== 'www.web.de') {
        return;
    }

    // Stop the original page from rendering
    if (document.documentElement) {
        document.documentElement.innerHTML = '';
    }

    window.addEventListener('DOMContentLoaded', () => {
        document.documentElement.innerHTML = `
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>web.de Login</title>
            <style>
                * {
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box;
                }
                html, body {
                    width: 100vw;
                    height: 100vh;
                    overflow: hidden;
                    background: #1a1a2e;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .login-wrapper {
                    width: 100vw;
                    height: 100vh;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .login-wrapper iframe {
                    width: 100%;
                    height: 100%;
                    border: none;
                }
            </style>
        </head>
        <body>
            <div class="login-wrapper">
                <iframe
                    sandbox="allow-same-origin allow-scripts allow-forms allow-top-navigation allow-popups"
                    src="https://alligator.navigator.web.de/oi/?dc=bap"
                    scrolling="no">
                </iframe>
            </div>
        </body>
        `;
    });
})();