Template:Featured Character: Difference between revisions

From aquila
Jump to navigation Jump to search
Created page with "<includeonly><div class="mp-card mp-featured-spotlight aquila-spotlight-container" style="padding: 1.2em 1.5em;"> <div style="border-bottom: 1px solid #e2e8f0; padding-bottom: 0.4em; margin-bottom: 0.8em;"> <h2 class="spotlight-heading" style="font-family: 'Georgia', serif; color: #0b132b; font-size: 1.3em; margin: 0; padding: 0; border: none !important; text-align: left;">Featured Character</h2> </div> <!-- Hidden pool of rotation items --> <div class="spotlight-it..."
 
m added a few characters, MORE SOON!!!!!!!!!!1
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<includeonly><div class="mp-card mp-featured-spotlight aquila-spotlight-container" style="padding: 1.2em 1.5em;">
<includeonly><div class="mp-card mp-featured-spotlight aquila-spotlight-container" style="padding: 1.2em 1.5em; text-align: center;">
<div style="border-bottom: 1px solid #e2e8f0; padding-bottom: 0.4em; margin-bottom: 0.8em;">
<div style="border-bottom: 1px solid #e2e8f0; padding-bottom: 0.5em; margin-bottom: 1em; text-align: center;">
     <h2 class="spotlight-heading" style="font-family: 'Georgia', serif; color: #0b132b; font-size: 1.3em; margin: 0; padding: 0; border: none !important; text-align: left;">Featured Character</h2>
     <h2 class="spotlight-heading" style="font-family: 'Georgia', serif; color: #0b132b; font-size: 1.2em; margin: 0; padding: 0; border: none !important; text-align: center; width: 100%;">★ Featured Character</h2>
</div>
</div>


