Template:Test2: Difference between revisions

From TowersWiki

No edit summary
No edit summary
Line 1: Line 1:
<noinclude>
<noinclude>
Based on a page design by [[User:Elizabeth]] and made into a template. Currently ready for use but still IN DEVELOPMENT. Feedback welcome.
Based on a page design by [[User:DreadWraith]] and made into a template by [[User:Polk]]


Example of use (please check [[Kwan]] or [[Clairine]] for a actual character content):
Example of use:


  <nowiki>{{</nowiki>ShannonTemplate
  <nowiki>{{</nowiki>BasicCharacterPage
  | pagename=Kwan Seong
  | pagename=Bender
  | rightpanel=yes (can be left blank for 'no')
  | titlefg=white
  | logs=yes
| titlebg=green
  | color1=darkslategray
  | fullname=Bender Rodriguez
  | colorbg1=lightcyan
  | profileimage=<nowiki>[[File:Bender.jpg]]</nowiki>
  | color2=lightcyan
  | quote=Bite my shiny metal ass!
  | colorbg2=darkslategray
  | biography=Blackmail is such an ugly word. I prefer extortion. The ‘x’ makes it sound cool.
  | colorbginfobox=white
  | stereotypes=Somethingsomething
  | photobanner=<nowiki>[[File:Dichen-Lachman-1200.jpg]]</nowiki>
  | rphooks=
  | portraitimage=<nowiki>[[File:Kwan3.jpg]]</nowiki>
* Bending
  | portraiticon=<nowiki>[[File:Akashic-symbol.png]]</nowiki>
* Beer
  | bannerpic1=<nowiki>[[File:kwan-sword.jpg]]</nowiki>
* Killing all humans
  | bannerpic2=<nowiki>[[File:D5.jpg]]</nowiki>
  | gallery=
  | biography=<nowiki><p>Bio paragraph 1 lorem ipsum</p>
<nowiki>[[File:Bender1.jpg]]</nowiki>
  <p>Bio paragraph 2 lorem ipsum</p></nowiki>
  <nowiki>[[File:Bender2.jpg]]</nowiki>
  | position=Holistic Coach
  <nowiki>[[File:Bender3.jpg]]</nowiki>
| apparentage=Early 30's
  | profile=
| demeanor=Innovator
<nowiki>{{!}}</nowiki> Species
| height=5'3"
  <nowiki>{{!}}</nowiki> Robot
| weight=Athletic
  <nowiki>{{!}}</nowiki>-
| hair=Light Brown
<nowiki>{{!}}</nowiki> Age
| eyes=Light Brown
  <nowiki>{{!}}</nowiki> 5
| faction=The Traditions
  | statistics=
| tradition=Akashic Brotherhood
  <nowiki>{{!}}</nowiki> Gambling
| sub-tradition=Li-Hai / Mo-tzu Fa
<nowiki>{{!}}</nowiki> 🔴⚫️⚫️⚫️⚫️
| chantry=<nowiki>[[Respect_Community_Center|Respect]]</nowiki>
<nowiki>{{!}}</nowiki>-
  | divider1=yes
  <nowiki>{{!}}</nowiki> Subterfuge
  | divider2=yes
  <nowiki>{{!}}</nowiki> 🔴🔴🔴🔴⚫️
| rphooks=<nowiki><table class="hooks-table">
  <tr>
    <td class="hook-table-label">Hook 1:</td>
    <td>What a great hook to get us into RP!</td>
  </tr>
  </table></nowiki>
  | contacts=<nowiki><table class="hooks-table">
    <tr>
      <td class="hook-table-label">[[Kwan]]:</td>
      <td>What an awesome contact!</td>
    </tr>
  </table></nowiki>
  | gallery=<nowiki><ul>
    <li>[[File:Kwan11.jpg]]</li>
  </ul></nowiki>
  <nowiki>}}</nowiki>
  <nowiki>}}</nowiki>


For best results, use either <b>leftpanel</b> or <b>rightpanel</b> but not both. Just set the desired field to <b><i>yes</b></i> and the info-box will appear on one side or the other.
Optional add-on arguments are <code>soundtrack</code>, which works the same as <code>rphooks</code> above, as well as <code>stereotypes</code> and <code>contacts</code> which are free-form.


