Suche aufrufen
Menü aufrufen
6
1
1
53
Z-Brain
Toggle preferences menu
Persönliches Menü aufrufen
Nicht angemeldet
Ihre IP-Adresse wird öffentlich sichtbar sein, wenn Sie Änderungen vornehmen.

Hauptseite: Unterschied zwischen den Versionen

Aus Z-Brain
Weitere Optionen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
<!DOCTYPE html>
<div style="background-color:#1e1e2e; color:#cdd6f4; padding:24px; border-radius:10px;">
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>Wiki – Startseite</title>
    <style>
        :root {
            --bg: #1e1e2e;
            --surface: #313244;
            --text: #cdd6f4;
            --accent: #fab387;
            --border: #45475a;
        }


        * { margin: 0; padding: 0; box-sizing: border-box; }
<h1 style="text-align:center; color:#fab387;">Wiki – Startseite</h1>


        body {
<div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; max-width:960px; margin:0 auto;">
            font-family: 'Segoe UI', system-ui, sans-serif;
            background-color: var(--bg);
            color: var(--text);
            min-height: 100vh;
            padding: 32px;
        }


        h1 {
<div style="background-color:#313244; border:1px solid #45475a; border-radius:10px; padding:24px;">
            text-align: center;
<h2 style="color:#fab387; margin-bottom:8px;">👨‍👩‍👧‍👦 Hilfe für Papa</h2>
            font-size: 2rem;
<p>Einfache Anleitungen für Computer und Handy:</p>
            margin-bottom: 28px;
<ul>
            color: var(--accent);
<li>Wie mache ich ein Update?</li>
        }
<li>Wie bediene ich ein Programm am PC?</li>
<li>Wie installiere ich eine App auf dem Handy?</li>
<li>Wie bediene ich ein Smartphone?</li>
</ul>
</div>


        .grid {
<div style="background-color:#313244; border:1px solid #45475a; border-radius:10px; padding:24px;">
            display: grid;
<h2 style="color:#fab387; margin-bottom:8px;">🔧 Gelöste Probleme</h2>
            grid-template-columns: repeat(3, 1fr);
<p>Eine Sammlung von Fehlern und ihren Lösungen — gut zum Nachschlagen für mich und zum Erklären für andere.</p>
            gap: 16px;
</div>
            max-width: 960px;
            margin: 0 auto;
        }


        @media (max-width: 720px) {
<div style="background-color:#313244; border:1px solid #45475a; border-radius:10px; padding:24px;">
            .grid { grid-template-columns: 1fr; }
<h2 style="color:#fab387; margin-bottom:8px;">🏃‍♂️ Wettkämpfe</h2>
        }
<p>Unsere offiziellen Wettkampfergebnisse und Laufzeiten — von Friedemann und Flavius, Saison für Saison.</p>
</div>


        .tile {
<div style="background-color:#313244; border:1px solid #45475a; border-radius:10px; padding:24px;">
            background-color: var(--surface);
<h2 style="color:#fab387; margin-bottom:8px;">🖥️ Server &amp; Infrastruktur</h2>
            border: 1px solid var(--border);
<ul>
            border-radius: 10px;
<li><strong>Storage Box:</strong> rclone, Sub-Accounts, Snapshots</li>
            padding: 24px;
<li><strong>Entertainment:</strong> Jellyfin, Immich, Grafana, NPM</li>
            transition: transform 0.2s ease, box-shadow 0.2s ease;
<li><strong>lets-lounge:</strong> Gameserver, JDownloader</li>
        }
<li><strong>Server WG 49:</strong> Home Assistant (Klima), AdGuard Home (DNS)</li>
<li><strong>Desktop:</strong> openSUSE Tumbleweed, Niri</li>
</ul>
</div>


        .tile:hover {
<div style="background-color:#313244; border:1px solid #45475a; border-radius:10px; padding:24px;">
            transform: translateY(-3px);
<h2 style="color:#fab387; margin-bottom:8px;">🗣️ Erklärt für Freunde</h2>
            box-shadow: 0 6px 20px rgba(0,0,0,0.4);
<p>Einfache Erklärungen von technischen Themen, die ich öfter erklären muss.</p>
        }
