Template:Project Board: Difference between revisions
Template page
More actions
Content deleted Content added
Tesinormed (talk | contribs) No edit summary Tag: 2017 source edit |
Tesinormed (talk | contribs) Replaced content with "<includeonly><templatestyles src="Project Board/styles.css"/> <div class="project-board-container"> {{columns}} </div> </includeonly><noinclude> {{Project Board}} </noinclude>" Tags: Replaced 2017 source edit |
||
| Line 1: | Line 1: | ||
<includeonly> |
<includeonly><templatestyles src="Project Board/styles.css"/> |
||
<div class="project-board-container"> |
|||
<templatestyles src="Project Board/styles.css" /> |
|||
{{columns}} |
|||
<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 --> |
|||
<div class="amaranth-column"> |
|||
<div class="amaranth-column-header">{{{header1|INTRODUCTION}}}</div> |
|||
<div class="amaranth-card"> |
|||
<div class="amaranth-card-labels">{{{card1labels|}}}</div> |
|||
[[File:{{{file1|Glypht.png}}}|280px|class=amaranth-card-img]] |
|||
<div class="amaranth-card-title">{{{card1title|WELCOME! (Please Read)}}}</div> |
|||
<div class="amaranth-card-subtitle">{{{card1art|CARD ART BY: COSMICSMOOTHIE}}}</div> |
|||
<details class="amaranth-card-details"> |
|||
<summary class="amaranth-card-summary">Show Details</summary> |
|||
<span class="amaranth-card-body amaranth-card-body-center">{{{card1body|Notes go here. Edit freely.}}}</span> |
|||
</details> |
|||
</div> |
|||
<div class="amaranth-card"> |
|||
<div class="amaranth-card-labels">{{{card2labels|}}}</div> |
|||
[[File:{{{file2|Glypht.png}}}|280px|class=amaranth-card-img]] |
|||
<div class="amaranth-card-title">{{{card2title|MANA!!!}}}</div> |
|||
<details class="amaranth-card-details"> |
|||
<summary class="amaranth-card-summary">Show Details</summary> |
|||
<span class="amaranth-card-body amaranth-card-body-center">{{{card2body|Any details or expandable info.}}}</span> |
|||
</details> |
|||
</div> |
|||
</div> |
|||
<!-- COLUMN 2 --> |
|||
<div class="amaranth-column"> |
|||
<div class="amaranth-column-header">{{{header2|Diremptions}}}</div> |
|||
<div class="amaranth-card"> |
|||
<div class="amaranth-card-labels">{{{card3labels|}}}</div> |
|||
[[File:{{{file3|Glypht.png}}}|280px|class=amaranth-card-img]] |
|||
<div class="amaranth-card-title">{{{card3title|Amaranth}}}</div> |
|||
<details class="amaranth-card-details"> |
|||
<summary class="amaranth-card-summary">Show Details</summary> |
|||
<span class="amaranth-card-body amaranth-card-body-center">{{{card3body|}}}</span> |
|||
</details> |
|||
</div> |
|||
<div class="amaranth-card"> |
|||
<div class="amaranth-card-labels">{{{card4labels|}}}</div> |
|||
[[File:{{{file4|Glypht.png}}}|280px|class=amaranth-card-img]] |
|||
<div class="amaranth-card-title">{{{card4title|Dawn Epoch}}}</div> |
|||
<details class="amaranth-card-details"> |
|||
<summary class="amaranth-card-summary">Show Details</summary> |
|||
<span class="amaranth-card-body amaranth-card-body-center">{{{card4body|}}}</span> |
|||
</details> |
|||
</div> |
|||
</div> |
|||
<!-- COLUMN 3 --> |
|||
<div class="amaranth-column"> |
|||
<div class="amaranth-column-header">{{{header3|Races}}}</div> |
|||
<div class="amaranth-card"> |
|||
<div class="amaranth-card-labels">{{{card5labels|}}}</div> |
|||
[[File:{{{file5|Glypht.png}}}|280px|class=amaranth-card-img]] |
|||
<div class="amaranth-card-title">{{{card5title|Mythra}}}</div> |
|||
<details class="amaranth-card-details"> |
|||
<summary class="amaranth-card-summary">Show Details</summary> |
|||
<span class="amaranth-card-body amaranth-card-body-center">{{{card5body|}}}</span> |
|||
</details> |
|||
</div> |
|||
<div class="amaranth-card"> |
|||
<div class="amaranth-card-labels">{{{card6labels|}}}</div> |
|||
[[File:{{{file6|Glypht.png}}}|280px|class=amaranth-card-img]] |
|||
<div class="amaranth-card-title">{{{card6title|Sylvian}}}</div> |
|||
<details class="amaranth-card-details"> |
|||
<summary class="amaranth-card-summary">Show Details</summary> |
|||
<span class="amaranth-card-body amaranth-card-body-center">{{{card6body|}}}</span> |
|||
</details> |
|||
</div> |
|||
</div> |
|||
</div> |
</div> |
||
</includeonly><noinclude> |
</includeonly><noinclude> |
||
<templatedata> |
|||
{ |
|||
"description": "A Trello-style project board with horizontal columns and vertical cards. Each card displays labels above the image, a card image, title, subtitle, and a collapsible, center-aligned card body. All card text is black by default.", |
|||
"params": { |
|||
"bg": { |
|||
"label": "Background Color", |
|||
"type": "string", |
|||
"default": "#fff" |
|||
}, |
|||
"radius": { |
|||
"label": "Container Border Radius", |
|||
"type": "string", |
|||
"default": "10px" |
|||
}, |
|||
"align": { |
|||
"label": "Text Alignment", |
|||
"type": "string", |
|||
"default": "left" |
|||
}, |
|||
"header1": { |
|||
"label": "First Column Header", |
|||
"type": "string", |
|||
"default": "INTRODUCTION" |
|||
}, |
|||
"file1": { |
|||
"label": "First Card Image File", |
|||
"type": "string", |
|||
"default": "Glypht.png" |
|||
}, |
|||
"card1labels": { |
|||
"label": "First Card Labels", |
|||
"type": "string", |
|||
"default": "" |
|||
}, |
|||
"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." |
|||
}, |
|||
"file2": { |
|||
"label": "Second Card Image File", |
|||
"type": "string", |
|||
"default": "Glypht.png" |
|||
}, |
|||
"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" |
|||
}, |
|||
"file3": { |
|||
"label": "Third Card Image File", |
|||
"type": "string", |
|||
"default": "Glypht.png" |
|||
}, |
|||
"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": "" |
|||
}, |
|||
"file4": { |
|||
"label": "Fourth Card Image File", |
|||
"type": "string", |
|||
"default": "Glypht.png" |
|||
}, |
|||
"card4labels": { |
|||
"label": "Fourth Card Labels", |
|||
"type": "string", |
|||
"default": "" |
|||
}, |
|||
"card4title": { |
|||
"label": "Fourth Card Title", |
|||
"type": "string", |
|||
"default": "Dawn Epoch" |
|||
}, |
|||
"card4body": { |
|||
"label": "Fourth Card Body", |
|||
"type": "string", |
|||
"default": "" |
|||
}, |
|||
"header3": { |
|||
"label": "Third Column Header", |
|||
"type": "string", |
|||
"default": "Races" |
|||
}, |
|||
"file5": { |
|||
"label": "Fifth Card Image File", |
|||
"type": "string", |
|||
"default": "Glypht.png" |
|||
}, |
|||
"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": "" |
|||
}, |
|||
"file6": { |
|||
"label": "Sixth Card Image File", |
|||
"type": "string", |
|||
"default": "Glypht.png" |
|||
}, |
|||
"card6labels": { |
|||
"label": "Sixth Card Labels", |
|||
"type": "string", |
|||
"default": "" |
|||
}, |
|||
"card6title": { |
|||
"label": "Sixth Card Title", |
|||
"type": "string", |
|||
"default": "Sylvian" |
|||
}, |
|||
"card6body": { |
|||
"label": "Sixth Card Body", |
|||
"type": "string", |
|||
"default": "" |
|||
} |
|||
} |
|||
} |
|||
</templatedata> |
|||
{{Project Board}} |
{{Project Board}} |
||
</noinclude> |
</noinclude> |
||