Template:Project Board: Difference between revisions

Content deleted Content added

Inline

Revision as of 19:45, May 20, 2025

Trello-style board: columns (left to right, scrollable), cards stacked vertically. Each card can show a wiki image (file), labels, title, subtitle, and body. All card text is black by default.

Template parameters
Parameter		Description	Type	Status
Background Color	`bg`	no description Default #fff	String	optional
Container Border Radius	`radius`	no description Default 10px	String	optional
Text Alignment	`align`	no description Default left	String	optional
First Column Header	`header1`	no description Default INTRODUCTION	String	optional
First Card Image File	`file1`	no description Default Glypht.png	String	optional
First Card Labels	`card1labels`	no description Default	String	optional
First Card Title	`card1title`	no description Default WELCOME! (Please Read)	String	optional
First Card Subtitle	`card1art`	no description Default CARD ART BY: COSMICSMOOTHIE	String	optional
First Card Body	`card1body`	no description Default Notes go here. Edit freely.	String	optional
Second Card Image File	`file2`	no description Default Glypht.png	String	optional
Second Card Labels	`card2labels`	no description Default	String	optional
Second Card Title	`card2title`	no description Default MANA!!!	String	optional
Second Card Body	`card2body`	no description Default Any details or expandable info.	String	optional
Second Column Header	`header2`	no description Default Diremptions	String	optional
Third Card Image File	`file3`	no description Default Glypht.png	String	optional
Third Card Labels	`card3labels`	no description Default	String	optional
Third Card Title	`card3title`	no description Default Amaranth	String	optional
Third Card Body	`card3body`	no description Default	String	optional
Fourth Card Image File	`file4`	no description Default Glypht.png	String	optional
Fourth Card Labels	`card4labels`	no description Default	String	optional
Fourth Card Title	`card4title`	no description Default Dawn Epoch	String	optional
Fourth Card Body	`card4body`	no description Default	String	optional
Third Column Header	`header3`	no description Default Races	String	optional
Fifth Card Image File	`file5`	no description Default Glypht.png	String	optional
Fifth Card Labels	`card5labels`	no description Default	String	optional
Fifth Card Title	`card5title`	no description Default Mythra	String	optional
Fifth Card Body	`card5body`	no description Default	String	optional
Sixth Card Image File	`file6`	no description Default Glypht.png	String	optional
Sixth Card Labels	`card6labels`	no description Default	String	optional
Sixth Card Title	`card6title`	no description Default Sylvian	String	optional
Sixth Card Body	`card6body`	no description Default	String	optional

@@ Line 1: / Line 1: @@
 <includeonly>
 <templatestyles src="Project Board/styles.css" />
