← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 17. Oktober 2025, 14:08 Uhr

   Datei:Wiki4life-logo.svg

Wiki4life

Die freie Lebens-Enzyklopädie

   <form action="/index.php" method="get" role="search" style="display:flex; justify-content:center;">
     <input type="search" name="search" placeholder="Wiki4life durchsuchen..."
       style="padding:12px 16px; width:350px; border:none; border-radius:8px 0 0 8px; outline:none; font-size:15px;">
     <input type="hidden" name="title" value="Spezial:Suche">
     <button type="submit"
       style="padding:12px 18px; background-color:#4da3ff; color:#fff; border:none; border-radius:0 8px 8px 0; cursor:pointer; font-size:15px;">
       🔍
     </button>
   </form>

 <div style="
   display: flex;
   flex-wrap: wrap;
   justify-content: center;

@@ Zeile 1: / Zeile 1: @@
-<div class="w4l-home">
+<div style="
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  background-color: #0e0f12;
+  color: #e8eaed;
+  padding: 40px 20px;
+  font-family: Arial, sans-serif;
+  text-align: center;
+">
-   <!-- Logo & Claim -->
+   <!-- Logo -->
-   <div class="w4l-hero">
+   <div style="margin-bottom: 20px;">
-     [[Datei:Wiki4life-logo.svg|300px|link=Hauptseite|class=w4l-logo]]
+     [[Datei:Wiki4life-logo.svg|300px|link=Hauptseite]]
-    <h1>Wiki4life</h1>
-    <p class="w4l-tag">Wissen. Menschen. Projekte.</p>
    </div>
-   <!-- Suche -->
+   <!-- Titel -->
-   <form class="w4l-search" action="/index.php" method="get" role="search">
+   <h1 style="font-size: 42px; font-weight: 600; margin: 0;">Wiki4life</h1>
-    <input type="search" name="search" placeholder="Wiki4life durchsuchen …" aria-label="Suche">
+  <p style="color: #aaa; font-size: 18px; margin-top: 5px;">Die freie Lebens-Enzyklopädie</p>
-    <input type="hidden" name="title" value="Spezial:Suche">
-    <button type="submit" title="Suche starten">🔎</button>
-  </form>
-   <!-- Kacheln (passt an, verlinke wohin du willst) -->
+   <!-- Suchleiste -->
-   <div class="w4l-grid">
+   <div style="
-     [[Spezial:Zufällige Seite|<div class="w4l-card"><div class="w4l-k">📚</div><div class="w4l-t">Zufälliger Artikel</div></div>]]
+    margin-top: 40px;
-     [[Spezial:Alle Seiten|<div class="w4l-card"><div class="w4l-k">🧭</div><div class="w4l-t">Alle Seiten</div></div>]]
+     display: flex;
-    [[Kategorie:Person|<div class="w4l-card"><div class="w4l-k">👤</div><div class="w4l-t">Menschen</div></div>]]
+    justify-content: center;
-    [[Kategorie:Ort|<div class="w4l-card"><div class="w4l-k">📍</div><div class="w4l-t">Orte</div></div>]]
+    align-items: center;
-    [[Kategorie:Projekt|<div class="w4l-card"><div class="w4l-k">🛠️</div><div class="w4l-t">Projekte</div></div>]]
+     width: 100%;
-    [[Kategorie:Leitfaden|<div class="w4l-card"><div class="w4l-k">📝</div><div class="w4l-t">Guides</div></div>]]
+  ">
-    [[Spezial:Neue Seiten|<div class="w4l-card"><div class="w4l-k">✨</div><div class="w4l-t">Neu</div></div>]]
+    <form action="/index.php" method="get" role="search" style="display:flex; justify-content:center;">
-    [[Spezial:Letzte Änderungen|<div class="w4l-card"><div class="w4l-k">⚡</div><div class="w4l-t">Letzte Änderungen</div></div>]]
+      <input type="search" name="search" placeholder="Wiki4life durchsuchen..."
+        style="padding:12px 16px; width:350px; border:none; border-radius:8px 0 0 8px; outline:none; font-size:15px;">
+      <input type="hidden" name="title" value="Spezial:Suche">
+      <button type="submit"
+        style="padding:12px 18px; background-color:#4da3ff; color:#fff; border:none; border-radius:0 8px 8px 0; cursor:pointer; font-size:15px;">
+        🔍
+      </button>
+    </form>
    </div>
-   <!-- Footer-Links -->
+   <!-- Themenbereiche -->
-   <div class="w4l-footer">
+   <div style="
-     [[Hilfe:Inhalt|Hilfe]] · [[Wiki4life:Über|Über]] · [[Spezial:Mitmachen|Mitmachen]] · [[Spezial:Hochladen|Datei hochladen]]
+     display: flex;
-  </div>
+    flex-wrap: wrap;
-</div>
+    justify-content: center;