Template:Card View history

imported>Wottem
No edit summary
No edit summary
 
(12 intermediate revisions by 3 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 21: Line 29:
</noinclude>
</noinclude>
<includeonly>
<includeonly>
<li class="temaplte-card w-64 flex-none rounded-md border border-gray-300 overflow-hidden pb-4 md:pb-16 pl-0 relative hover:shadow transition">
<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 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|}}}}}}}} }}| <div class="w-full overflow-hidden">[[{{#if:{{{image|}}}|file:{{{image}}}|file:{{#pageimage:{{{link|{{{title|}}}}}} }}}}|253px|link={{{link|{{{title|}}}}}}|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>
Line 29: Line 37:
<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|}}}}}}|0|4}} | http |[{{{link|}}} {{{title|}}}]|[[{{{link|{{{title|}}}}}}|{{{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}}}|
{{#ifeq:{{#textextract:{{{link|{{{title|}}} }}} }}|4||{{#textextract:{{{link|{{{title|}}} }}} }} }}</div>
{{#textextract:{{{link|{{{title|}}} }}} }} }}</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|}}}}}}|0|4}} | http |[{{{link|}}} {{{title|}}}]|[[{{{link|{{{title|}}}}}}]]}}</div>
</li>
</li>
{{#cargo_store:
_table = card
|title={{{title|}}}
|link={{{link|}}}
|subtitle={{{subtitle|}}}
|color={{{color|}}}
|card_type={{{type|}}}
}}
</includeonly>
</includeonly>

Latest revision as of 10:34, 23 November 2022

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