proxmox-mirrors/pmg-docs
1
0
Fork 0
mirror of https://git.proxmox.com/git/pmg-docs synced 2025-05-23 21:53:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

add big attribute to thumbnails

Browse Source 
allows one to easily define bigger thumbnails, i.e., those where we
have to big images to show the full on a page, but still want to give
the user a good sized preview.

As PDF renders this already pretty nice by default we only have to
adapt the html asciidoc config. We do that by using asciidocs
"Conditional Attribute References"[0] and add a "big" attribute.

It can be used as:
> [thumbnail="pmg-gui-network-config.png", big=1]

NOTE: the value of big is ignored, it just matters if it's defined.
While it could be possible to add logic to handle big=0, it it's just
extra work without real use, just omit it if not wanted.

[0]: https://www.methods.co.nz/asciidoc/chunked/ch30.html

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Thomas Lamprecht 2019-11-20 08:58:30 +01:00
parent f5fddbffce
commit d108f53720
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
asciidoc/pmg-html.conf
View File

@ -303,10 +303,13 @@ endif::deprecated-quotes[]
[paragraph]
<div class="paragraph{role? {role}}{unbreakable-option? unbreakable}"{id? id="{id}"}>
{thumbnail#}<a class="image" href="images/screenshot/{thumbnail}">
{thumbnail#}<img src="images/screenshot/{thumbnail}" alt="{alt={thumbnail}}" width=250
{thumbnail#}<img src="images/screenshot/{thumbnail}" alt="{alt={thumbnail}}"
{thumbnail#}{width#}width="{width}"
{thumbnail#}{big#}{width%}width="800"
{thumbnail#}{big%}{width%}width="250"
{thumbnail#}{float@left: style="padding\: 0 10px 0 0;float\:left;"}
{thumbnail#}{float@right: style="padding\: 0 0 0 10px;float\:right;"}
{thumbnail#}{float%} style="padding: 0 0 0 10px;float:right;"
{thumbnail#}{big%}{float%} style="padding: 0 0 0 10px;float:right;"
{thumbnail#}></a>
{title?<div class="title">{title}</div>}<p>
|