Zum Inhalt springen

Hauptseite: Unterschied zwischen den Versionen

Aus wiki4life
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(336 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
$(document).ready(function() {
<div style="
    var count = 0;
  max-width:1000px;
  margin:0 auto;
  padding:20px;
  font-family:Arial, sans-serif;
  text-align:center;
">


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


    // Richtext HTML als String behalten
  <!-- Text -->
    function getRichText(count) {
  <p style="font-size:18px; margin-top:30px;">
        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; margin:0 auto;">
     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; margin:20px auto;">
    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;">
     $('body').prepend(rectButton);
    Tragt deshalb euren Lebensweg hier auf Wiki4Life ein.
});
  </p>
 
  <!-- Hauptbutton -->
  <p style="margin-top:35px;">
    [[Formular:ErstelleDeineSeite|
    <span style="
      display:inline-block;
      padding:14px 30px;
      background:#2e7d32;
      color:white;
      border-radius:30px;
      font-size:18px;">
      🆕 Jetzt deine Seite erstellen
    </span>
    ]]
  </p>
 
  <hr style="margin:60px 0;">
 
  <!-- Zwei Bereiche -->
  <div style="
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:80px;
     text-align:left;
  ">
 
    <!-- Dein Eintrag -->
    <div style="flex:1 1 300px; max-width:350px;">
      <h3>🆕 Dein Eintrag</h3>
      <p>
        [[Spezial:Suche|Deinen Eintrag suchen oder öffnen →]]
      </p>
    </div>
 
    <!-- Zufällige Seite -->
     <div style="flex:1 1 300px; max-width:350px;">
      <h3>🔀 Zufälliger Lebensweg</h3>
      <p>
        [[Spezial:Zufällige Seite|Entdecke eine zufällige Person →]]
      </p>
    </div>
 
  </div>
 
</div>

Aktuelle Version vom 13. Februar 2026, 15:15 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.

🆕 Jetzt deine Seite erstellen