Template:Card View history

imported>Wottem
m (1 revision imported)
imported>Wottem
No edit summary
Line 22: Line 22:
<includeonly>
<includeonly>
<li class="temaplte-card w-64 flex-none rounded-md border border-gray-200 overflow-hidden pb-4 md:pb-16 pl-0 relative hover:shadow transition">
<li class="temaplte-card w-64 flex-none rounded-md border border-gray-200 overflow-hidden pb-4 md:pb-16 pl-0 relative hover:shadow transition">
<div class="card__header text-sm flex flex-column justify-center h-16 md:h-28 mb-6">
<div class="card__header text-sm flex flex-column justify-center h-16 md:h-28 mb-6">{{#if: {{{image|}}}{{#pageimage:{{{link|{{{title|}}}}}}}}| <div class="w-full overflow-hidden">[[{{#if:{{{image|}}}|file:{{{image}}}|file:{{#pageimage:{{{link|{{{title|}}}}}} }}}}|x112px|link={{{link|{{{title|}}}}}}|class=w-full]]</div>
{{#if: {{{image|}}}{{#pageimage:{{{link|{{{title|}}}}}}}}| <div class="w-full overflow-hidden">
[[{{#if:{{{image|}}}|file:{{{image}}}|file:{{#pageimage:{{{link|{{{title|}}}}}} }}}}|x112px|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>
}}
}}
</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|}}}}}}]]}}</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-400 text-sm">{{#if:{{{subtitle|}}}|{{{subtitle}}}|{{#textextract:{{{link|{{{title|}}} }}} }} }}</div>
<div class="card__content px-3 md:px-4 text-gray-400 text-sm">{{#if:{{{subtitle|}}}|{{{subtitle}}}|{{#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>
</includeonly>
</includeonly>

Revision as of 18:06, 11 January 2022

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
    |link=page name if different form title
    }}