Latest revision as of 15:40, 28 February 2025

This template generates a Character Hub page with a default version and variants.

To use it, insert:

John Doe

John Doe
Default Version

[[{{{name}}}]]

[[File:{{{image}}}|300px|center|alt={{{name}}}]]

[[{{{name}}}]]
Default Version

@@ Line 1: / Line 1: @@
 <noinclude>
-This template automatically generates a Character Hub page, listing all versions of a character.
+This template generates a Character Hub page with a default version and variants.
 To use it, insert:
-```wikitext
 {{CharacterHub | name=John Doe | image=John_Doe_Default.png }}
-```
 </noinclude>
 <div class="character-hub">
-     <h1>{{{name}}}</h1>
+     <h1>[[{{{name}}}]]</h1>
-    <!-- Default Character Display -->
+<!-- Default Character Display -->
-    <div class="default-character">
+<div class="default-character">
-        <img src="{{{image}}}" alt="{{{name}}}" class="character-main-image">
+[[File:{{{image}}}|300px|center|alt={{{name}}}]]
-        <h2><strong>{{{name}}}</strong></h2>
+<div class="character-info-box">
-    </div>
+'''[[{{{name}}}]]'''<br>
+{{{description|Default Version}}}
-    <!-- Variants Section -->
+</div>
-    <h3>Variants</h3>
+</div>
-    <div class="character-variants">
-        {{#ask: [[CharacterVersion::{{{name}}}]]
-        |?Image=
-        |format=ul
-        |introtemplate=CharacterVariantEntry
-        |outrotemplate=CharacterVariantEnd
-        }}
-    </div>
 </div>
-<style>
-.character-hub {
-    text-align: center;
-    max-width: 800px;
-    margin: auto;
-}
-.character-main-image {
-    width: 300px;
-    border-radius: 10px;
-}
-.character-variants {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    gap: 20px;
-}
-.character-variant {
-    width: 150px;
-    text-align: center;
-}
-.character-variant img {
-    width: 100px;
-    border-radius: 5px;
-}
-</style>