Toggle search
Toggle menu
3.8K
12.6K
132
187.2K
Amaranth Legacy
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Template:Project Board: Difference between revisions

Template page
More actions
Browse history interactively
← Older editNewer edit →
Content deleted Content added
VisualWikitext
No edit summary
Tag: 2017 source edit
No edit summary
Tags: Reverted 2017 source edit
Line 1: Line 1:
<includeonly>
<includeonly>
<templatestyles src="Project Board/styles.css" />
<templatestyles src="Project Board/styles.css" />
<div class="amaranth-board-container" style="background: {{{bg|#0e0e0e}}}; border-radius: {{{radius|10px}}}; text-align: {{{align|left}}};">
<div class="amaranth-columns-container" style="background: {{{bg|#0e0e0e}}}; border-radius: {{{radius|10px}}}; text-align: {{{align|left}}};">
<span class="amaranth-column">

<span class="amaranth-column-header">{{{header1|INTRODUCTION}}}</span>
<!-- COLUMN 1 -->
<div class="amaranth-column">
<span class="amaranth-card">
<div class="amaranth-column-header">{{{header1|INTRODUCTION}}}</div>

<!-- CARD 1 -->
<div class="amaranth-card">
<!-- Optional Image -->
{{#if:{{{card1img|}}}|<img class="amaranth-card-img" src="{{{card1img}}}" alt="" />}}
{{#if:{{{card1img|}}}|<img class="amaranth-card-img" src="{{{card1img}}}" alt="" />}}
<span class="amaranth-card-labels">{{{card1labels|}}}</span>
<!-- Labels/Tags -->
<div class="amaranth-card-labels">
<span class="amaranth-card-title">{{{card1title|WELCOME! (Please Read)}}}</span>
<span class="amaranth-card-subtitle">{{{card1art|CARD ART BY: COSMICSMOOTHIE}}}</span>
{{{card1labels|}}}
<span class="amaranth-card-body">{{{card1body|Notes go here. Edit freely.}}}</span>
</div>
</span>
<!-- Card Content -->
<div class="amaranth-card-title">{{{card1title|WELCOME! (Please Read)}}}</div>
<span class="amaranth-card">
<div class="amaranth-card-subtitle">{{{card1art|CARD ART BY: COSMICSMOOTHIE}}}</div>
{{#if:{{{card2img|}}}|<img class="amaranth-card-img" src="{{{card2img}}}" alt="" />}}
<div class="amaranth-card-body">{{{card1body|Notes go here. Edit freely.}}}</div>
<span class="amaranth-card-labels">{{{card2labels|}}}</span>
<span class="amaranth-card-title">{{{card2title|MANA!!!}}}</span>
</div>
<span class="amaranth-card-body">{{{card2body|Any details or expandable info.}}}</span>

</span>
<!-- CARD 2 -->
</span>
<div class="amaranth-card">
<div class="amaranth-card-labels">
<span class="amaranth-column">
<span class="amaranth-column-header">{{{header2|Diremptions}}}</span>
{{{card2labels|}}}
<span class="amaranth-card">
</div>
<div class="amaranth-card-title">{{{card2title|MANA!!!}}}</div>
<div class="amaranth-card-body">{{{card2body|Any details or expandable info.}}}</div>
</div>
</div>

<!-- COLUMN 2 -->
<div class="amaranth-column">
<div class="amaranth-column-header">{{{header2|Diremptions}}}</div>

<!-- CARD 3 -->
<div class="amaranth-card">
{{#if:{{{card3img|}}}|<img class="amaranth-card-img" src="{{{card3img}}}" alt="" />}}
{{#if:{{{card3img|}}}|<img class="amaranth-card-img" src="{{{card3img}}}" alt="" />}}
<div class="amaranth-card-labels">
<span class="amaranth-card-labels">{{{card3labels|}}}</span>
<span class="amaranth-card-title">{{{card3title|Amaranth}}}</span>
{{{card3labels|<span class="amaranth-label amaranth-label-pink">Amaranth</span> <span class="amaranth-label amaranth-label-purple">Diremption</span> <span class="amaranth-label amaranth-label-gray">Source</span>}}
<span class="amaranth-card-body">{{{card3body|}}}</span>
</div>
</span>
<div class="amaranth-card-title">{{{card3title|Amaranth}}}</div>
<div class="amaranth-card-body">{{{card3body|}}}</div>
<span class="amaranth-card">
</div>

<!-- CARD 4 -->
<div class="amaranth-card">
{{#if:{{{card4img|}}}|<img class="amaranth-card-img" src="{{{card4img}}}" alt="" />}}
{{#if:{{{card4img|}}}|<img class="amaranth-card-img" src="{{{card4img}}}" alt="" />}}
<div class="amaranth-card-labels">
<span class="amaranth-card-labels">{{{card4labels|}}}</span>
{{{card4labels|<span class="amaranth-label amaranth-label-pink">Dawn Epoch</span> <span class="amaranth-label amaranth-label-blue">Annuat</span>}}
<span class="amaranth-card-title">{{{card4title|Dawn Epoch}}}</span>
<span class="amaranth-card-body">{{{card4body|}}}</span>
</div>
</span>
<div class="amaranth-card-title">{{{card4title|Dawn Epoch}}}</div>
</span>
<div class="amaranth-card-body">{{{card4body|}}}</div>
<span class="amaranth-column">
</div>
<span class="amaranth-column-header">{{{header3|Races}}}</span>
</div>
<span class="amaranth-card">

<!-- COLUMN 3 -->
<div class="amaranth-column">
<div class="amaranth-column-header">{{{header3|Races}}}</div>

<!-- CARD 5 -->
<div class="amaranth-card">
{{#if:{{{card5img|}}}|<img class="amaranth-card-img" src="{{{card5img}}}" alt="" />}}
{{#if:{{{card5img|}}}|<img class="amaranth-card-img" src="{{{card5img}}}" alt="" />}}
<div class="amaranth-card-labels">
<span class="amaranth-card-labels">{{{card5labels|}}}</span>
<span class="amaranth-card-title">{{{card5title|Mythra}}}</span>
{{{card5labels|<span class="amaranth-label amaranth-label-green">Civilized Races</span> <span class="amaranth-label amaranth-label-yellow">Common</span> <span class="amaranth-label amaranth-label-blue">Alizarin (Mortal)</span>}}
<span class="amaranth-card-body">{{{card5body|}}}</span>
</div>
</span>
<div class="amaranth-card-title">{{{card5title|Mythra}}}</div>
<div class="amaranth-card-body">{{{card5body|}}}</div>
<span class="amaranth-card">
</div>

<!-- CARD 6 -->
<div class="amaranth-card">
{{#if:{{{card6img|}}}|<img class="amaranth-card-img" src="{{{card6img}}}" alt="" />}}
{{#if:{{{card6img|}}}|<img class="amaranth-card-img" src="{{{card6img}}}" alt="" />}}
<div class="amaranth-card-labels">
<span class="amaranth-card-labels">{{{card6labels|}}}</span>
<span class="amaranth-card-title">{{{card6title|Sylvian}}}</span>
{{{card6labels|<span class="amaranth-label amaranth-label-green">Civilized Races</span> <span class="amaranth-label amaranth-label-yellow">Common</span> <span class="amaranth-label amaranth-label-blue">Sylvian</span>}}
<span class="amaranth-card-body">{{{card6body|}}}</span>
</div>
</span>
<div class="amaranth-card-title">{{{card6title|Sylvian}}}</div>
</span>
<div class="amaranth-card-body">{{{card6body|}}}</div>
</div>
</div>
</div>
</div>
</includeonly>
</includeonly>



<noinclude>
<noinclude>
<templatedata>
<templatedata>
{
{
"description": "Trello-style board with columns, cards, images, labels, and flexible content.",
"description": "Trello-style horizontal board with columns and cards, each card supporting images, labels, titles, subtitles, and body text. All columns and cards are fully customizable.",
"params": {
"params": {
"bg": {
"bg": { "label": "Background Color", "type": "string", "default": "#0e0e0e" },
"radius": { "label": "Container Border Radius", "type": "string", "default": "10px" },
"label": "Background Color",
"align": { "label": "Text Alignment", "type": "string", "default": "left" },
"type": "string",
"default": "#0e0e0e",
"description": "Background color of the board container."
},
"radius": {
"label": "Container Border Radius",
"type": "string",
"default": "10px",
"description": "Border radius of the board container."
},
"align": {
"label": "Text Alignment",
"type": "string",
"default": "left",
"description": "Text alignment for board content (left, center, or right)."
},

"header1": {
"label": "First Column Header",
"type": "string",
"default": "INTRODUCTION"
},
"card1img": {
"label": "First Card Image (URL or File path)",
"type": "string",
"default": "",
"description": "Image for the first card in the first column (leave blank for none)."
},
"card1labels": {
"label": "First Card Labels (HTML spans for colored tags)",
"type": "string",
"default": "",
"description": "Colored label spans (see documentation for available colors)."
},
"card1title": {
"label": "First Card Title",
"type": "string",
"default": "WELCOME! (Please Read)"
},
"card1art": {
"label": "First Card Subtitle",
"type": "string",
"default": "CARD ART BY: COSMICSMOOTHIE"
},
"card1body": {
"label": "First Card Body",
"type": "string",
"default": "Notes go here. Edit freely."
},

"card2img": {
"label": "Second Card Image (URL or File path)",
"type": "string",
"default": ""
},
"card2labels": {
"label": "Second Card Labels",
"type": "string",
"default": ""
},
"card2title": {
"label": "Second Card Title",
"type": "string",
"default": "MANA!!!"
},
"card2body": {
"label": "Second Card Body",
"type": "string",
"default": "Any details or expandable info."
},

"header2": {
"label": "Second Column Header",
"type": "string",
"default": "Diremptions"
},
"card3img": {
"label": "Third Card Image (URL or File path)",
"type": "string",
"default": ""
},
"card3labels": {
"label": "Third Card Labels",
"type": "string",
"default": ""
},
"card3title": {
"label": "Third Card Title",
"type": "string",
"default": "Amaranth"
},
"card3body": {
"label": "Third Card Body",
"type": "string",
"default": ""
},


"card4img": {
"header1": { "label": "Column 1 Header", "type": "string", "default": "INTRODUCTION" },
"card1title": { "label": "Card 1 Title", "type": "string", "default": "WELCOME! (Please Read)" },
"label": "Fourth Card Image (URL or File path)",
"card1art": { "label": "Card 1 Subtitle", "type": "string", "default": "CARD ART BY: COSMICSMOOTHIE" },
"type": "string",
"card1img": { "label": "Card 1 Image URL", "type": "string", "default": "" },
"default": ""
},
"card1labels": { "label": "Card 1 Labels/Tags (HTML)", "type": "string", "default": "" },
"card4labels": {
"card1body": { "label": "Card 1 Body", "type": "string", "default": "Notes go here. Edit freely." },
"card2title": { "label": "Card 2 Title", "type": "string", "default": "MANA!!!" },
"label": "Fourth Card Labels",
"card2img": { "label": "Card 2 Image URL", "type": "string", "default": "" },
"type": "string",
"card2labels": { "label": "Card 2 Labels/Tags (HTML)", "type": "string", "default": "" },
"default": ""
},
"card2body": { "label": "Card 2 Body", "type": "string", "default": "Any details or expandable info." },
"card4title": {
"label": "Fourth Card Title",
"type": "string",
"default": "Dawn Epoch"
},
"card4body": {
"label": "Fourth Card Body",
"type": "string",
"default": ""
},


"header3": {
"header2": { "label": "Column 2 Header", "type": "string", "default": "Diremptions" },
"card3title": { "label": "Card 3 Title", "type": "string", "default": "Amaranth" },
"label": "Third Column Header",
"card3img": { "label": "Card 3 Image URL", "type": "string", "default": "" },
"type": "string",
"default": "Races"
"card3labels": { "label": "Card 3 Labels/Tags (HTML)", "type": "string", "default": "" },
},
"card3body": { "label": "Card 3 Body", "type": "string", "default": "" },
"card5img": {
"card4title": { "label": "Card 4 Title", "type": "string", "default": "Dawn Epoch" },
"card4img": { "label": "Card 4 Image URL", "type": "string", "default": "" },
"label": "Fifth Card Image (URL or File path)",
"card4labels": { "label": "Card 4 Labels/Tags (HTML)", "type": "string", "default": "" },
"type": "string",
"card4body": { "label": "Card 4 Body", "type": "string", "default": "" },
"default": ""
},
"card5labels": {
"label": "Fifth Card Labels",
"type": "string",
"default": ""
},
"card5title": {
"label": "Fifth Card Title",
"type": "string",
"default": "Mythra"
},
"card5body": {
"label": "Fifth Card Body",
"type": "string",
"default": ""
},


"card6img": {
"header3": { "label": "Column 3 Header", "type": "string", "default": "Races" },
"card5title": { "label": "Card 5 Title", "type": "string", "default": "Mythra" },
"label": "Sixth Card Image (URL or File path)",
"card5img": { "label": "Card 5 Image URL", "type": "string", "default": "" },
"type": "string",
"card5labels": { "label": "Card 5 Labels/Tags (HTML)", "type": "string", "default": "" },
"default": ""
},
"card5body": { "label": "Card 5 Body", "type": "string", "default": "" },
"card6labels": {
"card6title": { "label": "Card 6 Title", "type": "string", "default": "Sylvian" },
"card6img": { "label": "Card 6 Image URL", "type": "string", "default": "" },
"label": "Sixth Card Labels",
"card6labels": { "label": "Card 6 Labels/Tags (HTML)", "type": "string", "default": "" },
"type": "string",
"card6body": { "label": "Card 6 Body", "type": "string", "default": "" }
"default": ""
},
"card6title": {
"label": "Sixth Card Title",
"type": "string",
"default": "Sylvian"
},
"card6body": {
"label": "Sixth Card Body",
"type": "string",
"default": ""
}
}
}
}
}

Revision as of 19:07, May 20, 2025



Trello-style horizontal board with columns and cards, each card supporting images, labels, titles, subtitles, and body text. All columns and cards are fully customizable.

Template parameters

ParameterDescriptionTypeStatus
Background Colorbg

Background color of the board container.

Default
#0e0e0e
Stringoptional
Container Border Radiusradius

Border radius of the board container.

Default
10px
Stringoptional
Text Alignmentalign

Text alignment for board content (left, center, or right).

Default
left
Stringoptional
First Column Headerheader1

no description

Default
INTRODUCTION
Stringoptional
First Card Image (URL or File path)card1img

Image for the first card in the first column (leave blank for none).

Default
Stringoptional
First Card Labels (HTML spans for colored tags)card1labels

Colored label spans (see documentation for available colors).

Default
Stringoptional
First Card Titlecard1title

no description

Default
WELCOME! (Please Read)
Stringoptional
First Card Subtitlecard1art

no description

Default
CARD ART BY: COSMICSMOOTHIE
Stringoptional
First Card Bodycard1body

no description

Default
Notes go here. Edit freely.
Stringoptional
Second Card Image (URL or File path)card2img

no description

Default
Stringoptional
Second Card Labelscard2labels

no description

Default
Stringoptional
Second Card Titlecard2title

no description

Default
MANA!!!
Stringoptional
Second Card Bodycard2body

no description

Default
Any details or expandable info.
Stringoptional
Second Column Headerheader2

no description

Default
Diremptions
Stringoptional
Third Card Image (URL or File path)card3img

no description

Default
Stringoptional
Third Card Labelscard3labels

no description

Default
Stringoptional
Third Card Titlecard3title

no description

Default
Amaranth
Stringoptional
Third Card Bodycard3body

no description

Default
Stringoptional
Fourth Card Image (URL or File path)card4img

no description

Default
Stringoptional
Fourth Card Labelscard4labels

no description

Default
Stringoptional
Fourth Card Titlecard4title

no description

Default
Dawn Epoch
Stringoptional
Fourth Card Bodycard4body

no description

Default
Stringoptional
Third Column Headerheader3

no description

Default
Races
Stringoptional
Fifth Card Image (URL or File path)card5img

no description

Default
Stringoptional
Fifth Card Labelscard5labels

no description

Default
Stringoptional
Fifth Card Titlecard5title

no description

Default
Mythra
Stringoptional
Fifth Card Bodycard5body

no description

Default
Stringoptional
Sixth Card Image (URL or File path)card6img

no description

Default
Stringoptional
Sixth Card Labelscard6labels

no description

Default
Stringoptional
Sixth Card Titlecard6title

no description

Default
Sylvian
Stringoptional
Sixth Card Bodycard6body

no description

Default
Stringoptional
Retrieved from "https://amaranth-legacy.community/index.php?title=Template:Project_Board&oldid=160642"