Version vom 28. Juni 2026, 14:25 Uhr

<!DOCTYPE html>

 <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;
         }

         * {
             margin: 0;
             padding: 0;
             box-sizing: border-box;
         }

         body {
             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 {
             max-width: 900px;
             width: 100%;
         }

         header {
             text-align: center;
             margin-bottom: 40px;
         }

         h1 {
             font-size: 2.5rem;
             color: var(--peach);
             letter-spacing: -1px;
         }

         p.subtitle {
             color: var(--subtext0);
             margin-top: 10px;
         }

         .grid {
             display: grid;
             grid-template-columns: repeat(2, 1fr);
             gap: 20px;
         }

         /* Special handling for the 5th tile to look balanced or centered */
         .grid-item:nth-child(5) {
             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>

         <header>

Wiki Dashboard

Zentraler Wissensspeicher

         </header>

         <main class="grid">
             <a href="#" class="card grid-item">

👨‍ing

Hilfe für Papa

Anleitungen und Support-Dokumentation

             </a>

             <a href="#" class="card grid-item">

✅

Gelöste Probleme

Archiv der behobenen Fehler und Lösungen

             </a>

             <a href="#" class="card grid-item">

🏆

Wettkämpfe

Ergebnisse, Regeln und Vorbereitungen

             </a>

             <a href="#" class="card grid-item">

🖥️

Server-Infrastruktur

Netzwerk-Setup und Server-Konfigurationen

             </a>

             <a href="#" class="card grid-item">

🤝

Erklärt für Freunde

Einfache Tutorials und Grundlagen-Guides

             </a>
         </main>

 </body>
 </html>

@@ Zeile 1: / Zeile 1: @@
-__NOTOC__
+<!DOCTYPE html>
-{| style="width:100%; border-spacing:10px; background:transparent; margin-top:-10px;"
+  <html lang="de">
-| style="width:55%; vertical-align:top;" |
+  <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;
+          }
-{| style="width:100%; border:1px solid #a7d7f9; background:#ffffff; padding:15px; margin-bottom:15px; border-radius:4px;"
+          * {
-| style="background:#cef2e0; border-bottom:1px solid #a7d7f9; padding:5px 10px; font-weight:bold; font-size:1.2em;" | 👨‍👩‍👧‍👦 Hilfe für Papa
+              margin: 0;
-|-
+              padding: 0;
-| style="padding-top:10px;" |
+              box-sizing: border-box;
-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?
-|}
-{| style="width:100%; border:1px solid #a7d7f9; background:#ffffff; padding:15px; margin-bottom:15px; border-radius:4px;"
+          body {
-| style="background:#fff3f3; border-bottom:1px solid #a7d7f9; padding:5px 10px; font-weight:bold; font-size:1.2em;" | 🔧 [[Gelöste Probleme]]
+              background-color: var(--base);
-|-
+              color: var(--text);
-| style="padding-top:10px;" |
+              font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-Eine Sammlung von Fehlern und ihren Lösungen — gut zum Nachschlagen für mich und zum Erklären für andere.
+              display: flex;
-|}
+              flex      justify-content: center;
-{| style="width:100%; border:1px solid #a7d7f9; background:#ffffff; padding:15px; margin-bottom:15px; border-radius:4px;"
+              align-items: center;
-| style="background:#cef2e0; border-bottom:1px solid #a7d7f9; padding:5px 10px; font-weight:bold; font-size:1.2em;" | 🏃‍♂️ [[Lauf- und Wettkampfzeiten|Wettkämpfe]]
+              min-height: 100vh;
-|-
+              padding: 20px;
-| style="padding-top:10px;" |
+          }
-Unsere offiziellen Wettkampfergebnisse und Laufzeiten — von Friedemann und Flavius, Saison für Saison.
-|}
-| style="width:45%; vertical-align:top;" |
-{| style="width:100%; border:1px solid #a7d7f9; background:#ffffff; padding:15px; margin-bottom:15px; border-radius:4px;"
+          .container {
-| style="background:#cedff2; border-bottom:1px solid #a7d7f9; padding:5px 10px; font-weight:bold; font-size:1.2em;" | 🖥️ [[Meine Server & Infrastruktur]]
+              max-width: 900px;
-|-
+              width: 100%;
-| style="padding-top:10px;" |
+          }
-* '''Storage Box:''' rclone, Sub-Accounts, Snapshots
-* '''Entertainment:''' Jellyfin, Immich, Grafana, NPM
-* '''lets-lounge:''' Gameserver, JDownloader
-* '''Server WG 49:''' Home Assistant (Klima-Automation), AdGuard Home (DNS)
-* '''Desktop:''' openSUSE Tumbleweed, Niri
-|}
-{| style="width:100%; border:1px solid #a7d7f9; background:#ffffff; padding:15px; margin-bottom:15px; border-radius:4px;"
+          header {
-| style="background:#f2f2f2; border-bottom:1px solid #a7d7f9; padding:5px 10px; font-weight:bold; font-size:1.2em;" | 🗣️ Erklärt für Freunde
+              text-align: center;
-|-
+              margin-bottom: 40px;
-| style="padding-top:10px;" |
+          }
-Einfache Erklärungen von technischen Themen, die ich öfter erklären muss.
-|}
-|}
+          h1 {
+              font-size: 2.5rem;
+              color: var(--peach);
+              letter-spacing: -1px;
+          }
+          p.subtitle {
+              color: var(--subtext0);
+              margin-top: 10px;
+          }
+          .grid {
+              display: grid;
+              grid-template-columns: repeat(2, 1fr);
+              gap: 20px;
+          }
+          /* Special handling for the 5th tile to look balanced or centered */
+          .grid-item:nth-child(5) {
+              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>