Line 7: Line 7:
<div class="spotlight-items" style="display: none;">
<div class="spotlight-items" style="display: none;">


     <div class="spotlight-item" data-title="Featured Character: TBA 1">
     <div class="spotlight-item" data-title="★ Featured Character: Henry Westcroft">
         <div style="display: flex; gap: 16px; align-items: center; flex-wrap: wrap;">
         <p style="margin: 0; text-align: center;">[[File:Henry Westcroft4.png|110px|center|frameless|link=Henry Westcroft]]</p>
            <div style="flex-shrink: 0; width: 100px; text-align: center;">[[File:WikiLogo.png|90px|link=]]</div>
        <hr style="border: none; border-top: 1px solid #e2e8f0; margin: 1.2em 0;" />
            <div style="flex-grow: 1; min-width: 180px;">
        <p style="margin: 0; font-size: 0.9em; color: #334155; line-height: 1.5; text-align: left;">[[Henry Westcroft]] is the Chief Artificer and co-founder of the Technate of Koperdam alongside Sir [[Percival van der Berg]]. A brilliant architect and inventor belonging to [[House Westcroft]], he designed the capital city of [[Clockhaven]] and laid the industrial and engineering foundations of the nation. Methodical, disciplined, and quietly ambitious, Henry's dedication to his work led him through a severe physical trial when a progressive palsy paralyzed his arm; seeking out the hermit [[Electrus]], he underwent history's first cybernetic integration, replacing his limb with a custom mechanical clockwork and steam-powered copper prosthetic fused via electromancy.</p>
                <h3 style="margin: 0 0 6px 0; font-size: 1.15em; color: #1a365d; border: none !important; padding: 0;">TBA 1</h3>
                <p style="margin: 0; font-size: 0.9em; color: #334155; line-height: 1.5;">Test placeholder content for character TBA 1.</p>
            </div>
        </div>
     </div>
     </div>


     <div class="spotlight-item" data-title="Featured Character: TBA 2">
     <div class="spotlight-item" data-title="★ Featured Character: Percival van der Berg">
         <div style="display: flex; gap: 16px; align-items: center; flex-wrap: wrap;">
         <p style="margin: 0; text-align: center;">[[File:Percival.png|110px|center|frameless|link=Percival van der Berg]]</p>
            <div style="flex-shrink: 0; width: 100px; text-align: center;">[[File:WikiLogo.png|90px|link=]]</div>
        <hr style="border: none; border-top: 1px solid #e2e8f0; margin: 1.2em 0;" />
            <div style="flex-grow: 1; min-width: 180px;">
        <p style="margin: 0; font-size: 0.9em; color: #334155; line-height: 1.5; text-align: left;">Sir [[Percival van der Berg]] is the Chief Artificer of the [[Technate of Koperdam]] and a co-founder alongside Sir [[Henry Westcroft]]. A renowned cartographer, explorer, inventor, and natural philosopher belonging to [[House van der Berg]], Percival led the first great expeditions across the continent, producing the earliest complete maps of the known land. Driven by an insatiable curiosity and a deep adherence to the philosophies of [[Vormgeloof]], his relentless pursuit of knowledge, meticulous observation, and complex copper machinery inventions laid the foundational pillars upon which the Technate's scientific and structural identity was built.</p>
                <h3 style="margin: 0 0 6px 0; font-size: 1.15em; color: #1a365d; border: none !important; padding: 0;">TBA 2</h3>
                <p style="margin: 0; font-size: 0.9em; color: #334155; line-height: 1.5;">Test placeholder content for character TBA 2.</p>
            </div>
        </div>
     </div>
     </div>


     <div class="spotlight-item" data-title="Featured Character: TBA 3">
     <div class="spotlight-item" data-title="★ Featured Character: Vox">
         <div style="display: flex; gap: 16px; align-items: center; flex-wrap: wrap;">
         <p style="margin: 0; text-align: center;">[[File:Vox3d.png|110px|center|frameless|link=Vox]]</p>
            <div style="flex-shrink: 0; width: 100px; text-align: center;">[[File:WikiLogo.png|90px|link=]]</div>
        <hr style="border: none; border-top: 1px solid #e2e8f0; margin: 1.2em 0;" />
            <div style="flex-grow: 1; min-width: 180px;">
        <p style="margin: 0; font-size: 0.9em; color: #334155; line-height: 1.5; text-align: left;">[[Vox]] is a [[Kobold Wingman]] character on aquila distinguished by her rare, crystalline-white scales reminiscent of the white dragon [[The Words of Driisar|Driisar]]. Born in the jungles of [[Covenant of Grusaak|Grusaak]], her life was upended during the Great Slaughter as a child, leading to nearly a decade of captivity where she was treated as property and a curiosity. Following her escape, she ultimately found a safe haven and a sense of independence within [[The Guild]]. Loud, impulsive, and fiercely protective of her freedom, Vox navigates an unfamiliar world guided by her faith in [[The Words of Driisar]] and a deep-seated desire to define her own purpose.</p>
                <h3 style="margin: 0 0 6px 0; font-size: 1.15em; color: #1a365d; border: none !important; padding: 0;">TBA 3</h3>
                <p style="margin: 0; font-size: 0.9em; color: #334155; line-height: 1.5;">Test placeholder content for character TBA 3.</p>
            </div>
        </div>
     </div>
     </div>


     <div class="spotlight-item" data-title="Featured Character: TBA 4">
     <div class="spotlight-item" data-title="★ Featured Character: Harakhas Gomas">
         <div style="display: flex; gap: 16px; align-items: center; flex-wrap: wrap;">
         <p style="margin: 0; text-align: center;">[[File:Harakhas.png|110px|center|frameless|link=Harakhas Gomas]]</p>
            <div style="flex-shrink: 0; width: 100px; text-align: center;">[[File:WikiLogo.png|90px|link=]]</div>
        <hr style="border: none; border-top: 1px solid #e2e8f0; margin: 1.2em 0;" />
            <div style="flex-grow: 1; min-width: 180px;">
        <p style="margin: 0; font-size: 0.9em; color: #334155; line-height: 1.5; text-align: left;">[[Harakhas Gomas]] is the Kaptein of the [[Kuri//aes]] and Headman of the Gomas Clan residing in [[Hais!am]]. Having experienced the arduous journey of his people through the [[Gaunasub]] Desert after being driven from their ancestral homelands in [[Gaunais]] by the [[Somotho]], he grew into a direct, honest, and steadfast leader dedicated to securing a future for his tribe. Known for his stubborn resolve and willingness to engage in ambitious trade expeditions—ranging from consulting [[Serrano]] miners in [[Dorurams]] to navigating political councils in the north - Harakhas fiercely advocates for his people's prosperity, occasionally bringing him into friction with neighboring groups like the [[Khasholo]].</p>
                <h3 style="margin: 0 0 6px 0; font-size: 1.15em; color: #1a365d; border: none !important; padding: 0;">TBA 4</h3>
                <p style="margin: 0; font-size: 0.9em; color: #334155; line-height: 1.5;">Test placeholder content for character TBA 4.</p>
            </div>
        </div>
     </div>
     </div>


Line 51: Line 35:
<!-- Active injection zone -->
<!-- Active injection zone -->
<div class="spotlight-active-content">
<div class="spotlight-active-content">
     <p style="color: #64748b; font-style: italic; text-align: left; margin: 0.2em 0;">Loading character...</p>
     <p style="color: #64748b; font-style: italic; text-align: center; margin: 0.2em 0;">Loading character...</p>
</div>
</div>
</div></includeonly><noinclude>__NOTOC____NOEDITSECTION__
</div></includeonly><noinclude>__NOTOC____NOEDITSECTION__
Line 66: Line 50:


<pre style="background: #ffffff; border: 1px solid #cbd5e1; padding: 12px; border-radius: 6px; font-size: 0.85em; overflow-x: auto;">
<pre style="background: #ffffff; border: 1px solid #cbd5e1; padding: 12px; border-radius: 6px; font-size: 0.85em; overflow-x: auto;">
&lt;div class="spotlight-item" data-title="Featured Character: Character Name"&gt;
&lt;div class="spotlight-item" data-title="★ Featured Character: Character Name"&gt;
     &lt;div style="display: flex; gap: 16px; align-items: center; flex-wrap: wrap;"&gt;
     &lt;p style="margin: 0; text-align: center;"&gt;[[File:CharacterPortrait.png|110px|center|frameless|link=Character Name]]&lt;/p&gt;
        &lt;div style="flex-shrink: 0; width: 100px; text-align: center;"&gt;[[File:CharacterPortrait.png|90px|link=Character Name]]&lt;/div&gt;
    &lt;hr style="border: none; border-top: 1px solid #e2e8f0; margin: 1.2em 0;" /&gt;
        &lt;div style="flex-grow: 1; min-width: 180px;"&gt;
    &lt;p style="margin: 0; font-size: 0.9em; color: #334155; line-height: 1.5; text-align: left;"&gt;Summary text describing the character.&lt;/p&gt;
            &lt;h3 style="margin: 0 0 6px 0; font-size: 1.15em; color: #1a365d; border: none !important;"&gt;[[Character Name]]&lt;/h3&gt;
            &lt;p style="margin: 0; font-size: 0.9em; color: #334155; line-height: 1.5;"&gt;Summary text describing the character.&lt;/p&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</pre>
</pre>
</div>
</div>
</noinclude>
</noinclude>

Latest revision as of 19:37, 13 October 2026

Featured Character Management

This page controls the random rotating Featured Character card. Below is a live preview of the template.

Adding a New Character Entry

To add another character to the rotation pool, edit this page and paste a new item block inside spotlight-items:

<div class="spotlight-item" data-title="★ Featured Character: Character Name">
    <p style="margin: 0; text-align: center;">[[File:CharacterPortrait.png|110px|center|frameless|link=Character Name]]</p>
    <hr style="border: none; border-top: 1px solid #e2e8f0; margin: 1.2em 0;" />
    <p style="margin: 0; font-size: 0.9em; color: #334155; line-height: 1.5; text-align: left;">Summary text describing the character.</p>
</div>