Template:Card View history

prd>Wottem
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 30: Line 30:
<includeonly>
<includeonly>
<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">
<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="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|}}}}}}}} }}| <div class="w-full overflow-hidden">[[{{#if:{{{image|}}}|file:{{{image}}}|file:{{#pageimage:{{{link|{{{title|}}}}}} }}}}|253px|link={{{link|{{{title|}}}}}}|class=w-full]]</div>
<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>
|<div style="background-color:{{#if:{{{color|}}}|{{{color|#0099FF}}}|{{#var:color}} }}" class="card__bar w-full h-2 absolute top-0"></div>
|<div style="background-color:{{#if:{{{color|}}}|{{{color|#0099FF}}}|{{#var:color}} }}" 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>
<h6 class="px-3 md:px-4 mb-3 text-gray-900 font-headline h6">{{#ifeq: {{#sub:{{{link|{{{title|}}}}}}|0|4}} | http |[{{{link|}}} {{{title|}}}]|[[{{{link|{{{title|}}}}}}|{{{title|{{{link}}} }}}]]}}</h6>
<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-700 text-sm">{{#if:{{{subtitle|}}}|{{{subtitle}}}|
<div class="card__content px-3 md:px-4 text-gray-700 text-sm">{{#if:{{{subtitle|}}}|{{{subtitle}}}|
{{#textextract:{{{link|{{{title|}}} }}} }} }}</div>
{{#textextract:{{{link|{{{title|{{{title_section|}}}}}} }}} }} }}</div>
<div class="link-as-card">{{#ifeq: {{#sub:{{{link|{{{title|}}}}}}|0|4}} | http |[{{{link|}}} {{{title|}}}]|[[{{{link|{{{title|}}}}}}]]}}</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:
{{#cargo_store:
_table = card
_table = card
|title={{{title|}}}
|title={{{title|{{{title_section|}}}}}}
|link={{{link|}}}
|link={{{link|}}}
|subtitle={{{subtitle|}}}
|subtitle={{{subtitle|}}}

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
    }}