About
A blockquote component is a content with a citation.
A blockquote is an extract from another source and is set appart with a citation.
A pullquote is an typographic effect that quotes words of the current article
Syntax
A blockquote has three type:
- typo for the the typographic Blockquote
- card (default) for the the card Blockquote
- tweet. If you want to quote a tweet, you should refer to the tweet component.
<blockquote type="card">
<header>My Header</header>
=== Title === or <heading>Title</heading>
content
<cite>The reference</cite>
</blockquote>
where:
- header is an component header
- title is a heading
- cite is a cite (citation)
A card blockquote is just a shortcut that wraps the typographic blockquote in a card.
Example
Basic
Card blockquote
The card blockquote is the default type.
- Input:
<blockquote>
The true work does not reveal itself until you get into.
<cite>Nico</cite>
</blockquote>
- Output:
The true work does not reveal itself until you get into.
Typographic Blockquote
- Input:
<blockquote typo>
The true work does not reveal itself until you get into.
<cite>Nico</cite>
</blockquote>
- Output:
The true work does not reveal itself until you get into.
With a class
As a superset HTML element, you can add your own class.
<blockquote class="p-4 m-4 mx-auto" border-color=blue width=400px>
The true work does not reveal itself until you get into.
<cite>Nico</cite>
</blockquote>
The true work does not reveal itself until you get into.
With a header
An header is supported in the card blockquote.
<blockquote width="300px" align="center">
<header>True work</header>
The true work does not reveal itself until you get into.
<cite>Nico</cite>
</blockquote>
The true work does not reveal itself until you get into.
With a heading and a header
A heading is supported in the card blockquote.
- Input:
<blockquote width="300px" align="center">
<header>Work</header>
=== True Work ===
The true work does not reveal itself until you get into.
<cite>Nico</cite>
</blockquote>
- Output:
True WorkThe true work does not reveal itself until you get into.
In a card
You can wrap a typographic blockquote in a card in order to add an image header .
<card width="18rem">
{{:teaser_image_2.jpg|}}
<header>True Work</header>
<blockquote typo>
The true work does not reveal itself until you get into.
<cite>Nico</cite>
</blockquote>
</card>
The true work does not reveal itself until you get into.
Card Columns
A blockquote with the type card can also be wrapped in the card-columns layout component.
<card-columns>
<blockquote>
A Blockquote is wrapped by default in a [[card|card]]
<cite>Say the [[card|card]]</cite>
{{::teaser_image_1.png?400}}
</blockquote>
<blockquote>
A Blockquote without [[:docs:content:cite|citation]].
{{::teaser_image_2.jpg}}
</blockquote>
<blockquote>
My Blockquote With Citation
<cite>Citation</cite>
</blockquote>
</card-columns>
Blockquote with other components (Math)
A card blockquote accepts any other components
Example with Math
<blockquote>
<MATH>
\begin{array}{lrl}
\text{errors} & =& (\text{more code})^2 \\
e & = & mc^2
\end{array}
</MATH>
<cite>[[twitter>ypriverol/status/603134562399559680/photo/1|Brilliant]]</cite>
</blockquote>
- Result
<MATH> \begin{array}{lrl} \text{errors} & =& (\text{more code})^2 \\ e & = & mc^2 \end{array} </MATH>
Tweet
For more information on tweet, see the corresponding page
<blockquote width="300px">
<cite>[[https://twitter.com/themaxburns/status/1372630627611201536]]</cite>
</blockquote>