.::humanRaCcoOn::.

🛠️ Tampermonkey Script

// ==UserScript==
// @name         Classic MSN 2004 Homepage with Live News (Frutiger Aero Style - Auto Resizing)
// @namespace    http://tampermonkey.net/
// @version      1.4
// @description  Retro MSN layout with live news in glossy XP style and responsive iframe height
// @author       You
// @match        https://www.msn.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

if (window.top !== window.self) return;

// Clear body content only
    document.body.innerHTML = '';

// Create container elements
    const header = document.createElement('div');
    header.id = 'header';
    header.innerHTML = `<img src="https://web.archive.org/web/20040131050206im_/http://a.sc.msn.com/global/c/lg/msft_118x35.gif" alt="MSN Logo">`;

const nav = document.createElement('div');
    nav.id = 'nav';
    nav.innerHTML = `
        <a href="https://human-raccoon.com"><img src="https://web.archive.org/web/20040131050206im_/http://a.sc.msn.com/7Y/Q7~8GPE1U4~~-PYUHTS%7DK.gif" alt="RCN"> RCN</a>
        <a href="https://mail.aol.com"><img src="https://web.archive.org/web/20040131050206im_/http://a.sc.msn.com/3H/]4B2,]W%7BU[5UV-93_%7D+P3K.gif" alt="Hotmail"> Hotmail</a>
        <a href="https://duckduckgo.com"><img src="https://web.archive.org/web/20040131050206im_/http://a.sc.msn.com/,E/%7DY_Z,QW%60~10M3M@+RH],T.gif" alt="Search"> Search</a>
        <a href="https://www.weatherdaddy.us/"><img src="https://web.archive.org/web/20040131050206im_/http://a.sc.msn.com/3,/LZ%7BB4+7_5]2SCX,27L2%7D%7BW.gif" alt="Weather"> Weather</a>
    `;

const main = document.createElement('div');
    main.id = 'main';
    main.innerHTML = `
        <div class="section">
            <div class="aero-container">
                <iframe id="mainFrame" src="https://www.msn.com/en-us/feed/interest/following" title="Top Stories"></iframe>
            </div>
        </div>
    `;

// Append elements
    document.body.appendChild(header);
    document.body.appendChild(nav);
    document.body.appendChild(main);

// Apply styles
    const style = document.createElement('style');
    style.textContent = `
        body {
            background: linear-gradient(to bottom, #cde4f7, #ffffff);
            font-family: Verdana, Arial, sans-serif;
            margin: 0;
            padding: 0;
            color: #000080;
            overflow: hidden;
        }
        #header {
            background: linear-gradient(to right, #003366, #336699);
            color: white;
            padding: 10px;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        }
        #nav {
            background-color: #e6e6e6;
            padding: 10px;
            border-bottom: 2px solid #ccc;
        }
        #nav a {
            color: #000080;
            margin-right: 10px;
            text-decoration: none;
            font-weight: bold;
        }
        #nav img {
            vertical-align: middle;
            margin-right: 5px;
        }
        #main {
            padding: 5px;
            max-width: 95%;
            margin: auto;
        }
        .section {
            margin-bottom: 30px;
        }
        .aero-container {
            background: linear-gradient(to bottom, #e0f0ff, #ffffff);
            border: 1px solid #a0c8e0;
            box-shadow: inset 0 1px 0 white, 0 2px 6px rgba(0,0,0,0.1);
            border-radius: 12px;
            padding: 10px;
            margin-top: 10px;
            height: 100%; /* full height container */
        }
        .aero-container iframe {
            width: 100%;
            border: none;
            border-radius: 8px;
            display: block;
        }
    `;
    document.head.appendChild(style);

// Function to adjust iframe height
    function adjustIframeHeight() {
        const headerHeight = header.offsetHeight;
        const navHeight = nav.offsetHeight;
        const totalHeight = window.innerHeight;
        const iframe = document.querySelector('.aero-container iframe');
        if (!iframe) return;

const availableHeight = totalHeight - headerHeight - navHeight - 20; // 20px padding buffer
        iframe.style.height = availableHeight + 'px';
    }

// Run on load and resize
    window.addEventListener('resize', adjustIframeHeight);
    window.addEventListener('load', adjustIframeHeight);

// Run ASAP
    adjustIframeHeight();

})();