kilabor/public/mac-nerds/index.html

<!DOCTYPE html>
<html lang="de-de">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Mac Nerds Terminal | DIGITALE ANARCHIE | KI-LABOR</title>
    <link rel="stylesheet" href="/css/style.css">
</head>
<body class="  ">
    
    <div class="bg-gear gear-left">⚙</div>
    <div class="bg-gear gear-right">⚙</div>

    <script>document.body.classList.add('js-enabled');</script>
<header class="main-header">
   
</header>

    
    <main class="container">
        
<div class="mac-nerds-wrapper" style="max-width: 900px; margin: 0 auto; padding: 20px;">

    
    <header style="text-align: center; margin-bottom: 40px;">
        <p style="color: rgba(212,175,55,0.5); font-family: 'Courier New', monospace; letter-spacing: 4px; font-size: 0.75rem; margin-bottom: 8px;">// GEHEIMES TERMINAL-ARCHIV</p>
        <h1 style="color: #ff4500; letter-spacing: 10px; font-size: 2.2rem; text-shadow: 0 0 20px rgba(255,69,0,0.3); font-family: 'Courier New', monospace; margin: 0;">MAC NERDS TERMINAL</h1>
        <p style="color: rgba(212,175,55,0.4); font-family: 'Courier New', monospace; font-size: 0.8rem; margin-top: 10px;">Geheime Terminal-Befehle und macOS Tweaks für den digitalen Widerstand.</p>
    </header>

    
    <div id="cat-filter" style="display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-bottom: 30px;">
        <button class="cat-btn active" data-cat="all" onclick="filterCat('all', this)">ALLE</button>
        
        <button class="cat-btn" data-cat="system" onclick="filterCat('system', this)">SYSTEM</button>
        
        <button class="cat-btn" data-cat="netzwerk" onclick="filterCat('netzwerk', this)">NETZWERK</button>
        
        <button class="cat-btn" data-cat="dateien" onclick="filterCat('dateien', this)">DATEIEN</button>
        
        <button class="cat-btn" data-cat="performance" onclick="filterCat('performance', this)">PERFORMANCE</button>
        
        <button class="cat-btn" data-cat="tweaks" onclick="filterCat('tweaks', this)">TWEAKS</button>
        
    </div>

    
    <div id="cmd-grid">
        
        <div class="cmd-card" data-cat="system">
            <div class="cmd-card-header">
                <span class="cmd-cat-badge">SYSTEM</span>
                <span class="cmd-risk risk-safe">SAFE</span>
            </div>
            <h3 class="cmd-title">Hardware-Kurzprofil</h3>
            <div class="cmd-block" onclick="copyCmd(this, 'system_profiler SPHardwareDataType | grep -E \u0026#34;Model|Chip|Memory|Serial\u0026#34;')">
                <code>system_profiler SPHardwareDataType | grep -E &#34;Model|Chip|Memory|Serial&#34;</code>
                <span class="copy-hint">[KOPIEREN]</span>
            </div>
            <p class="cmd-desc">Model, Chip, RAM und Seriennummer auf einen Blick — ohne Klicken durch Systeminfo.</p>
        </div>
        
        <div class="cmd-card" data-cat="system">
            <div class="cmd-card-header">
                <span class="cmd-cat-badge">SYSTEM</span>
                <span class="cmd-risk risk-safe">SAFE</span>
            </div>
            <h3 class="cmd-title">macOS Version</h3>
            <div class="cmd-block" onclick="copyCmd(this, 'sw_vers')">
                <code>sw_vers</code>
                <span class="copy-hint">[KOPIEREN]</span>
            </div>
            <p class="cmd-desc">ProductName, Version und Build. Schneller als jedes UI-Menü.</p>
        </div>
        
        <div class="cmd-card" data-cat="system">
            <div class="cmd-card-header">
                <span class="cmd-cat-badge">SYSTEM</span>
                <span class="cmd-risk risk-safe">SAFE</span>
            </div>
            <h3 class="cmd-title">CPU exakter Bezeichner</h3>
            <div class="cmd-block" onclick="copyCmd(this, 'sysctl -n machdep.cpu.brand_string')">
                <code>sysctl -n machdep.cpu.brand_string</code>
                <span class="copy-hint">[KOPIEREN]</span>
            </div>
            <p class="cmd-desc">Zeigt den genauen CPU-String wenn jemand fragt und du nicht suchen willst.</p>
        </div>
        
        <div class="cmd-card" data-cat="netzwerk">
            <div class="cmd-card-header">
                <span class="cmd-cat-badge">NETZWERK</span>
                <span class="cmd-risk risk-safe">SAFE</span>
            </div>
            <h3 class="cmd-title">Netzwerkqualität testen</h3>
            <div class="cmd-block" onclick="copyCmd(this, 'networkQuality')">
                <code>networkQuality</code>
                <span class="copy-hint">[KOPIEREN]</span>
            </div>
            <p class="cmd-desc">Apples eigenes Speedtest-Tool seit macOS 12. Misst Upload, Download und Responsiveness (RPM).</p>
        </div>
        
        <div class="cmd-card" data-cat="netzwerk">
            <div class="cmd-card-header">
                <span class="cmd-cat-badge">NETZWERK</span>
                <span class="cmd-risk risk-safe">SAFE</span>
            </div>
            <h3 class="cmd-title">Alle offenen Ports</h3>
            <div class="cmd-block" onclick="copyCmd(this, 'lsof -i -n -P | grep LISTEN')">
                <code>lsof -i -n -P | grep LISTEN</code>
                <span class="copy-hint">[KOPIEREN]</span>
            </div>
            <p class="cmd-desc">Welcher Prozess hört auf welchem Port? Unverzichtbar wenn ein Port schon belegt ist.</p>
        </div>
        
        <div class="cmd-card" data-cat="dateien">
            <div class="cmd-card-header">
                <span class="cmd-cat-badge">DATEIEN</span>
                <span class="cmd-risk risk-safe">SAFE</span>
            </div>
            <h3 class="cmd-title">DS_Store aufräumen</h3>
            <div class="cmd-block" onclick="copyCmd(this, 'find ~ -name \u0026#39;*.DS_Store\u0026#39; -delete 2\u0026gt;\/dev\/null \u0026amp;\u0026amp; echo \u0026#39;Aufgeräumt.\u0026#39;')">
                <code>find ~ -name &#39;*.DS_Store&#39; -delete 2&gt;/dev/null &amp;&amp; echo &#39;Aufgeräumt.&#39;</code>
                <span class="copy-hint">[KOPIEREN]</span>
            </div>
            <p class="cmd-desc">Löscht alle .DS_Store-Dateien im Home-Verzeichnis. Gut vor git-Commits.</p>
        </div>
        
        <div class="cmd-card" data-cat="performance">
            <div class="cmd-card-header">
                <span class="cmd-cat-badge">PERFORMANCE</span>
                <span class="cmd-risk risk-safe">SAFE</span>
            </div>
            <h3 class="cmd-title">Top 15 CPU-Fresser</h3>
            <div class="cmd-block" onclick="copyCmd(this, 'top -o cpu -n 15 -l 1 | tail -16')">
                <code>top -o cpu -n 15 -l 1 | tail -16</code>
                <span class="copy-hint">[KOPIEREN]</span>
            </div>
            <p class="cmd-desc">Einmaliger Snapshot der 15 CPU-intensivsten Prozesse.</p>
        </div>
        
        <div class="cmd-card" data-cat="tweaks">
            <div class="cmd-card-header">
                <span class="cmd-cat-badge">TWEAKS</span>
                <span class="cmd-risk risk-safe">SAFE</span>
            </div>
            <h3 class="cmd-title">Dock: sofortiges Einblenden</h3>
            <div class="cmd-block" onclick="copyCmd(this, 'defaults write com.apple.dock autohide-delay -float 0 \u0026amp;\u0026amp; defaults write com.apple.dock autohide-time-modifier -float 0.3 \u0026amp;\u0026amp; killall Dock')">
                <code>defaults write com.apple.dock autohide-delay -float 0 &amp;&amp; defaults write com.apple.dock autohide-time-modifier -float 0.3 &amp;&amp; killall Dock</code>
                <span class="copy-hint">[KOPIEREN]</span>
            </div>
            <p class="cmd-desc">Entfernt die Verzögerung beim Dock-Einblenden. Sofort aktiv.</p>
        </div>
        
    </div>

