Template:Quote fancy: Difference between revisions

From bg3.wiki
Jump to navigation Jump to search
(New demo template)
(Added author field)
Line 1: Line 1:
<includeonly><div style="display:flex;align-items:center;">
<includeonly><div style="display:flex;align-items:center;">
<span style="display: inline-block; vertical-align: middle; border: hidden; border-radius:{{{rounding|15%}}}; overflow: hidden;>{{Icon|{{{image}}}|h={{{height|80px}}}|link={{{link|}}}}}</span>
<span style="display: inline-block; vertical-align: middle; border: hidden; border-radius:{{{rounding|15%}}}; overflow: hidden;>{{Icon|{{{image}}}|h={{{height|80px}}}|link={{{link|}}}}}</span>
<blockquote style="font-size:{{{font-size|130%}}}; margin:10px;">''{{{quote}}}''</blockquote>
<div style="display:flex;flex-direction:column;align: right;">
<blockquote style="font-size:{{{font-size|130%}}}; margin:0px;margin-left:10px;">''{{{quote}}}''</blockquote>
{{#if:{{{author|}}}|<div style="margin-left:auto;margin-right:32px;margin-top:-8px;padding-bottom:8px;margin-bottom:-2em;line-height:2em">'''— {{{author|}}}'''</div>}}
</div>
</div></includeonly>
</div></includeonly>
<noinclude>
<noinclude>
Line 11: Line 14:
| <nowiki>
| <nowiki>
{{ImageQuote
{{ImageQuote
| quote = The operations of these huge steel juggernauts are powered by engines of churning hellfire.
| quote = The operations of these huge steel juggernauts are powered by engines of churning hellfire.  
| image = Portrait Steel Watcher.png
| image = Portrait Steel Watcher.png
| link = Adamantine Golem
| link = Adamantine Golem
Line 20: Line 23:
| quote = These levitating eyes transmit all that they see to the one who created them.
| quote = These levitating eyes transmit all that they see to the one who created them.
| image = Portrait Scrying Eye.png
| image = Portrait Scrying Eye.png
| author = In-game racial description of [[Scrying Eye]]s
| link = Scrying Eye
| link = Scrying Eye
| height = 60px
| height = 60px
| rounding = 20%
| rounding = 20%
| font-size = 100%
| font-size = 120%
}}
}}
</nowiki>
</nowiki>
Line 42: Line 46:
             "type": "wiki-file-name",
             "type": "wiki-file-name",
"example": "Portrait Lae'zel.png"
"example": "Portrait Lae'zel.png"
},
        "author": {
"label": "Author",
"description": "The author or context of the quote",
            "type": "string",
"required": false
},
},
"font-size": {
"font-size": {
Line 77: Line 87:
"quote",
"quote",
"image",
"image",
        "author",
"font-size",
"font-size",
"rounding",
"rounding",

Revision as of 00:16, 20 July 2024


Display a quote with an accompanying image which are vertically aligned with each other.

Examples

Markup
{{ImageQuote
| quote = The operations of these huge steel juggernauts are powered by engines of churning hellfire. 
| image = Portrait Steel Watcher.png
| link = Adamantine Golem
}}
Renders as

Adamantine Golem

The operations of these huge steel juggernauts are powered by engines of churning hellfire.
Markup
{{ImageQuote
| quote = These levitating eyes transmit all that they see to the one who created them.
| image = Portrait Scrying Eye.png
| author = In-game racial description of [[Scrying Eye]]s
| link = Scrying Eye
| height = 60px
| rounding = 20%
| font-size = 120%
}}
Renders as

Scrying Eye

These levitating eyes transmit all that they see to the one who created them.
— In-game racial description of Scrying Eyes

Template data

Display a quote with an accompanying image which are aligned with each other

Template parameters

This template prefers block formatting of parameters.

ParameterDescriptionTypeStatus
Quotequote

The quote

Stringrequired
Imageimage

Add an image to go along with the quote.

Example
Portrait Lae'zel.png
Fileoptional
Authorauthor

The author or context of the quote

Stringoptional
Font sizefont-size

Size of the font used for the quote.

Default
130%
Example
100%, 1.1em
Stringoptional
Roundingrounding

The amount of rounding applied to the image.

Default
15%
Example
50%, 20px
Stringoptional
Heightheight

The height of the image

Default
80px
Example
60px, 4em
Stringoptional