Template:Infobox Character: Difference between revisions

[unchecked revision]

Latest revision as of 10:39, 5 September 2025

Usage

On a character page, add:

{{Infobox Character
 |image       = Character_JohnTanaka.jpg
 |caption     = Current appearance (2025)
 |status      = CharacterPresent
 |fullname    = John Kenji Tanaka
 |aka         = 
* JT
* Johnny
 |birthdate   = 1995-03-15
 |age         = 
 |gender      = Male
 |nationality = Japanese-American
 |height      = 5'10" (178 cm)
 |weight      = 165 lbs (75 kg)
 |hair        = Black
 |eyes        = Brown
 |birthplace  = Kyoto, Japan
 |occupation  = 
* Software Engineer
* Freelance Web Developer
 |affiliations = 
* TechCorp (employee)
* Photography Club (member)
 |family      = 
* Kenji Tanaka (father)
* Mary Tanaka (mother)
* Lisa Tanaka (sister)
 |relations   = 
* Best friend of [[Characters/Jane Smith]]
* Dating [[Characters/Sarah Wilson]]
 |player      = Kowaulsky
 |firstappearance = 2025-08-01
}}

Important Notes

Character Status

Use one of the following values for the status parameter:

CharacterPresent - Currently active and available
CharacterAway - Temporarily absent or traveling
CharacterDeceased - Character has died
CharacterImprisoned - Currently incarcerated
CharacterMissing - Disappeared or whereabouts unknown

Date Formats

birthdate: Use ISO format (YYYY-MM-DD) for age calculation. Example: 1995-03-15
firstappearance: Use ISO format (YYYY-MM-DD) for consistent display. Example: 2025-08-01

List Format

For fields that support lists (aka, occupation, affiliations, family, relations), use MediaWiki list syntax:

 |field = 
* First item
* Second item
* Third item

Character Links in Relations

The relations field can include links to other characters. Use the AutoLink template or regular MediaWiki links:

[[Characters/Jane Smith]]
{{AutoLink|type=characters|target=Jane Smith}}

Player Links

The player field automatically creates links to player pages using the AutoLink template.

This template uses CSS variables that automatically adapt to the Citizen skin's light/dark theme.

