Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Quote card: Difference between revisions

Template page
(experimenting)
 
mNo edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!--  
<!--  
{{QuoteCard
{{Quotecard
| image =  
| image =  
| text =
| name =
| link =  
| link =  
| name =
| scale =
| scale =
}}
}}
-->
-->
<div class="quote-card">
<div class="quote-card">
<h6 class="library-card-TOC">{{{name|}}}</h6>
<h6 class="quote-card-TOC">{{{name}}}</h6>
<div class="library-card-image">
<div class="quote-card-image">
<div style="transform:scale({{{scale|1}}})">
<div style="transform:scale({{{scale|1}}})">
[[File:{{{image|Placeholder-image.png}}}|link={{{link|}}}|{{{desc|}}}]]
[[File:{{{image|Placeholder-image.png}}}|link={{{link}}}|{{{desc|}}}]]
</div>
</div>
</div>
<div class="quote-card-text">{{{name}}}</div>
</div>
</div>
<!--
<!--
Line 18: Line 21:
-->
-->
<!--
<!--
     @param image    The image filename or URL.
     @param image    The image filename or URL, with extension (.jpg etc)
    @param name    The name you want to appear in the table of contents and next to the image.
     @param link    The link you want the image to redirect to (normally same as within the text).
     @param link    The link you want the image to redirect to (normally same as within the text).
    @param name    The name of the author or topic.
     @param scale    Scaling-in value.
     @param scale    Scaling-in value.
     @param desc    The description you want to display when the user hovers over the link long enough.
     @param desc    The description you want to display when the user hovers over the link long enough.
Line 29: Line 32:
     "params": {
     "params": {
         "image": {
         "image": {
            "type": "string",
            "required": false,
            "description": "The image filename or URL, with extension (.jpg etc)"
        },
        "name": {
             "type": "string",
             "type": "string",
             "required": true,
             "required": true,
             "description": "The image filename or URL, with extension (.jpg etc)",
             "description": "The name you want to appear in the table of contents."
            "default": "Placeholder-image.png"
         },
         },
         "link": {
         "link": {
Line 38: Line 45:
             "required": true,
             "required": true,
             "description": "The link you want the image to redirect to (normally same as within the text)."
             "description": "The link you want the image to redirect to (normally same as within the text)."
        },
        "name": {
            "type": "string",
            "required": true,
            "description": "The name of the author or topic."
         },
         },
         "scale": {
         "scale": {
Line 53: Line 55:
             "type": "string",
             "type": "string",
             "required": false,
             "required": false,
             "description": "The description you want to display when the user hovers over the link long enough."  
             "description": "The description you want to display when the user hovers over the link long enough."
         }
         }
     }
     }

Latest revision as of 22:04, 7 October 2024

{{{name}}}

{{{name}}}

No description.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
imageimage

The image filename or URL, with extension (.jpg etc)

Stringoptional
namename

The name you want to appear in the table of contents.

Stringrequired
linklink

The link you want the image to redirect to (normally same as within the text).

Stringrequired
scalescale

Scale-in the image to make sure it fills the entire card. Can have decimals. Expressed as a factor. Image will always be centred. Default: 1

Default
1
Stringoptional
descdesc

The description you want to display when the user hovers over the link long enough.

Stringoptional