</div>


        .tile h2 {
</div>
            color: var(--accent);
</div>
            font-size: 1.3rem;
            margin-bottom: 8px;
        }
 
        .tile p {
            font-size: 0.95em;
            line-height: 1.6;
        }
 
        ul { padding-left: 20px; }
        li { margin-top: 4px; }
    </style>
</head>
<body>
 
    <h1>Wiki – Startseite</h1>
 
    <div class="grid">
 
        <!-- Kachel 1 -->
        <div class="tile">
            <h2>👨‍👩‍👧‍👦 Hilfe für Papa</h2>
            <p>Einfache Anleitungen für Computer und Handy:</p>
            <ul>
                <li>Wie mache ich ein Update?</li>
                <li>Wie bediene ich ein Programm am PC?</li>
                <li>Wie installiere ich eine App auf dem Handy?</li>
                <li>Wie bediene ich ein Smartphone?</li>
            </ul>
        </div>
 
        <!-- Kachel 2 -->
        <div class="tile">
            <h2>🔧 Gelöste Probleme</h2>
            <p>Eine Sammlung von Fehlern und ihren Lösungen — gut zum Nachschlagen für mich und zum Erklären für andere.</p>
        </div>
 
        <!-- Kachel 3 -->
        <div class="tile">
            <h2>🏃‍♂️ Wettkämpfe</h2>
            <p>Unsere offiziellen Wettkampfergebnisse und Laufzeiten — von Friedemann und Flavius, Saison für Saison.</p>
        </div>
 
        <!-- Kachel 4 -->
        <div class="tile">
            <h2>🖥️ Server & Infrastruktur</h2>
            <ul>
                <li><strong>Storage Box:</strong> rclone, Sub-Accounts, Snapshots</li>
                <li><strong>Entertainment:</strong> Jellyfin, Immich, Grafana, NPM</li>
                <li><strong>lets-lounge:</strong> Gameserver, JDownloader</li>
                <li><strong>Server WG 49:</strong> Home Assistant (Klima), AdGuard Home (DNS)</li>
                <li><strong>Desktop:</strong> openSUSE Tumbleweed, Niri</li>
            </ul>
        </div>
 
        <!-- Kachel 5 -->
        <div class="tile">
            <h2>🗣️ Erklärt für Freunde</h2>
            <p>Einfache Erklärungen von technischen Themen, die ich öfter erklären muss.</p>
        </div>
 
    </div>
 
</body>
</html>

Aktuelle Version vom 28. Juni 2026, 14:30 Uhr

Wiki – Startseite

👨‍👩‍👧‍👦 Hilfe für Papa

Einfache Anleitungen für Computer und Handy:

  • Wie mache ich ein Update?
  • Wie bediene ich ein Programm am PC?
  • Wie installiere ich eine App auf dem Handy?
  • Wie bediene ich ein Smartphone?

🔧 Gelöste Probleme

Eine Sammlung von Fehlern und ihren Lösungen — gut zum Nachschlagen für mich und zum Erklären für andere.

🏃‍♂️ Wettkämpfe

Unsere offiziellen Wettkampfergebnisse und Laufzeiten — von Friedemann und Flavius, Saison für Saison.

🖥️ Server & Infrastruktur

  • Storage Box: rclone, Sub-Accounts, Snapshots
  • Entertainment: Jellyfin, Immich, Grafana, NPM
  • lets-lounge: Gameserver, JDownloader
  • Server WG 49: Home Assistant (Klima), AdGuard Home (DNS)
  • Desktop: openSUSE Tumbleweed, Niri

🗣️ Erklärt für Freunde

Einfache Erklärungen von technischen Themen, die ich öfter erklären muss.

Abgerufen von „https://brain.zwissler-cloud.de/index.php?title=Hauptseite&oldid=54“
Zuletzt geändert
Diese Seite wurde zuletzt am 28. Juni 2026 um 14:30 Uhr bearbeitet.