@@ Line 1: / Line 1: @@
-{{TemplateStyles|src=Template:Infobox Player/styles.css}}
+<includeonly><div style="width:350px; float:right; margin:0 0 1em 1em; font-size:90%; border:1px solid var(--border-color-base, #a2a9b1); background:var(--background-color-base, #fff); color:var(--color-base, #000);">
+<div style="font-size:120%; font-weight:bold; text-align:center; padding:8px; background-color:var(--background-color-neutral-subtle, #f8f9fa); border-bottom:1px solid var(--border-color-base, #a2a9b1); color:var(--color-base, #000);">{{{fullname|{{PAGENAME}}}}}</div>
+{{#if:{{{image|}}}|
+<div style="text-align:center; padding:10px; background:var(--background-color-base, #fff);">[[File:{{{image}}}|200px]]</div>
+|<div style="text-align:center; padding:10px; background:var(--background-color-base, #fff);">[[File:Character_{{#titleparts:{{PAGENAME}}|1|2}}.png|200px]]</div>
+}}
+<div style="text-align:center; font-size:85%; padding:5px; background:var(--background-color-base, #fff); color:var(--color-base, #000);">[{{fullurl:Special:FlexiUpload|campaign=characters&charactername={{#titleparts:{{PAGENAME}}|1|2}}}} '''↑ Upload character image here''']</div>
+{{#if:{{{caption|}}}|<div style="text-align:center; font-size:85%; color:var(--color-subtle, #666); padding:5px; background:var(--background-color-base, #fff);">{{{caption}}}</div>|}}
-{| class="infobox trp-player"
+<div style="text-align:center; font-weight:bold; font-size:110%; padding:8px; background-color:var(--background-color-neutral-subtle, #f8f9fa); border-top:1px solid var(--border-color-base, #a2a9b1); border-bottom:1px solid var(--border-color-base, #a2a9b1); color:var(--color-emphasized, #000);">Basic information</div>
-|+ class="infobox-title" | {{{name|Unnamed player}}}
+<table style="width:100%; padding:5px; background:var(--background-color-base, #fff);">
+{{#if:{{{fullname|}}}|<tr><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Full name</td><td style="padding:4px; color:var(--color-base, #000);">{{{fullname}}}</td></tr>|}}
+<tr style="vertical-align:top;"><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Also known as</td><td style="padding:4px; color:var(--color-base, #000);">
+{{{aka|<span style="color:var(--color-subtle, #999); font-style:italic;">None</span>}}}
+</td></tr>
+<tr><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Age</td><td style="padding:4px; color:var(--color-base, #000);">{{#if:{{{birthdate|}}}|{{#expr: {{#time: Y }} - {{#time: Y | {{{birthdate}}} }} - {{#ifexpr: {{#time: n }} > {{#time: n | {{{birthdate}}} }} or ({{#time: n }} = {{#time: n | {{{birthdate}}} }} and {{#time: j }} >= {{#time: j | {{{birthdate}}} }}) | 0 | 1 }} }} (born {{#time: F j, Y | {{{birthdate}}} }})|{{{age|<span style="color:var(--color-subtle, #999); font-style:italic;">Unknown</span>}}}}}</td></tr>
+<tr><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Gender</td><td style="padding:4px; color:var(--color-base, #000);">{{{gender|<span style="color:var(--color-subtle, #999); font-style:italic;">Not specified</span>}}}</td></tr>
+<tr><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Nationality</td><td style="padding:4px; color:var(--color-base, #000);">{{{nationality|<span style="color:var(--color-subtle, #999); font-style:italic;">Unknown</span>}}}</td></tr>
+<tr><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Current status</td><td style="padding:4px;">{{StatusBadges|{{{status|CharacterPresent}}}}}</td></tr>
+</table>
-|-
+<div style="text-align:center; font-weight:bold; font-size:110%; padding:8px; background-color:var(--background-color-neutral-subtle, #f8f9fa); border-top:1px solid var(--border-color-base, #a2a9b1); border-bottom:1px solid var(--border-color-base, #a2a9b1); color:var(--color-emphasized, #000);">Physical description</div>
-| class="center" | [[File:{{{image|Placeholder.png}}}|280px]]
+<table style="width:100%; padding:5px; background:var(--background-color-base, #fff);">
-|-
+<tr><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Height</td><td style="padding:4px; color:var(--color-base, #000);">{{{height|<span style="color:var(--color-subtle, #999); font-style:italic;">Not specified</span>}}}</td></tr>
-| class="center small" | {{{caption|}}}
+<tr><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Weight</td><td style="padding:4px; color:var(--color-base, #000);">{{{weight|<span style="color:var(--color-subtle, #999); font-style:italic;">Not specified</span>}}}</td></tr>
+<tr><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Hair color</td><td style="padding:4px; color:var(--color-base, #000);">{{{hair|<span style="color:var(--color-subtle, #999); font-style:italic;">Not specified</span>}}}</td></tr>
+<tr><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Eye color</td><td style="padding:4px; color:var(--color-base, #000);">{{{eyes|<span style="color:var(--color-subtle, #999); font-style:italic;">Not specified</span>}}}</td></tr>
+</table>
-|-
+<div style="text-align:center; font-weight:bold; font-size:110%; padding:8px; background-color:var(--background-color-neutral-subtle, #f8f9fa); border-top:1px solid var(--border-color-base, #a2a9b1); border-bottom:1px solid var(--border-color-base, #a2a9b1); color:var(--color-emphasized, #000);">Background</div>
-! class="section" colspan="2" | Personal information
+<table style="width:100%; padding:5px; background:var(--background-color-base, #fff);">
-|-
+<tr><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Birthplace</td><td style="padding:4px; color:var(--color-base, #000);">{{{birthplace|<span style="color:var(--color-subtle, #999); font-style:italic;">Unknown</span>}}}</td></tr>
-! Full name
+<tr style="vertical-align:top;"><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Occupation</td><td style="padding:4px; color:var(--color-base, #000);">
-| {{{fullname|}}}
+{{{occupation|<span style="color:var(--color-subtle, #999); font-style:italic;">Not specified</span>}}}
-|-
+</td></tr>
-! Aliases
+<tr style="vertical-align:top;"><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Affiliations</td><td style="padding:4px; color:var(--color-base, #000);">
-| {{{aliases|}}}
+{{{affiliations|<span style="color:var(--color-subtle, #999); font-style:italic;">None</span>}}}
-|-
+</td></tr>
-! Age
+</table>
-| {{{age|}}}
-|-
-! Gender
-| {{{gender|}}}
-|-
-! Date of birth
-| {{{dob|}}}
-|-
-! Nationality
-| {{{nationality|}}}
-|-
+<div style="text-align:center; font-weight:bold; font-size:110%; padding:8px; background-color:var(--background-color-neutral-subtle, #f8f9fa); border-top:1px solid var(--border-color-base, #a2a9b1); border-bottom:1px solid var(--border-color-base, #a2a9b1); color:var(--color-emphasized, #000);">Relationships</div>
-! class="section" colspan="2" | Career
+<table style="width:100%; padding:5px; background:var(--background-color-base, #fff);">
-|-
+<tr style="vertical-align:top;"><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Family</td><td style="padding:4px; color:var(--color-base, #000);">
-! Occupation
+{{{family|<span style="color:var(--color-subtle, #999); font-style:italic;">Unknown</span>}}}
-| {{{occupation|}}}
+</td></tr>
-|-
+<tr style="vertical-align:top;"><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Relations</td><td style="padding:4px; color:var(--color-base, #000);">
-! Affiliation
+{{{relations|<span style="color:var(--color-subtle, #999); font-style:italic;">None listed</span>}}}
-| {{{affiliation|}}}
+</td></tr>
-|-
+</table>
-! Faction
-| {{{faction|}}}
-|-
+<div style="text-align:center; font-weight:bold; font-size:110%; padding:8px; background-color:var(--background-color-neutral-subtle, #f8f9fa); border-top:1px solid var(--border-color-base, #a2a9b1); border-bottom:1px solid var(--border-color-base, #a2a9b1); color:var(--color-emphasized, #000);">OOC information</div>
-! class="section" colspan="2" | Status
+<table style="width:100%; padding:5px; background:var(--background-color-base, #fff);">
-|-
+<tr><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">Player</td><td style="padding:4px; color:var(--color-base, #000);">{{#if:{{{player|}}}|{{AutoLink|type=players|target={{{player}}}}}|<span style="color:var(--color-subtle, #999); font-style:italic;">Not specified</span>}}</td></tr>
-! Status
+<tr><td style="width:30%; font-weight:bold; padding:4px; color:var(--color-subtle, #666);">First appearance</td><td style="padding:4px; color:var(--color-base, #000);">{{#if:{{{firstappearance|}}}|{{#time: F j, Y | {{{firstappearance}}} }}|<span style="color:var(--color-subtle, #999); font-style:italic;">Unknown</span>}}</td></tr>
-| {{{status|Alive}}}
+</table>
-|-
-! Residence
-| {{{residence|}}}
-|-
+</div></includeonly>
-! class="section" colspan="2" | Appearances
+<includeonly>[[Category:Characters]]</includeonly><noinclude>
-|-
+== Usage ==
-! First appearance
+On a '''character page''', add:
-| {{{firstappear|}}}
-|-
-! Last appearance
-| {{{lastappear|}}}
-|}
-<noinclude>
-== Usage ==
-On a player/character page, add only this:
 <pre>
-{{Infobox Player
+{{Infobox Character
- |name        = Sakura Tanaka
+  |image       = Character_JohnTanaka.jpg
-  |image       = Sakura.png
+  |caption     = Current appearance (2025)
-  |caption     = 2025
+ |status      = CharacterPresent
-  |fullname    = Sakura H. Tanaka
+  |fullname    = John Kenji Tanaka
-  |aliases     = "Saki"
+  |aka         =
-  |age         = 22
+* JT
-  |gender      = Female
+* Johnny
- |dob         = 2003-09-17
+ |birthdate   = 1995-03-15
+  |age         =
+  |gender      = Male
   |nationality = Japanese-American
-  |occupation  = University Student
+  |height      = 5'10" (178 cm)
-  |affiliation = [[Maison Chevalier]]
+ |weight      = 165 lbs (75 kg)
-  |faction     = Education
+ |hair        = Black
-  |status      = Alive
+ |eyes        = Brown
-  |residence   = Downtown Iwashima
+ |birthplace  = Kyoto, Japan
-  |firstappear = Introduced in 2025
+  |occupation  =
-  |lastappear  =
+* Software Engineer
+* Freelance Web Developer
+  |affiliations =
+* TechCorp (employee)
+* Photography Club (member)
+  |family      =
+* Kenji Tanaka (father)
+* Mary Tanaka (mother)
+* Lisa Tanaka (sister)
+  |relations   =
+* Best friend of [[Characters/Jane Smith]]
+* Dating [[Characters/Sarah Wilson]]
+  |player      = Kowaulsky
+  |firstappearance = 2025-08-01
 }}
 </pre>
-[[Category:Infobox templates]]
+=== Important Notes ===
+==== Character Status ====
+Use one of the following values for the '''status''' parameter:
+* '''CharacterPresent''' - Currently active and available
+* '''CharacterAway''' - Temporarily absent or traveling
+* '''CharacterDeceased''' - Character has died
+* '''CharacterImprisoned''' - Currently incarcerated
+* '''CharacterMissing''' - Disappeared or whereabouts unknown
+==== Date Formats ====
+* '''birthdate''': Use ISO format (YYYY-MM-DD) for age calculation. Example: <code>1995-03-15</code>
+* '''firstappearance''': Use ISO format (YYYY-MM-DD) for consistent display. Example: <code>2025-08-01</code>
+==== List Format ====
+For fields that support lists (aka, occupation, affiliations, family, relations), use MediaWiki list syntax:
+<pre>
+ |field =
+* First item
+* Second item
+* Third item
+</pre>
+==== Character Links in Relations ====
+The relations field can include links to other characters. Use the AutoLink template or regular MediaWiki links:
+* <code><nowiki>[[Characters/Jane Smith]]</nowiki></code>
+* <code><nowiki>{{AutoLink|type=characters|target=Jane Smith}}</nowiki></code>
+==== Player Links ====
+The player field automatically creates links to player pages using the AutoLink template.
+This template uses CSS variables that automatically adapt to the Citizen skin's light/dark theme.
 </noinclude>