-<div class="amaranth-columns-container" style="background: {{{bg|#fff}}}; border-radius: {{{radius|10px}}}; text-align: {{{align|left}}}; color: #111; overflow-x: auto; overflow-y: hidden; white-space: nowrap; min-height: 350px;">
+<div class="amaranth-columns-container" style="background: {{{bg|#fff}}}; border-radius: {{{radius|10px}}}; color: #111; text-align: {{{align|left}}}; overflow-x: auto; white-space: nowrap; min-height: 350px;">
+<!-- COLUMN 1 -->
-<span class="amaranth-column">
-<span class="amaranth-column-header">{{{header1|INTRODUCTION}}}</span>
+<div class="amaranth-column">
-<span class="amaranth-card">
+<div class="amaranth-column-header">{{{header1|INTRODUCTION}}}</div>
-<img class="amaranth-card-img" src="{{filepath:{{{file1|Glypht.png}}}}}" alt="" />
+<div class="amaranth-card">
+[[File:{{{file1|Glypht.png}}}|280px|class=amaranth-card-img]]
-<span class="amaranth-card-labels">{{{card1labels|}}}</span>
-<span class="amaranth-card-title">{{{card1title|WELCOME! (Please Read)}}}</span>
+<div class="amaranth-card-labels">{{{card1labels|}}}</div>
-<span class="amaranth-card-subtitle">{{{card1art|CARD ART BY: COSMICSMOOTHIE}}}</span>
+<div class="amaranth-card-title">{{{card1title|WELCOME! (Please Read)}}}</div>
-<span class="amaranth-card-body">{{{card1body|Notes go here. Edit freely.}}}</span>
+<div class="amaranth-card-subtitle">{{{card1art|CARD ART BY: COSMICSMOOTHIE}}}</div>
+<div class="amaranth-card-body">{{{card1body|Notes go here. Edit freely.}}}</div>
-</span>
+</div>
-<span class="amaranth-card">
-<img class="amaranth-card-img" src="{{filepath:{{{file2|Glypht.png}}}}}" alt="" />
+<div class="amaranth-card">
+[[File:{{{file2|Glypht.png}}}|280px|class=amaranth-card-img]]
-<span class="amaranth-card-labels">{{{card2labels|}}}</span>
-<span class="amaranth-card-title">{{{card2title|MANA!!!}}}</span>
+<div class="amaranth-card-labels">{{{card2labels|}}}</div>
-<span class="amaranth-card-body">{{{card2body|Any details or expandable info.}}}</span>
+<div class="amaranth-card-title">{{{card2title|MANA!!!}}}</div>
+<div class="amaranth-card-body">{{{card2body|Any details or expandable info.}}}</div>
-</span>
-</span>
+</div>
+</div>
-<span class="amaranth-column">
+<!-- COLUMN 2 -->
-<span class="amaranth-column-header">{{{header2|Diremptions}}}</span>
-<span class="amaranth-card">
+<div class="amaranth-column">
-<img class="amaranth-card-img" src="{{filepath:{{{file3|Glypht.png}}}}}" alt="" />
+<div class="amaranth-column-header">{{{header2|Diremptions}}}</div>
-<span class="amaranth-card-labels">{{{card3labels|}}}</span>
+<div class="amaranth-card">
+[[File:{{{file3|Glypht.png}}}|280px|class=amaranth-card-img]]
-<span class="amaranth-card-title">{{{card3title|Amaranth}}}</span>
-<span class="amaranth-card-body">{{{card3body|}}}</span>
+<div class="amaranth-card-labels">{{{card3labels|}}}</div>
+<div class="amaranth-card-title">{{{card3title|Amaranth}}}</div>
-</span>
-<span class="amaranth-card">
+<div class="amaranth-card-body">{{{card3body|}}}</div>
+</div>
-<img class="amaranth-card-img" src="{{filepath:{{{file4|Glypht.png}}}}}" alt="" />
-<span class="amaranth-card-labels">{{{card4labels|}}}</span>
+<div class="amaranth-card">
+[[File:{{{file4|Glypht.png}}}|280px|class=amaranth-card-img]]
-<span class="amaranth-card-title">{{{card4title|Dawn Epoch}}}</span>
-<span class="amaranth-card-body">{{{card4body|}}}</span>
+<div class="amaranth-card-labels">{{{card4labels|}}}</div>
+<div class="amaranth-card-title">{{{card4title|Dawn Epoch}}}</div>
-</span>
+<div class="amaranth-card-body">{{{card4body|}}}</div>
-</span>
+</div>
-<span class="amaranth-column">
+</div>
-<span class="amaranth-column-header">{{{header3|Races}}}</span>
+<!-- COLUMN 3 -->
-<span class="amaranth-card">
-<img class="amaranth-card-img" src="{{filepath:{{{file5|Glypht.png}}}}}" alt="" />
+<div class="amaranth-column">
-<span class="amaranth-card-labels">{{{card5labels|}}}</span>
+<div class="amaranth-column-header">{{{header3|Races}}}</div>
-<span class="amaranth-card-title">{{{card5title|Mythra}}}</span>
+<div class="amaranth-card">
+[[File:{{{file5|Glypht.png}}}|280px|class=amaranth-card-img]]
-<span class="amaranth-card-body">{{{card5body|}}}</span>
+<div class="amaranth-card-labels">{{{card5labels|}}}</div>
-</span>
-<span class="amaranth-card">
+<div class="amaranth-card-title">{{{card5title|Mythra}}}</div>
-<img class="amaranth-card-img" src="{{filepath:{{{file6|Glypht.png}}}}}" alt="" />
+<div class="amaranth-card-body">{{{card5body|}}}</div>
+</div>
-<span class="amaranth-card-labels">{{{card6labels|}}}</span>
-<span class="amaranth-card-title">{{{card6title|Sylvian}}}</span>
+<div class="amaranth-card">
+[[File:{{{file6|Glypht.png}}}|280px|class=amaranth-card-img]]
-<span class="amaranth-card-body">{{{card6body|}}}</span>
+<div class="amaranth-card-labels">{{{card6labels|}}}</div>
-</span>
+<div class="amaranth-card-title">{{{card6title|Sylvian}}}</div>
-</span>
+<div class="amaranth-card-body">{{{card6body|}}}</div>
+</div>
+</div>
 </div>
 </includeonly>
 <noinclude>
 <templatedata>
 {
-  "description": "A Trello-style board with horizontal columns and vertical cards, each card supporting an image, labels, title, subtitle, and body text. Card images use file parameters and default to Glypht.png.",
+  "description": "Trello-style board: columns (left to right, scrollable), cards stacked vertically. Each card can show a wiki image (file), labels, title, subtitle, and body. All card text is black by default.",
   "params": {
     "bg": {
       "label": "Background Color",
       "type": "string",
-      "default": "#fff",
+      "default": "#fff"
-      "description": "Background color of the board container."
     },
     "radius": {
       "label": "Container Border Radius",
       "type": "string",
-      "default": "10px",
+      "default": "10px"
-      "description": "Border radius of the board container."
     },
     "align": {
       "label": "Text Alignment",
       "type": "string",
-      "default": "left",
+      "default": "left"
-      "description": "Text alignment for board content (left, center, or right)."
     },
     "header1": {
       "label": "First Column Header",
@@ Line 86: / Line 82: @@
       "label": "First Card Image File",
       "type": "string",
-      "default": "Glypht.png",
+      "default": "Glypht.png"
-      "description": "Filename for the first card image (defaults to Glypht.png)."
     },
     "card1labels": {
-      "label": "First Card Labels (HTML spans for colored tags)",
+      "label": "First Card Labels",
       "type": "string",
       "default": ""
@@ Line 129: / Line 124: @@
       "default": "Any details or expandable info."
     },
     "header2": {
       "label": "Second Column Header",
@@ Line 175: / Line 169: @@
       "default": ""
     },
     "header3": {
       "label": "Third Column Header",