Hauptseite: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 2. Oktober 2025, 09:00 Uhr

   <form>
     <input type="text" placeholder="Benutzername" 
            style="width: 100%; padding: 12px; margin-bottom: 15px; 
                   border: none; border-radius: 9999px; 
                   box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);">
     
     <input type="password" placeholder="Passwort" 
            style="width: 100%; padding: 12px; margin-bottom: 20px; 
                   border: none; border-radius: 9999px; 
                   box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);">
     
     <button type="submit" 
             style="width: 100%; padding: 12px; 
                    background: #4CAF50; color: #fff; 
                    border: none; border-radius: 9999px; 
                    font-size: 16px; cursor: pointer; 
                    box-shadow: 0 4px 12px rgba(0,0,0,0.15);">
       Anmelden
     </button>
   </form>

@@ Zeile 1: / Zeile 1: @@
-<div style="
+<div style="min-height: 100vh;
-  min-height: 600px;
+            display: flex;
-  margin: 0 auto;
+            justify-content: center;
-  padding: 10px 20px;
+            align-items: flex-start;
-  display: flex;
+            background: #f0f2f5;
-  flex-direction: column;
+            padding-top: 100px;">
-  justify-content: flex-start;
-  align-items: center;
-  text-align: center;
-  max-width: 900px;
-">
-   <div style="
+   <div style="background: rgba(255, 255, 255, 0.7);
-    width: 100%;
+              border-radius: 9999px;
-    background-color: rgba(0, 128, 0, 0.1); /* mehr Transparenz */
+              padding: 60px;
-    padding: 12px 0;
+              width: 400px;
-    border-radius: 12px; /* rund */
+              text-align: center;
-  ">
+              box-shadow: 0 8px 30px rgba(0,0,0,0.2);
-    <h1 style="
+              backdrop-filter: blur(12px);">
-      font-family: Arial, sans-serif;
-      font-size: 36px;
-      font-weight: normal;
-      margin: 0;
-      line-height: 1.2; /* enger, dadurch wirkt das Y mittiger */
-      color: #000;
-    ">
-      Wiki4Life
-    </h1>
-  </div>
-  <p style="
-    font-family: Arial, sans-serif;
-    color: #000;
-    font-size: 18px;
-    line-height: 1.6;
-    margin: 5px 0;
-  ">
-    <strong>In 100 Jahren</strong>
-  </p>
-  <p style="
+    <h2 style="font-size: 24px; margin-bottom: 20px; color: #222;">Login</h2>
-    font-family: Arial, sans-serif;
-    color: #000;
-    font-size: 18px;
-    line-height: 1.6;
-    margin: 5px 0;
-    max-width: 800px;
-  ">
-    Im Jahr 2124 werden wir alle mit unseren Familien und Freunden unter der Erde liegen.
-    Fremde werden in unseren Häusern wohnen, die wir mühsam aufgebaut haben,
-    und jemand anderes wird alles besitzen, was wir heute haben.
-  </p>
-  <p style="
+    <form>
-    font-family: Arial, sans-serif;
+      <input type="text" placeholder="Benutzername"
-    color: #000;
+             style="width: 100%; padding: 12px; margin-bottom: 15px;
-    font-size: 18px;
+                    border: none; border-radius: 9999px;
-    line-height: 1.6;
+                    box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);">
-    margin: 5px 0;
-    max-width: 800px;
+      <input type="password" placeholder="Passwort"
-  ">
+             style="width: 100%; padding: 12px; margin-bottom: 20px;
-    Nach unserem Tod werden unsere Nachfahren kaum noch wissen, wer wir waren.
+                    border: none; border-radius: 9999px;
-  </p>
+                    box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);">
-  <p style="
+      <button type="submit"
-    font-family: Arial, sans-serif;
+              style="width: 100%; padding: 12px;
-    color: #000;
+                     background: #4CAF50; color: #fff;
-    font-size: 18px;
+                     border: none; border-radius: 9999px;
-    line-height: 1.6;
+                     font-size: 16px; cursor: pointer;
-    margin: 10px 0;
+                     box-shadow: 0 4px 12px rgba(0,0,0,0.15);">
-    max-width: 800px;
+        Anmelden
-    font-weight: bold;
+      </button>
-  ">
+     </form>
-    Tragt deshalb '''euren''' Lebensweg hier auf Wiki4Life ein – '''damit'''
+   </div>
-  </p>
-  <gallery>
-  [[Datei:Monitor.jpg|mini]]
-  </gallery>
-  <p style="
-    font-family: Arial, sans-serif;
-    color: #000;
-    font-size: 22px;
-    line-height: 1.6;
-    margin: 10px 0;
-    max-width: 800px;
-    font-weight: bold;
-  ">
-    eure Geschichte sichtbar bleibt.
-  </p>
-  <p style="
-    font-family: Arial, sans-serif;
-    color: #000;
-    font-size: 18px;
-    line-height: 1.6;
-    margin-top: 10px;
-  ">
-     [https://wiki4life.org/index.php?title=Marvin Beispiel Person]
-   </p>
 </div>