Zum Inhalt springen

Hauptseite: Unterschied zwischen den Versionen

Aus wiki4life
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(321 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
$(document).ready(function() {
<div style="
    var count = 0;
  min-height: 600px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
  max-width: 1000px;
  font-family: Arial, sans-serif;
  color: #000;
">


    // Rechteck erstellen
  <!-- Titel -->
    var rectButton = $('<div></div>')
  <div style="
        .css({
    width: 80%;
            'width': '400px',
    background-color: rgba(0, 128, 0, 0.15);
            'height': '200px',
    padding: 8px 0;
            'background-color': 'rgba(0,0,0,0)', // unsichtbar
    border-radius: 40px;
            'display': 'flex',
    text-align: center;
            'justify-content': 'center',
  ">
            'align-items': 'center',
    <h1 style="font-size: 36px; font-weight: normal; margin: 0;">Wiki4Life</h1>
            'cursor': 'pointer',
  </div>
            'border-radius': '8px',
            'user-select': 'none',
            'margin': '20px auto',
            'text-align': 'center'
        });


    // Richtext HTML als String behalten
  <!-- Intro -->
    function getRichText(count) {
  <p style="font-size: 18px; margin-top: 20px; text-align: center;">
        return `<div style="font-family: 'Fredoka One'; font-size: 48px; color: black;">
    <strong>In 100 Jahren</strong>
                    Wiki<span style="color:#ff6666;">4</span>
  </p>
                    <span style="background: linear-gradient(to right, green, lightblue); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Life</span>
                    <br>Clicks: ${count}
                </div>`;
    }


     rectButton.html(getRichText(count));
  <p style="font-size: 18px; line-height: 1.6; max-width: 800px;">
    Im Jahr 2125 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>


    // Klick-Event
  <p style="font-size: 18px; line-height: 1.6; max-width: 800px;">
    rectButton.click(function() {
    Nach unserem Tod werden unsere Nachfahren kaum noch wissen, wer wir waren.
        count++;
  </p>
        rectButton.html(getRichText(count));
    });


     // Auf der Seite mittig einfügen
  <p style="font-size: 18px; font-weight: bold; max-width: 800px;">
     $('body').prepend(rectButton);
    Tragt deshalb '''euren''' Lebensweg hier auf Wiki4Life ein.
});
  </p>
 
  <!-- Galerie -->
  <gallery>
     [[Datei:Monitor.jpg|mini]]
  </gallery>
 
  <!-- Link -->
  <p style="font-size: 18px; margin-top: 25px; text-align: center;">
    [https://wiki4life.org/index.php?title=Formular:ErstelleDeineSeite Klick mich, um deine Seite zu erstellen]
  </p>
 
  <hr style="margin: 40px 0; border: none; border-top: 1px solid #ccc; width: 80%;">
 
  <!-- Zweispaltiges Layout -->
  <div style="display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px; width: 100%;">
 
    <!-- Linke Spalte -->
    <div style="flex: 1 1 45%; text-align: left;">
      <h3 style="margin-bottom: 8px;">🔀 Zufälliger Lebensweg</h3>
      <p>[[Spezial:Zufällige Seite|Entdecke eine zufällige Person →]]</p>
 
      <h3 style="margin:40px 0 8px 0;">🆕 Neueste Einträge</h3>
      <p>[[Spezial:Neue Seiten|Sieh dir die neuesten Geschichten an →]]</p>
    </div>
 
    <!-- Rechte Spalte -->
     <div style="flex: 1 1 45%; text-align: right;">
      <h3 style="margin-bottom: 8px;">🎂 Heute Geburtstag</h3>
      <p><em></em> [[Tim Boden]] – geboren am 27. November 1979</p>
      <p style="color: #555; font-size: 14px;">(In Zukunft automatisch: zeigt Personen mit heutigem Geburtsdatum)</p>
 
      <!-- Dein Post mit Emoji -->
      <p style="margin-top: 25px; font-size: 15px; color: #333;">
        🧍‍♂️ <em> #REDIRECT [[Main Page]]
</em>
      </p>
    </div>
 
  </div>
 
</div>

Aktuelle Version vom 27. November 2025, 10:49 Uhr

Wiki4Life

In 100 Jahren

Im Jahr 2125 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.

Nach unserem Tod werden unsere Nachfahren kaum noch wissen, wer wir waren.

Tragt deshalb euren Lebensweg hier auf Wiki4Life ein.

Klick mich, um deine Seite zu erstellen


🔀 Zufälliger Lebensweg

Entdecke eine zufällige Person →

🆕 Neueste Einträge

Sieh dir die neuesten Geschichten an →

🎂 Heute Geburtstag

Tim Boden – geboren am 27. November 1979

(In Zukunft automatisch: zeigt Personen mit heutigem Geburtsdatum)

🧍‍♂️ #REDIRECT Main Page