mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-14 22:04:51 +00:00
34 lines
1.3 KiB
Plaintext
34 lines
1.3 KiB
Plaintext
title: $:/core/macros/thumbails
|
|
tags: $:/tags/Macro
|
|
|
|
\define thumbnail(link,icon,color,background-color,image,caption,width:"280",height:"157")
|
|
<$link to="""$link$""">
|
|
<div class="tc-thumbnail-wrapper">
|
|
<div class="tc-thumbnail-image" style="width:$width$px;height:$height$px;">
|
|
<$reveal type="nomatch" text="" default="""$image$""" tag="div" style="width:$width$px;height:$height$px;">
|
|
[img[$image$]]
|
|
</$reveal>
|
|
<$reveal type="match" text="" default="""$image$""" tag="div" class="tc-thumbnail-background" style="width:$width$px;height:$height$px;background-color:$background-color$;">
|
|
</$reveal>
|
|
</div>
|
|
<div class="tc-thumbnail-icon" style="fill:$color$;">
|
|
$icon$
|
|
</div>
|
|
<div class="tc-thumbnail-caption">
|
|
$caption$
|
|
</div>
|
|
</div></$link>
|
|
\end
|
|
|
|
\define thumbnail-right(link,icon,color,background-color,image,caption,width:"280",height:"157")
|
|
<div class="tc-thumbnail-right-wrapper">
|
|
<<thumbnail """$link$""" """$icon$""" """$color$""" """$background-color$""" """$image$""" """$caption$""" """$width$""" """$height$""">>
|
|
</div>
|
|
\end
|
|
|
|
\define list-thumbnails(filter,width:"280",height:"157")
|
|
<$list filter="""$filter$""">
|
|
<$macrocall $name="thumbnail" link={{!!link}} icon={{!!icon}} color={{!!color}} background-color={{!!background-color}} image={{!!image}} caption={{!!caption}} width="""$width$""" height="""$height$"""/>
|
|
</$list>
|
|
\end
|