Hauptseite: Unterschied zwischen den Versionen

Hilfe

@@ Zeile 1: / Zeile 1: @@
+__NOTOC__
 <!-- Navigation Bar -->
 <div class="mw-klub-topbar">
-  <span class="mw-klub-pill">Killes Boys</span>
+<span class="mw-klub-pill">Killes Boys</span>
-  [[Hauptseite|<span class="mw-klub-pill">homepage</span>]]
+[[Hauptseite|<span class="mw-klub-pill">homepage</span>]]
-  [[Über|<span class="mw-klub-pill">about</span>]]
+[[Über|<span class="mw-klub-pill">about</span>]]
-  [[Archiv|<span class="mw-klub-pill">archive</span>]]
+[[Archiv|<span class="mw-klub-pill">archive</span>]]
-  [[Kontakt|<span class="mw-klub-pill">contact</span>]]
+[[Kontakt|<span class="mw-klub-pill">contact</span>]]
 </div>
 <!-- Welcome Section -->
-<div class="klub-panel">
+<div class="klub-panel klub-panel-highlight">
-  <h2>Welcome</h2>
+<span style="font-family: ui-monospace, monospace; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #cfcfcf;">Welcome</span>
-  <p class="klub-muted">Ein kleines Archiv unserer OCs, Stories und Projekte. Pick something from the catalogue and have fun. :)</p>
+<p class="klub-muted" style="margin: 8px 0 0 0;">Ein kleines Archiv unserer OCs, Stories und Projekte. Pick something from the catalogue and have fun. :)</p>
 </div>
-<!-- Featured Character Spotlight -->
+<!-- Featured Character Spotlight (Minimal) -->
-<div class="klub-panel klub-featured">
+<div class="klub-panel klub-panel-highlight klub-featured-minimal">
-  <h2>✦ Featured Character</h2>
+<span style="font-family: ui-monospace, monospace; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #cfcfcf;">✦ Featured Character</span>
-  <div class="klub-feature-grid">
+<div style="display: grid; grid-template-columns: 160px 1fr; gap: 16px; align-items: center; margin-top: 12px;">
-    <div class="klub-feature-image">
+<div style="border-radius: 6px; overflow: hidden; border: 1px solid #2a2a2a;">[[Datei:Isshin.jpeg|160px|link=Sen Isshin]]</div>
-      [[Datei:Isshin.jpeg|220px|link=Sen Isshin]]
+<div>
-    </div>
+<div style="font-family: ui-monospace, monospace; font-size: 16px; font-weight: 600; margin-bottom: 4px;">[[Sen Isshin]]</div>
-    <div class="klub-feature-content">
+<div class="klub-muted" style="font-size: 12px; margin-bottom: 8px;">Deputy Director of Security • JSDF Veteran</div>
-      <h3 style="margin: 0 0 8px 0; font-size: 1.5em;">[[Sen Isshin]]</h3>
+<div style="font-size: 0.9em; color: #a6a6a6;">Großzügig, pragmatisch und kompromisslos – eine schwer greifbare Führungspersönlichkeit.</div>
-      <p class="klub-muted" style="margin: 0 0 12px 0; font-size: 0.9em;">
+</div>
-        <strong>Deputy Director of Security</strong> • JSDF Veteran • Model • Alive
+</div>
-      </p>
-      <p style="font-size: 0.95em; line-height: 1.5; margin-bottom: 14px;">
-        Isshins Persönlichkeit vereint mehrere scheinbar widersprüchliche Facetten, die ihn zu einer schwer greifbaren, aber konsistenten Führungspersönlichkeit machen. Großzügig, pragmatisch und kompromisslos zugleich.
-      </p>
-      [[Sen Isshin|<span class="mw-klub-pill">Read More →</span>]]
-    </div>
-  </div>
 </div>
 <!-- Character Catalogue -->
 <div class="klub-panel">
