Template:Featured Character: Difference between revisions

From aquila
Jump to navigation Jump to search
Newer edit →
VisualWikitext
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..."
 
mNo edit summary
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: TBA 1">
         <div style="display: flex; gap: 16px; align-items: center; flex-wrap: wrap;">
         <p style="margin: 0; text-align: center;">[[File:WikiLogo.png|110px|center|frameless|link=]]</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;">Test placeholder content for character TBA 1.</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: TBA 2">
         <div style="display: flex; gap: 16px; align-items: center; flex-wrap: wrap;">
         <p style="margin: 0; text-align: center;">[[File:WikiLogo.png|110px|center|frameless|link=]]</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;">Test placeholder content for character TBA 2.</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: TBA 3">
         <div style="display: flex; gap: 16px; align-items: center; flex-wrap: wrap;">
         <p style="margin: 0; text-align: center;">[[File:WikiLogo.png|110px|center|frameless|link=]]</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;">Test placeholder content for character TBA 3.</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: TBA 4">
         <div style="display: flex; gap: 16px; align-items: center; flex-wrap: wrap;">
         <p style="margin: 0; text-align: center;">[[File:WikiLogo.png|110px|center|frameless|link=]]</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;">Test placeholder content for character TBA 4.</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>

Revision as of 18:34, 11 October 2026

Featured Character Management

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

★ Featured Character

Loading character...

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>
Retrieved from "https://wiki.projectaquila.net/index.php?title=Template:Featured_Character&oldid=5737"