Template:Project Board: Difference between revisions

Content deleted Content added

Inline

Revision as of 19:28, May 20, 2025

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.

Template parameters
Parameter		Description	Type	Status
Background Color	`bg`	Background color of the board container. Default #fff	String	optional
Container Border Radius	`radius`	Border radius of the board container. Default 10px	String	optional
Text Alignment	`align`	Text alignment for board content (left, center, or right). Default left	String	optional
First Column Header	`header1`	no description Default INTRODUCTION	String	optional
First Card Image File	`file1`	Filename for the first card image (defaults to Glypht.png). Default Glypht.png	String	optional
First Card Labels (HTML spans for colored tags)	`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|#0e0e0e}}}; border-radius: {{{radius|10px}}}; text-align: {{{align|left}}};">
+<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;">
 <span class="amaranth-column">
 <span class="amaranth-column-header">{{{header1|INTRODUCTION}}}</span>
 <span class="amaranth-card">
-{{#if:{{{card1img|}}}|<img class="amaranth-card-img" src="{{{card1img}}}" alt="" />}}
+<img class="amaranth-card-img" src="{{filepath:{{{file1|Glypht.png}}}}}" alt="" />
 <span class="amaranth-card-labels">{{{card1labels|}}}</span>
 <span class="amaranth-card-title">{{{card1title|WELCOME! (Please Read)}}}</span>
@@ Line 12: / Line 12: @@
 </span>
 <span class="amaranth-card">
-{{#if:{{{card2img|}}}|<img class="amaranth-card-img" src="{{{card2img}}}" alt="" />}}
+<img class="amaranth-card-img" src="{{filepath:{{{file2|Glypht.png}}}}}" alt="" />
 <span class="amaranth-card-labels">{{{card2labels|}}}</span>
 <span class="amaranth-card-title">{{{card2title|MANA!!!}}}</span>
@@ Line 21: / Line 21: @@
 <span class="amaranth-column-header">{{{header2|Diremptions}}}</span>
 <span class="amaranth-card">
-{{#if:{{{card3img|}}}|<img class="amaranth-card-img" src="{{{card3img}}}" alt="" />}}
+<img class="amaranth-card-img" src="{{filepath:{{{file3|Glypht.png}}}}}" alt="" />
 <span class="amaranth-card-labels">{{{card3labels|}}}</span>
 <span class="amaranth-card-title">{{{card3title|Amaranth}}}</span>
@@ Line 27: / Line 27: @@
 </span>
 <span class="amaranth-card">
-{{#if:{{{card4img|}}}|<img class="amaranth-card-img" src="{{{card4img}}}" alt="" />}}
+<img class="amaranth-card-img" src="{{filepath:{{{file4|Glypht.png}}}}}" alt="" />
 <span class="amaranth-card-labels">{{{card4labels|}}}</span>
 <span class="amaranth-card-title">{{{card4title|Dawn Epoch}}}</span>
@@ Line 36: / Line 36: @@
 <span class="amaranth-column-header">{{{header3|Races}}}</span>
 <span class="amaranth-card">
-{{#if:{{{card5img|}}}|<img class="amaranth-card-img" src="{{{card5img}}}" alt="" />}}
+<img class="amaranth-card-img" src="{{filepath:{{{file5|Glypht.png}}}}}" alt="" />
 <span class="amaranth-card-labels">{{{card5labels|}}}</span>
 <span class="amaranth-card-title">{{{card5title|Mythra}}}</span>
@@ Line 42: / Line 42: @@
 </span>
 <span class="amaranth-card">
-{{#if:{{{card6img|}}}|<img class="amaranth-card-img" src="{{{card6img}}}" alt="" />}}
+<img class="amaranth-card-img" src="{{filepath:{{{file6|Glypht.png}}}}}" alt="" />
 <span class="amaranth-card-labels">{{{card6labels|}}}</span>
 <span class="amaranth-card-title">{{{card6title|Sylvian}}}</span>
@@ Line 50: / Line 50: @@
 </div>
 </includeonly>
@@ Line 56: / Line 57: @@
 <templatedata>
 {
-  "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.",
+  "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.",
   "params": {
     "bg": {
       "label": "Background Color",
       "type": "string",
-      "default": "#0e0e0e",
+      "default": "#fff",
       "description": "Background color of the board container."
     },
@@ Line 82: / Line 83: @@
       "default": "INTRODUCTION"
     },
-    "card1img": {
+    "file1": {
-      "label": "First Card Image (URL or File path)",
+      "label": "First Card Image File",
       "type": "string",
-      "default": "",
+      "default": "Glypht.png",
-      "description": "Image for the first card in the first column (leave blank for none)."
+      "description": "Filename for the first card image (defaults to Glypht.png)."
     },
     "card1labels": {
       "label": "First Card Labels (HTML spans for colored tags)",
       "type": "string",
-      "default": "",
+      "default": ""
-      "description": "Colored label spans (see documentation for available colors)."
     },
     "card1title": {
@@ Line 109: / Line 109: @@
       "default": "Notes go here. Edit freely."
     },
+    "file2": {
+      "label": "Second Card Image File",
-    "card2img": {
-      "label": "Second Card Image (URL or File path)",
       "type": "string",
-      "default": ""
+      "default": "Glypht.png"
     },
     "card2labels": {
@@ Line 136: / Line 135: @@
       "default": "Diremptions"
     },
-    "card3img": {
+    "file3": {
-      "label": "Third Card Image (URL or File path)",
+      "label": "Third Card Image File",
       "type": "string",
-      "default": ""
+      "default": "Glypht.png"
     },
     "card3labels": {
@@ Line 156: / Line 155: @@
       "default": ""
     },
+    "file4": {
+      "label": "Fourth Card Image File",
-    "card4img": {
-      "label": "Fourth Card Image (URL or File path)",
       "type": "string",
-      "default": ""
+      "default": "Glypht.png"
     },
     "card4labels": {
@@ Line 183: / Line 181: @@
       "default": "Races"
     },
-    "card5img": {
+    "file5": {
-      "label": "Fifth Card Image (URL or File path)",
+      "label": "Fifth Card Image File",
       "type": "string",
-      "default": ""
+      "default": "Glypht.png"
     },
     "card5labels": {
@@ Line 203: / Line 201: @@
       "default": ""
     },
+    "file6": {
+      "label": "Sixth Card Image File",
-    "card6img": {
-      "label": "Sixth Card Image (URL or File path)",
       "type": "string",
-      "default": ""
+      "default": "Glypht.png"
     },
     "card6labels": {