-  <h2>Character Roster</h2>
+<span style="font-family: ui-monospace, monospace; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #cfcfcf;">Character Roster</span>
-  <div class="klub-catalog">
+<div class="klub-catalog" style="margin-top: 12px;">
-    <div class="klub-char-card">
+<div class="klub-char-card">
-      <div class="klub-char-image">[[Datei:Isshin.jpeg|140px|link=Sen Isshin]]</div>
+<div class="klub-char-image">[[Datei:Isshin.jpeg|140px|link=Sen Isshin]]</div>
-      <div class="klub-char-name">[[Sen Isshin]]</div>
+<div class="klub-char-name">[[Sen Isshin]]</div>
-      <div class="klub-char-role">Deputy Director</div>
+<div class="klub-char-role">Deputy Director</div>
-    </div>
+</div>
-    <div class="klub-char-card">
+<div class="klub-char-card">
-      <div class="klub-char-image">[[Datei:kille.png|140px|link=Character2]]</div>
+<div class="klub-char-image">[[Datei:kille.png|140px|link=Character2]]</div>
-      <div class="klub-char-name">[[Character Name]]</div>
+<div class="klub-char-name">[[Character Name]]</div>
-      <div class="klub-char-role">Role/Title</div>
+<div class="klub-char-role">Role/Title</div>
-    </div>
+</div>
-    <div class="klub-char-card">
+<div class="klub-char-card">
-      <div class="klub-char-image">[[Datei:game1.jpg|140px|link=Character3]]</div>
+<div class="klub-char-image">[[Datei:game1.jpg|140px|link=Character3]]</div>
-      <div class="klub-char-name">[[Character Name]]</div>
+<div class="klub-char-name">[[Character Name]]</div>
-      <div class="klub-char-role">Role/Title</div>
+<div class="klub-char-role">Role/Title</div>
-    </div>
+</div>
-    <div class="klub-char-card">
+<div class="klub-char-card">
-      <div class="klub-char-image">[[Datei:game2.jpg|140px|link=Character4]]</div>
+<div class="klub-char-image">[[Datei:game2.jpg|140px|link=Character4]]</div>
-      <div class="klub-char-name">[[Character Name]]</div>
+<div class="klub-char-name">[[Character Name]]</div>
-      <div class="klub-char-role">Role/Title</div>
+<div class="klub-char-role">Role/Title</div>
-    </div>
+</div>
-  </div>
+</div>
 </div>
 <!-- Two Column: Registry & Updates -->
 <div class="klub-columns">
-  <div class="klub-panel">
+<div class="klub-panel">
-    <h2>Registry</h2>
+<span style="font-family: ui-monospace, monospace; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #cfcfcf;">Registry</span>
-    <ul class="klub-list">
+<ul class="klub-list" style="margin-top: 12px;">
-      <li>[[Sen Isshin|Sen Isshin]] <span class="klub-date">6 days ago</span></li>
+<li>[[Sen Isshin|Sen Isshin]] <span class="klub-date">6 days ago</span></li>
-      <li>[[TestCharacter|Test Character]] <span class="klub-date">31 days ago</span></li>
+<li>[[TestCharacter|Test Character]] <span class="klub-date">31 days ago</span></li>
-      <li>[[AnotherOC|Another OC]] <span class="klub-date">112 days ago</span></li>
+<li>[[AnotherOC|Another OC]] <span class="klub-date">112 days ago</span></li>
-    </ul>
+</ul>
-    <p class="small">[[Archiv|view all →]]</p>
+<p class="small">[[Archiv|view all →]]</p>
-  </div>
+</div>
-  <div class="klub-panel">
+<div class="klub-panel">
-    <h2>Updates</h2>
+<span style="font-family: ui-monospace, monospace; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #cfcfcf;">Updates</span>
-    <ul class="klub-list">
+<ul class="klub-list" style="margin-top: 12px;">
-      <li>[[Sen Isshin]] Biografie erweitert <span class="klub-date">2 days ago</span></li>
+<li>[[Sen Isshin]] Biografie erweitert <span class="klub-date">2 days ago</span></li>
-      <li>Neue Character Page online <span class="klub-date">76 days ago</span></li>
+<li>Neue Character Page online <span class="klub-date">76 days ago</span></li>
-      <li>Wiki Design Update <span class="klub-date">356 days ago</span></li>
+<li>Wiki Design Update <span class="klub-date">356 days ago</span></li>
-    </ul>
+</ul>
-    <p class="small">[[Updates|view all →]]</p>
+<p class="small">[[Updates|view all →]]</p>
-  </div>
+</div>
 </div>
 <!-- Projects/Stories Catalogue (Optional) -->
 <div class="klub-panel">
-  <h2>Projects & Stories</h2>
+<span style="font-family: ui-monospace, monospace; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #cfcfcf;">Projects & Stories</span>
-  <div class="klub-catalog">
+<div class="klub-catalog" style="margin-top: 12px;">
-    <div class="item">[[Datei:game1.jpg|120x110px|link=Projekt:Game1]]</div>
+<div class="item">[[Datei:game1.jpg|120x110px|link=Projekt:Game1]]</div>
-    <div class="item">[[Datei:game2.jpg|120x110px|link=Projekt:Game2]]</div>
+<div class="item">[[Datei:game2.jpg|120x110px|link=Projekt:Game2]]</div>
-    <div class="item">[[Datei:game3.jpg|120x110px|link=Projekt:Game3]]</div>
+<div class="item">[[Datei:game3.jpg|120x110px|link=Projekt:Game3]]</div>
-    <div class="item">[[Datei:game4.jpg|120x110px|link=Projekt:Game4]]</div>
+<div class="item">[[Datei:game4.jpg|120x110px|link=Projekt:Game4]]</div>
-  </div>
+</div>
 </div>
 <!-- News Section -->
 <div class="klub-panel">
-  <h2>News</h2>
+<span style="font-family: ui-monospace, monospace; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #cfcfcf;">News</span>
-  <p class="klub-muted">🎉 Wiki ist jetzt live! Neue Character Pages werden regelmäßig hinzugefügt.</p>
+<p class="klub-muted" style="margin: 8px 0 0 0;">🎉 Wiki ist jetzt live! Neue Character Pages werden regelmäßig hinzugefügt.</p>
 </div>