1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-04 23:39:57 +00:00
TiddlyWiki5/core/wiki/macros/thumbnails.tid
2022-04-16 17:19:05 +01:00

35 lines
1.4 KiB
Plaintext

title: $:/core/macros/thumbnails
tags: $:/tags/Macro
<!-- This macro does not use \whitespace trim because it could affect the caption -->
\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$;color:$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