Regular fields that can be entered include:
<ul>
  <li>pagename - Character's first or full name both work.</li>
  <li>rightpanel / leftpanel - Required: Only set ONE of these. Any value, including 'yes' is fine.</li>
  <li>logs - Optional: Set to any value to include a logs section.
  <li>color1, colorbg1, color2, colorbg2, colorbginfobox - Optional: Use HTML or CSS color values for each of the two block styles. Defaults to a black/white scheme. Example codes can be found at https://htmlcolorcodes.com/.</li>
  <li>photobanner - Required: For the large screen main photo in the top section.</li>
  <li>portraitimage - Required: For the top infobox portrait image.</li>
  <li>portraiticon - Optional: Icon image below the infobox</li>
  <li>bannerpic1 - Optional: For the first main banner pic below the Biography section</li>
  <li>bannerpic2 - Optional: For the second main banner pic below the logs section</li>
  <li>biography - Required: General biography / info section in top section.</li>
</ul>


<b>Info Box</b> fields that can be entered include:
And if you really want to customize, you can add entire new boxes with the <code>leftcolumn</code> or <code>rightcolumn</code> settings. For example:
<ul>
  <li>position</li>
  <li>demeanor</li>
  <li>apparentage</li>
  <li>hometown</li>
  <li>height</li>
  <li>weight</li>
  <li>hair</li>
  <li>eyes</li>
  <li>faction</li>
  <li>tradition (for Mages)</li>
  <li>sub-tradition (for Mages)</li>
  <li>chantry (for Mages)</li>
  <li>seeming (for Changeling)</li>
  <li>legacy (for Changelings)</li>
  <li>kith (for Changeling)</li>
  <li>court (for Changeling)</li>
  <li>motley (for Changeling</li>
  <li>sect (for Vampires)</li>
  <li>clan (for Vampires)</li>
  <li>coterie (for Vampires)</li>
  <li>breed (for Shifters)</li>
  <li>auspice (for Shifters)</li>
  <li>tribe (for Shifters)</li>
  <li>pack (for Shifters)</li>
  <li>totem (for Shifters)</li>
  <li>type (optional, for Fera perhaps?)</li>
  <li>aka (for aliases, ritenames, and the like)</li>
  <li>divider1 (for linebreak1)</li>
  <li>divider2 (for linebreak2)<li>
</ul>


<b>To Do</b>:
<pre><nowiki>
<ul>
| leftcolumn=<div class="bcpbox"><div class="bcpboxtitle">Filmography</div>
  <li>Add fields for Wraith.</li>
stuff goes here
  <li>Add ability to add generic titled content boxes, as well.</li>
</div>
  <li>Mobile Responsiveness</li>
<div class="bcpbox"><div class="bcpboxtitle">Awards</div>
</ul>
stuff goes here
 
</div>
If you have any suggestions for the To Do list above, @mail Ceres in-game!
| rightcolumn=<div class="bcpbox"><div class="bcpboxtitle">Aliases</div>
</noinclude>
stuff goes here
</div>
<div class="bcpbox"><div class="bcpboxtitle">Confirmed kills</div>
stuff goes here
</div>
</nowiki></pre>


<includeonly>
</noinclude><includeonly>
{{#css:
{{#css:
#main-container {
#bcp {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
justify-content: flex-start;
height: auto;
align-items: stretch;
margin: auto;
align-content: stretch;
color: {{{color1|#333333}}};
background-color: {{{colorbg1|#efefef}}};
}


#top-section {
font-size: 11pt;
display: flex;
}
}
 
#bcp table {
#center-panel {
width: 100%;
width: 70%;
display: flex;
flex-direction: column;
justify-content: center;
}
}
 
#bcp table tr td:nth-child(1) {
.side-panel {
font-weight: bold;
width: 30%;
text-align: left;
height: auto;
background-color: {{{colorbginfobox|white}}};
border: 11px;
border-style: solid;
border-color: {{{colorbg2|#333333}}};
font-size: 0.9em;
border-bottom-style: hidden;
}
}


#header-container {
#bcp table tr td:nth-child(2) {
width: 100%;
text-align: right;
display: flex;
justify-content: center;
padding: 2em 0;
}
}
 
.bcpboxtitle {
#biography-container {
color: {{{titlefg|white}}};
width: 94%;
background: {{{titlebg|darkblue}}};
padding: 1em 3%;
text-align: center;
font-size: 1.2em;
font-weight: bold;
margin: 5px 0;
}
}
 
#bcpquote {
#logs-content {
text-align: center;
display: flex;
font-style: italic;
justify-content: center;
padding-bottom: 1em;
}
}


.bg-dark {
#bcplogs li {
background-color: {{{colorbg2|#333333}}};
list-style-type: none;
color: {{{color2|#efefef}}};
border-color: {{{color2|#efefef}}};
}
}
 
#bcpcolumns {
.bg-light {
display: flex;
background-color: {{{colorbg1|#efefef}}};
flex-wrap: nowrap;
color: {{{color1|#333333}}};
justify-content: flex-start;
border-color: {{{color1|#333333}}};
align-items: stretch;
align-content: stretch;
}
@media (max-width: 990px) {
#bcpcolumns {
flex-direction: column-reverse;
}
}
}
 
@media (min-width: 991px) {
.header-title {
#bcpcolumns {
  width: 94%;
flex-direction: row;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
  font-size: 25px;
#bcprightcolumn {
  letter-spacing: 2px;
max-width: 25%;
  word-spacing: 2px;
}
  font-weight: 700;
#bcpleftcolumn {
  text-decoration: none;
max-width: 75%;
  font-style: normal;
}
  font-variant: normal;
  text-transform: none;
}
}
 
#bcpleftcolumn {
.center {
flex-grow: 3;
  text-align: center;
padding: 5px;
}
}
 
#bcpgallery p {
.underline {
margin: 0;
  border-bottom-style: solid;
text-align: center;
  border-bottom-width: 0.1em;
  padding-bottom: 0.5em;
}
}


.label {
#bcpgallery img {
  margin: 0.2em 0;
max-width: 30% !important;
  font-size: 1.4em;
height: auto !important;
  font-weight: 600;
  font-style: italic;
}
}
 
#bcplogs {
.photo-banner {
text-align: center;
  width: 100%;
  height: auto;
}
}
 
#bcprightcolumn {
.photo-banner img {
flex-grow: 1;
  width: 100%;
padding: 5px;
  height: 100%;
}
}
 
#bcpname p {
.portrait-image {
margin: 0;
  width: 100%;
  margin-bottom: 1em;
}
}
 
#bcpname img {
.portrait-image img {
min-width: 100%;
  width: 100%;
max-width: 100%;
height: auto;
}
}
.info-table {
  margin: auto;
  width: 100%;
  padding: 0 1em;
}
.info-table-label {
  font-weight: 600;
  width: 50%;
}
.icon {
  display: flex;
  justify-content: center;
  padding: 1em 0 1.5em 0;
}
.icon a {
  display: flex;
  justify-content: center;
}
.icon img {
  width: 50%;
}
.hooks-container, .contacts-container, .gallery-container, .logs-container {
  width: 94%;
  padding: 1em 3%;
  font-size: 0.9em;
  display: flex;
  flex-direction: column;
}
.hooks-content {
  width: 100%;
  display: flex;
}
.hooks-content td img {
  width: 33%;
}
.hooks-table {
  width: 900px;
}
.hook-table-label {
  width: 20%;
  font-weight: 600;
  padding-left: 0.5em;
}
.hook-table-label a {
  color: {{{colorbg1|#efefef}}};
}
.hook-table-label a:visited {
  color: {{{colorbg1|#efefef}}};
}
.hooks-table a {
color: {{{color2|#efefef}}};
}
.hooks-table a:visited {
color: {{{color2|#efefef}}};
}
.gallery-content ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  justify-content: center;
}
.gallery-content#gallery img {
  height: 240px;
  max-width: 260px !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 10px;
  -moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.75);
  webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 20px rgba(0,0,0,0.75);
}
.gallery-content img:hover {
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -o-transform: scale(1.6);
  -ms-transform: scale(1.6);
  transform: scale(1.6);
  cursor: pointer;
}
}}
}}
<div id="main-container">
<div id="bcp">
  <div id="top-section">
<div id="bcpquote">
    {{#if: {{{leftpanel|}}} |
{{{quote|&nbsp;}}}
    <div id="left-panel" class="side-panel">
</div>
    <div class="portrait-image">{{{portraitimage|&nbsp;}}}</div>
<div id="bcpcolumns">
      <table class="info-table">
<div id="bcpleftcolumn" class="bcpcolumn">
        <tr>
<div class="bcpbox" id="bcpbiography">
          <td class="info-table-label">Full Name:</td>
<div class="bcpboxtitle">Biography</div>
          <td>{{{pagename|&nbsp;}}}</td>
{{{biography|&nbsp;}}}
        </tr>
</div>
        {{#if: {{{aka|}}} |
<div class="bcpbox" id="bcprphooks">
        <tr>
<div class="bcpboxtitle">RP Hooks</div>
          <td class="info-table-label">AKA:</td>
{{{rphooks|&nbsp;}}}
          <td>{{{aka|&nbsp;}}}</td>
</div>
        </tr>
{{#if: {{{contacts|}}} |
        }}
<div class="bcpbox" id="bcpcontacts">
        {{#if: {{{position|}}} |
<div class="bcpboxtitle">Contacts</div>
        <tr>
{{{contacts}}}
          <td class="info-table-label">Position:</td>
</div>
          <td>{{{position|&nbsp;}}}</td>
}}
        </tr>
{{#if: {{{stereotypes|}}} |
        }}
<div class="bcpbox" id="bcpstereotypes">
        {{#if: {{{demeanor|}}} |
<div class="bcpboxtitle">Stereotypes</div>
        <tr>
{{{stereotypes}}}
          <td class="info-table-label">Demeanor:</td>
</div>
          <td>{{{demeanor|&nbsp;}}}</td>
}}
        </tr>
{{#if: {{{filmography|}}} |
        }}
<div class="bcpbox" id="bcpstereotypes">
        {{#if: {{{apparentage|}}} |
<div class="bcpboxtitle">Filmography</div>
        <tr>
{{{filmography}}}
          <td class="info-table-label">Apparent Age:</td>
</div>
          <td>{{{apparentage|&nbsp;}}}</td>
}}
        </tr>
<div class="bcpbox" id="bcpgallery">
        }}
<div class="bcpboxtitle">Gallery</div>
        {{#if: {{{hometown|}}} |
{{{gallery|&nbsp;}}}
        <tr>
</div>
          <td class="info-table-label">Hometown:</td>
<div class="bcpbox" id="bcplogs">
          <td>{{{hometown|&nbsp;}}}</td>
<div class="bcpboxtitle">Logs</div>
        </tr>
{{#dpl:
        }}
|linksto={{{pagename|}}}
      </table>
|category=Logs
      {{#if: {{{divider1|}}} |
|noresultsheader=No logs found!
        <hr style="width: 90%" />
}}
      }}
</div>
      <table class="info-table">
{{{leftcolumn|}}}
        {{#if: {{{height|}}} |
</div>
        <tr>
<div id="bcprightcolumn" class="bcpcolumn">
          <td class="info-table-label">Height:</td>
<div class="bcpbox" id="bcpname">
          <td>{{{height|}}}</td>
<div class="bcpboxtitle">{{{fullname|&nbsp;}}}</div>
        </tr>
{{{profileimage|&nbsp;}}}
        }}
{{{!}}
        {{#if: {{{weight|}}} |
{{{profile|&nbsp;}}}
        <tr>
{{!}}}
          <td class="info-table-label">Weight:</td>
</div>
          <td>{{{weight|}}}</td>
{{#if: {{{statistics|}}} |
        </tr>
<div class="bcpbox" id="bcpstatistics">
        }}
<div class="bcpboxtitle">Statistics</div>
        {{#if: {{{hair|}}} |
{{{!}}
        <tr>
{{{statistics|&nbsp;}}}
          <td class="info-table-label">Hair:</td>
{{!}}}
          <td>{{{hair|}}}</td>
</div>
        </tr>
}}
        }}
{{#if: {{{soundtrack|}}} |
        {{#if: {{{eyes|}}} |
<div class="bcpbox" id="bcpsoundtrack">
        <tr>
<div class="bcpboxtitle">Soundtrack</div>
          <td class="info-table-label">Eyes:</td>
{{{soundtrack|&nbsp;}}}
          <td>{{{eyes|}}}</td>
</div>
        </tr>
}}
        }}
{{{rightcolumn|}}}
      </table>
</div>
      {{#if: {{{divider2|}}} |
</div>
        <hr style="width: 90%" />
      }}
      <table class="info-table">
        {{#if: {{{faction|}}} |
        <tr>
          <td class="info-table-label">Faction:</td>
          <td>{{{faction|}}}</td>
        </tr>
        }}
        {{#if: {{{type|}}} |
        <tr>
          <td class="info-table-label">Type:</td>
          <td>{{{type|&nbsp;}}}</td>
        </tr>
        }}
        {{#if: {{{tradition|}}} |
        <tr>
          <td class="info-table-label">Tradition:</td>
          <td>{{{tradition|}}}</td>
        </tr>
        }}
        {{#if: {{{sub-tradition|}}} |
        <tr>
          <td class="info-table-label">Sub-Faction:</td>
          <td>{{{sub-tradition|}}}</td>
        </tr>
        }}
        {{#if: {{{chantry|}}} |
        <tr>
          <td class="info-table-label">Chantry:</td>
          <td>{{{chantry|}}}</td>
        </tr>
        }}
        {{#if: {{{seeming|}}} |
        <tr>
          <td class="info-table-label">Seeming:</td>
          <td>{{{seeming|}}}</td>
        </tr>
        }}
        {{#if: {{{kith|}}} |
        <tr>
          <td class="info-table-label">Kith:</td>
          <td>{{{kith|}}}</td>
        </tr>
        }}
        {{#if: {{{court|}}} |
        <tr>
          <td class="info-table-label">Court:</td>
          <td>{{{court|}}}</td>
        </tr>
        }}
        {{#if: {{{legacy|}}} |
        <tr>
          <td class="info-table-label">Legacy:</td>
          <td>{{{legacy|&nbsp;}}}</td>
        </tr>
        }}
        {{#if: {{{motley|}}} |
        <tr>
          <td class="info-table-label">Motley:</td>
          <td>{{{motley|}}}</td>
        </tr>
        }}
        {{#if: {{{sect|}}} |
        <tr>
          <td class="info-table-label">Sect:</td>
          <td>{{{sect|}}}</td>
        </tr>
        }}
        {{#if: {{{clan|}}} |
        <tr>
          <td class="info-table-label">Clan:</td>
          <td>{{{clan|}}}</td>
        </tr>
        }}
        {{#if: {{{coterie|}}} |
        <tr>
          <td class="info-table-label">Coterie:</td>
          <td>{{{coterie|}}}</td>
        </tr>
        }}
        {{#if: {{{breed|}}} |
        <tr>
          <td class="info-table-label">Breed:</td>
          <td>{{{breed|}}}</td>
        </tr>
        }}
        {{#if: {{{auspice|}}} |
        <tr>
          <td class="info-table-label">Auspice:</td>
          <td>{{{auspice|}}}</td>
        </tr>
        }}
        {{#if: {{{tribe|}}} |
        <tr>
          <td class="info-table-label">Tribe:</td>
          <td>{{{tribe|}}}</td>
        </tr>
        }}
        {{#if: {{{pack|}}} |
        <tr>
          <td class="info-table-label">Pack:</td>
          <td>{{{pack|}}}</td>
        </tr>
        }}
        {{#if: {{{totem|}}} |
        <tr>
          <td class="info-table-label">Totem:</td>
          <td>{{{totem|}}}</td>
        </tr>
        }}
      </table>
      <hr style="width: 90%" />
      {{#if: {{{portraiticon|}}} |
      <div class="icon">{{{portraiticon}}}</div>
      }}
 
    </div>
    }}
 
    <div id="center-panel">
      <div id="header-container">
        <div class="header-title center underline">{{{pagename|&nbsp;}}}</div>
      </div>
 
      <div class="photo-banner">{{{photobanner|&nbsp;}}}</div>
 
      {{#if: {{{biography|}}} |
 
      <div id="biography-container">
        <div class="label center underline">Biography</div>
          <div>{{{biography}}}</div>
      </div>
      }}
    </div>
 
    {{#if: {{{rightpanel|}}} |
    <div id="right-panel" class="side-panel">
    <div class="portrait-image">{{{portraitimage|&nbsp;}}}</div>
      <table class="info-table">
        <tr>
          <td class="info-table-label">Full Name:</td>
          <td>{{{pagename|&nbsp;}}}</td>
        </tr>
        {{#if: {{{aka|}}} |
        <tr>
          <td class="info-table-label">AKA:</td>
          <td>{{{aka|&nbsp;}}}</td>
        </tr>
        }}
        {{#if: {{{position|}}} |
        <tr>
          <td class="info-table-label">Position:</td>
          <td>{{{position|&nbsp;}}}</td>
        </tr>
        }}
        {{#if: {{{demeanor|}}} |
        <tr>
          <td class="info-table-label">Demeanor:</td>
          <td>{{{demeanor|&nbsp;}}}</td>
        </tr>
        }}
        {{#if: {{{apparentage|}}} |
        <tr>
          <td class="info-table-label">Apparent Age:</td>
          <td>{{{apparentage|&nbsp;}}}</td>
        </tr>
        }}
        {{#if: {{{hometown|}}} |
        <tr>
          <td class="info-table-label">Hometown:</td>
          <td>{{{hometown|&nbsp;}}}</td>
        </tr>
        }}
      </table>
      {{#if: {{{divider1|}}} |
        <hr style="width: 90%" />
      }}
      <table class="info-table">
        {{#if: {{{height|}}} |
        <tr>
          <td class="info-table-label">Height:</td>
          <td>{{{height|}}}</td>
        </tr>
        }}
        {{#if: {{{weight|}}} |
        <tr>
          <td class="info-table-label">Weight:</td>
          <td>{{{weight|}}}</td>
        </tr>
        }}
        {{#if: {{{hair|}}} |
        <tr>
          <td class="info-table-label">Hair:</td>
          <td>{{{hair|}}}</td>
        </tr>
        }}
        {{#if: {{{eyes|}}} |
        <tr>
          <td class="info-table-label">Eyes:</td>
          <td>{{{eyes|}}}</td>
        </tr>
        }}
      </table>
      {{#if: {{{divider2|}}} |
        <hr style="width: 90%" />
      }}
      <table class="info-table">
        {{#if: {{{faction|}}} |
        <tr>
          <td class="info-table-label">Faction:</td>
          <td>{{{faction|}}}</td>
        </tr>
        }}
        {{#if: {{{type|}}} |
        <tr>
          <td class="info-table-label">Type:</td>
          <td>{{{type|&nbsp;}}}</td>
        </tr>
        }}
        {{#if: {{{tradition|}}} |
        <tr>
          <td class="info-table-label">Tradition:</td>
          <td>{{{tradition|}}}</td>
        </tr>
        }}
        {{#if: {{{sub-tradition|}}} |
        <tr>
          <td class="info-table-label">Sub-Faction:</td>
          <td>{{{sub-tradition|}}}</td>
        </tr>
        }}
        {{#if: {{{chantry|}}} |
        <tr>
          <td class="info-table-label">Chantry:</td>
          <td>{{{chantry|}}}</td>
        </tr>
        }}
        {{#if: {{{seeming|}}} |
        <tr>
          <td class="info-table-label">Seeming:</td>
          <td>{{{seeming|}}}</td>
        </tr>
        }}
        {{#if: {{{kith|}}} |
        <tr>
          <td class="info-table-label">Kith:</td>
          <td>{{{kith|}}}</td>
        </tr>
        }}
        {{#if: {{{court|}}} |
        <tr>
          <td class="info-table-label">Court:</td>
          <td>{{{court|}}}</td>
        </tr>
        }}
        {{#if: {{{legacy|}}} |
        <tr>
          <td class="info-table-label">Legacy:</td>
          <td>{{{legacy|&nbsp;}}}</td>
        </tr>
        }}
        {{#if: {{{motley|}}} |
        <tr>
          <td class="info-table-label">Motley:</td>
          <td>{{{motley|}}}</td>
        </tr>
        }}
        {{#if: {{{sect|}}} |
        <tr>
          <td class="info-table-label">Sect:</td>
          <td>{{{sect|}}}</td>
        </tr>
        }}
        {{#if: {{{clan|}}} |
        <tr>
          <td class="info-table-label">Clan:</td>
          <td>{{{clan|}}}</td>
        </tr>
        }}
        {{#if: {{{coterie|}}} |
        <tr>
          <td class="info-table-label">Coterie:</td>
          <td>{{{coterie|}}}</td>
        </tr>
        }}
        {{#if: {{{breed|}}} |
        <tr>
          <td class="info-table-label">Breed:</td>
          <td>{{{breed|}}}</td>
        </tr>
        }}
        {{#if: {{{auspice|}}} |
        <tr>
          <td class="info-table-label">Auspic:</td>
          <td>{{{auspice|}}}</td>
        </tr>
        }}
        {{#if: {{{tribe|}}} |
        <tr>
          <td class="info-table-label">Tribe:</td>
          <td>{{{tribe|}}}</td>
        </tr>
        }}
        {{#if: {{{pack|}}} |
        <tr>
          <td class="info-table-label">Pack:</td>
          <td>{{{pack|}}}</td>
        </tr>
        }}
        {{#if: {{{totem|}}} |
        <tr>
          <td class="info-table-label">Totem:</td>
          <td>{{{totem|}}}</td>
        </tr>
        }}
      </table>
      <hr style="width: 90%" />
      {{#if: {{{portraiticon|}}} |
      <div class="icon">{{{portraiticon}}}</div>
      }}
 
    </div>
    }}
  </div>
 
  {{#if: {{{rphooks|}}} |
    <div class="hooks-container bg-dark">
      <div class="label center underline">Roleplay Hooks</div>
 
      <div class="hooks-content">
        <div>{{{rphooks}}}</div>
      </div>
    </div>
  }}
 
  {{#if: {{{bannerpic1|}}} |
    <div class="photo-banner mid-banner">{{{bannerpic1}}}</div>
  }}
 
  {{#if: {{{contacts|}}} |
    <div class="hooks-container bg-dark">
      <div class="label center underline">Contacts</div>
 
      <div class="hooks-content">
        <div>{{{contacts}}}</div>
      </div>
    </div>
  }}
  {{#if: {{{logs|}}} | <div class="logs-container bg-light">
    <div class="label center underline">Logs</div>
    <div id="logs-content">{{#dpl:
      |linksto={{PAGENAME}}
      |category=Logs
      |columns=3
      |noresultsheader=<i>No logs have been posted yet.</i>
    }}</div>
  </div>
  }}
 
  {{#if: {{{bannerpic2|}}} |
    <div class="photo-banner mid-banner">{{{bannerpic2}}}</div>
  }}
 
  {{#if: {{{gallery|}}} |
    <div class="hooks-container bg-dark">
      <div class="label center underline">Gallery</div>
 
      <div class="hooks-content">
        <div class="gallery-content" id="gallery">{{{gallery}}}</div>
      </div>
    </div>
  }}
 
</div>
</div>
 
[[Category:Characters]]
</includeonly>
</includeonly>

Revision as of 04:01, 9 March 2024

Based on a page design by User:DreadWraith and made into a template by User:Polk

Example of use: 

{{BasicCharacterPage
| pagename=Bender
| titlefg=white
| titlebg=green
| fullname=Bender Rodriguez
| profileimage=[[File:Bender.jpg]]
| quote=Bite my shiny metal ass!
| biography=Blackmail is such an ugly word. I prefer extortion. The ‘x’ makes it sound cool.
| stereotypes=Somethingsomething
| rphooks=
* Bending
* Beer
* Killing all humans
| gallery=
[[File:Bender1.jpg]]
[[File:Bender2.jpg]]
[[File:Bender3.jpg]]
| profile=
{{!}} Species
{{!}} Robot
{{!}}-
{{!}} Age
{{!}} 5
| statistics=
{{!}} Gambling
{{!}} 🔴⚫️⚫️⚫️⚫️
{{!}}-
{{!}} Subterfuge
{{!}} 🔴🔴🔴🔴⚫️
}}

Optional add-on arguments are soundtrack, which works the same as rphooks above, as well as stereotypes and contacts which are free-form.


And if you really want to customize, you can add entire new boxes with the leftcolumn or rightcolumn settings. For example: 

| leftcolumn=<div class="bcpbox"><div class="bcpboxtitle">Filmography</div>
stuff goes here
</div>
<div class="bcpbox"><div class="bcpboxtitle">Awards</div>
stuff goes here
</div>
| rightcolumn=<div class="bcpbox"><div class="bcpboxtitle">Aliases</div>
stuff goes here
</div>
<div class="bcpbox"><div class="bcpboxtitle">Confirmed kills</div>
stuff goes here
</div>


Retrieved from "https://towersmux.net/w/index.php?title=Template:Test2&oldid=194"