Template:Card View history

imported>Forumtestuser
No edit summary
No edit summary
 
(31 intermediate revisions by 9 users not shown)
Line 1: Line 1:
<noinclude>
<noinclude>
<span style="display:none">{{#cargo_declare:
_table = card
|title=String
|subtitle=String
|color=String
|card_type=String
|link=String
}}</span>
==Template structure ==
==Template structure ==
{{card
{{card
Line 15: Line 23:
|color=#0099FF
|color=#0099FF
|type=Card Type
|type=Card Type
|image=File name (optional) if empty gets first image in linked page
|image=File name (optional) if empty gets first image in linked page (overridden by color if set)
|link=page name if different form title
|link=page name if different form title
}}</nowiki>
}}</nowiki>
Line 21: Line 29:
</noinclude>
</noinclude>
<includeonly>
<includeonly>
<li class="card w-64 flex-none rounded-md border border-gray-200 overflow-hidden pb-4 md:pb-16 pl-0 relative">
<li class="noexcerpt temaplte-card list-none w-64 flex-none rounded-md border border-gray-300 overflow-hidden pb-4 md:pb-16 pl-0 relative hover:shadow transition" style="list-style: none">
<div class="card__header text-sm flex flex-column justify-center h-16 md:h-28 mb-6">
<div class="noexcerpt card__header text-sm flex flex-column justify-center h-16 md:h-28 mb-6 contain font-headline">{{#if: {{{image|}}}{{#if:{{{color|}}}||{{#pageimage:{{{link|{{{title|{{{title_section|}}}}}}}}}}} }}| <div class="w-full overflow-hidden">[[{{#if:{{{image|}}}|file:{{{image}}}|file:{{#pageimage:{{{link|{{{title|{{{title_section|}}}}}}}}} }}}}|253px|link={{{link|{{{title|{{{title_section|}}}}}}}}}|class=w-full]]</div>
{{#if: {{{image|}}}{{#pageimage:{{{link|{{{title|}}}}}}}}| <div class="w-full overflow-hidden">
|<div style="background-color:{{#if:{{{color|}}}|{{{color|#0099FF}}}|{{#var:color}} }}" class="card__bar w-full h-2 absolute top-0"></div>
[[{{#if:{{{image|}}}|file:{{{image}}}|{{#pageimage:{{{link|{{{title|}}}}}} }}}}|x112px|link={{{link|{{{title|}}}}}}|class=w-full|]]
</div>
|
<div style="background-color:{{{color|#0099FF}}}" class="card__bar w-full h-2 absolute top-0"></div>
<h4 class="px-3 md:px-4 mt-8 w-full text-xs text-gray-600">{{{type|}}}</h4>
<h4 class="px-3 md:px-4 mt-8 w-full text-xs text-gray-600">{{{type|}}}</h4>
}}
}}
</div>
</div>
<h3 class="px-3 md:px-4 mb-3 text-gray-900 font-headline ">[[{{{link|{{{title|}}}}}}]]</h3>
<h6 class="px-3 md:px-4 mb-3 text-gray-900 font-headline h6">{{#ifeq: {{#sub:{{{link|{{{title|{{{title_section|}}}}}}}}}|0|4}} | http |[{{{link|}}} {{{title|{{{title_section|}}}}}}]|[[{{{link|{{{title|{{{title_section|}}}}}}}}}|{{{title|{{{link}}} }}}]]}}</h6>
<div class="card__content px-3 md:px-4 text-gray-400 text-sm">{{#if:{{{subtitle|}}}|{{{subtitle}}}|{{#textextract:{{{link|{{{title|}}} }}} }} }}</div>
<div class="card__content px-3 md:px-4 text-gray-700 text-sm">{{#if:{{{subtitle|}}}|{{{subtitle}}}|
{{#textextract:{{{link|{{{title|{{{title_section|}}}}}} }}} }} }}</div>
<div class="link-as-card">{{#ifeq: {{#sub:{{{link|{{{title|{{{title_section|}}}}}}}}}|0|4}} | http |[{{{link|}}} {{{title|{{{title_section|}}}}}}]|[[{{{link|{{{title|{{{title_section|}}}}}}}}}]]}}</div>
</li>
</li>
{{#cargo_store:
_table = card
|title={{{title|{{{title_section|}}}}}}
|link={{{link|}}}
|subtitle={{{subtitle|}}}
|color={{{color|}}}
|card_type={{{type|}}}
}}
</includeonly>
</includeonly>

Latest revision as of 12:01, 15 May 2024

This template defines the table "card". View table.

Template structure

  • Map Editor

    UK Quick Start Editing Guide
    some card content
  • 
    {{card
    |title=UK Quick Start Editing Guide
    |subtitle=some card content (if empty loads target page automatic excerpt)
    |color=#0099FF
    |type=Card Type
    |image=File name (optional) if empty gets first image in linked page (overridden by color if set)
    |link=page name if different form title
    }}