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
 
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
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">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Wiki Startseite</title>
      <style>
          /* Catppuccin Mocha Palette */
          :root {
              --base: #1e1e2e;
              --surface0: #313244;
              --surface1: #45475a;
              --text: #cdd6f4;
              --subtext0: #a6adc8;
              --peach: #fab387;
              --lavender: #b4befe;
              --crust: #11111b;
          }


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


          body {
<div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; max-width:960px; margin:0 auto;">
              background-color: var(--base);
              color: var(--text);
              font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
              display: flex;
              flex      justify-content: center;
              align-items: center;
              min-height: 100vh;
              padding: 20px;
          }


          .container {
<div style="background-color:#313244; border:1px solid #45475a; border-radius:10px; padding:24px;">
              max-width: 900px;
<h2 style="color:#fab387; margin-bottom:8px;">👨‍👩‍👧‍👦 Hilfe für Papa</h2>
              width: 100%;
<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>


          header {
<div style="background-color:#313244; border:1px solid #45475a; border-radius:10px; padding:24px;">
              text-align: center;
<h2 style="color:#fab387; margin-bottom:8px;">🔧 Gelöste Probleme</h2>
              margin-bottom: 40px;
<p>Eine Sammlung von Fehlern und ihren Lösungen — gut zum Nachschlagen für mich und zum Erklären für andere.</p>
          }
</div>


          h1 {
<div style="background-color:#313244; border:1px solid #45475a; border-radius:10px; padding:24px;">
              font-size: 2.5rem;
<h2 style="color:#fab387; margin-bottom:8px;">🏃‍♂️ Wettkämpfe</h2>
              color: var(--peach);
<p>Unsere offiziellen Wettkampfergebnisse und Laufzeiten — von Friedemann und Flavius, Saison für Saison.</p>
              letter-spacing: -1px;
</div>
          }


          p.subtitle {
<div style="background-color:#313244; border:1px solid #45475a; border-radius:10px; padding:24px;">
              color: var(--subtext0);
<h2 style="color:#fab387; margin-bottom:8px;">🖥️ Server &amp; Infrastruktur</h2>
              margin-top: 10px;
<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>


          .grid {
<div style="background-color:#313244; border:1px solid #45475a; border-radius:10px; padding:24px;">
              display: grid;
<h2 style="color:#fab387; margin-bottom:8px;">🗣️ Erklärt für Freunde</h2>
              grid-template-columns: repeat(2, 1fr);
<p>Einfache Erklärungen von technischen Themen, die ich öfter erklären muss.</p>
              gap: 20px;
</div>
          }


          /* Special handling for the 5th tile to look balanced or centered */
</div>
          .grid-item:nth-child(5) {
</div>
              grid-column: span 2;
          }
 
          .card {
              background-color: var(--surface0);
              padding: 30px;
              border-radius: 12px;
              text-decoration: none;
              color: inherit;
              transition: transform 0.2s ease, border-color 0.2s ease;
              border: 2px solid transparent;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              text-align: center;
              box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
          }
 
          .card:hover {
              transform: translateY(-5px);
              border-color: var(--peach);
          }
 
          .card h2 {
              font-size: 1.4rem;
              margin-bottom: 10px;
              color: var(--text);
          }
 
          .card p {
              font-size: 0.95rem;
              color: var(--subtext0);
          }
 
          /* Icon placeholder style */
          .icon {
              font-size: 2rem;
              margin-bottom: 15px;
              color: var(--peach);
          }
 
          @media (max-width: 600px) {
              .grid {
                  grid-template-columns: 1fr;
              }
              .grid-item:nth-child(5) {
                  grid-column: span 1;
              }
          }
      </important>
      </style>
  </head>
  <body>
 
      <div class="container">
          <header>
              <h1>Wiki Dashboard</h1>
              <p class="subtitle">Zentraler Wissensspeicher</p>
          </header>
 
          <main class="grid">
              <!-- Tile 1 -->
              <a href="#" class="card grid-item">
                  <div class="icon">👨‍ing</div>
                  <h2>Hilfe für Papa</h2>
                  <p>Anleitungen und Support-Dokumentation</p>
              </a>
 
              <!-- Tile 2 -->
              <a href="#" class="card grid-item">
                  <div class="icon">✅</div>
                  <h2>Gelöste Probleme</h2>
                  <p>Archiv der behobenen Fehler und Lösungen</p>
              </a>
 
              <!-- Tile 3 -->
              <a href="#" class="card grid-item">
                  <div class="icon">🏆</div>
                  <h2>Wettkämpfe</h2>
                  <p>Ergebnisse, Regeln und Vorbereitungen</p>
              </a>
 
              <!-- Tile 4 -->
              <a href="#" class="card grid-item">
                  <div class="icon">🖥️</div>
                  <h2>Server-Infrastruktur</h2>
                  <p>Netzwerk-Setup und Server-Konfigurationen</p>
              </a>
 
              <!-- Tile 5 (Spans 2 columns) -->
              <a href="#" class="card grid-item">
                  <div class="icon">🤝</div>
                  <h2>Erklärt für Freunde</h2>
                  <p>Einfache Tutorials und Grundlagen-Guides</p>
              </a>
          </main>
      </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.