</div>

<style>
    .mac-nerds-wrapper { font-family: 'Courier New', monospace; }

    .cat-btn {
        background: transparent;
        border: 1px solid rgba(212,175,55,0.3);
        color: rgba(212,175,55,0.5);
        padding: 6px 16px;
        font-family: 'Courier New', monospace;
        font-size: 0.75rem;
        letter-spacing: 2px;
        cursor: pointer;
        transition: all 0.2s;
    }
    .cat-btn:hover, .cat-btn.active {
        border-color: #d4af37;
        color: #d4af37;
        background: rgba(212,175,55,0.08);
    }

    #cmd-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
        gap: 20px;
    }

    .cmd-card {
        background: linear-gradient(135deg, #1a1008 0%, #0d0d0d 100%);
        border: 1px solid rgba(184,115,51,0.3);
        padding: 20px;
        transition: border-color 0.2s, box-shadow 0.2s;
    }
    .cmd-card:hover {
        border-color: rgba(212,175,55,0.6);
        box-shadow: 0 0 20px rgba(212,175,55,0.05);
    }
    .cmd-card.hidden { display: none; }

    .cmd-card-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .cmd-cat-badge {
        font-size: 0.6rem;
        letter-spacing: 3px;
        color: rgba(184,115,51,0.7);
    }
    .cmd-risk {
        font-size: 0.6rem;
        letter-spacing: 2px;
        padding: 2px 8px;
        border: 1px solid;
    }
    .risk-safe { color: #4caf50; border-color: rgba(76,175,80,0.4); }
    .risk-warning { color: #ff9800; border-color: rgba(255,152,0,0.4); }
    .risk-danger { color: #ff4500; border-color: rgba(255,69,0,0.4); }

    .cmd-title {
        color: #d4af37;
        font-size: 1rem;
        letter-spacing: 2px;
        margin: 0 0 12px;
    }

    .cmd-block {
        background: #000;
        border: 1px solid rgba(184,115,51,0.2);
        padding: 10px 14px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        margin-bottom: 12px;
        transition: border-color 0.2s;
    }
    .cmd-block:hover { border-color: rgba(212,175,55,0.5); }
    .cmd-block code {
        color: #7ec8a4;
        font-size: 0.8rem;
        word-break: break-all;
        flex: 1;
    }
    .copy-hint {
        color: rgba(212,175,55,0.3);
        font-size: 0.6rem;
        letter-spacing: 1px;
        white-space: nowrap;
        transition: color 0.2s;
    }
    .cmd-block:hover .copy-hint { color: rgba(212,175,55,0.8); }
    .cmd-block.copied { border-color: #4caf50; }
    .cmd-block.copied .copy-hint { color: #4caf50; }

    .cmd-desc {
        color: rgba(212,175,55,0.45);
        font-size: 0.78rem;
        line-height: 1.5;
        margin: 0;
    }

    @media (max-width: 600px) {
        #cmd-grid { grid-template-columns: 1fr; }
    }
</style>

<script>
function filterCat(cat, btn) {
    document.querySelectorAll('.cat-btn').forEach(b => b.classList.remove('active'));
    btn.classList.add('active');
    document.querySelectorAll('.cmd-card').forEach(card => {
        card.classList.toggle('hidden', cat !== 'all' && card.dataset.cat !== cat);
    });
}

function copyCmd(el, cmd) {
    navigator.clipboard.writeText(cmd).then(() => {
        const hint = el.querySelector('.copy-hint');
        const orig = hint.textContent;
        hint.textContent = '[KOPIERT ✓]';
        el.classList.add('copied');
        setTimeout(() => { hint.textContent = orig; el.classList.remove('copied'); }, 1500);
    });
}
</script>

    </main>

    <footer class="main-footer">
    <div class="footer-inner">
        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
    </div>
</footer>

    
<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
        </div>
    </div>
</div>

<style>
    @keyframes ticker-scroll {
        0%   { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }
    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
    .ticker-track:hover { animation-play-state: paused; }
</style>

<script>
    (function() {
        const track = document.getElementById('ticker-track-global');
        if (!track) return;
        const ITEMS = [
            "STATUS: HUGO OPERATIONAL",
            "DESIGNATION: OVERLORD SASCHA",
            "KAFFEESTAND: KRITISCH",
            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
            "MISSION: TOTALE KONTROLLE",
            "DATENINTEGRITÄT: ABSOLUT",
            "WARNUNG: SYSTEM EXTREM SCHNELL",
            "GEMINI NEURAL LINK: AKTIV"
        ];
        track.innerHTML = '';
        [...ITEMS, ...ITEMS].forEach(text => {
            const span = document.createElement('span');
            span.className = 'ticker-item';
            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
            span.textContent = text;
            track.appendChild(span);
        });
    })();
</script>


    <script src="/js/script.js"></script>
</body>
</html>