Template:Dots

From TowersWiki

Revision as of 01:06, 15 September 2024 by Darc (talk | contribs) (Created page with "<includeonly>{{#css: .dot_item { border-radius: 25px; width: 10px; height: 10px; margin: 1px; } }}<div class="dot_container" style="display: flex; flex-direction: row; ">{{#ifexpr: {{{1|0}}} > 0|<div class="dot_item" style="{{#ifeq: {{{gradient|no}}} | yes | background-image: linear-gradient(to bottom right, rgba(255,255,255,1), rgba(255,255,255,0), rgba(255,255,255,0) ); }} background-color: {{{fill_color | black }}}; border: 1px solid {{{fill_color | black }}};...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

This template allows you to quickly and easily indicate stat values with dots, much like in the books.

{{dots|<value>|<max>|gradient=<gradient>|fill_color=<fill_color>|empty_color=<empty_color>}}

<gradient>: If set to 'yes' will put a gradient over the circles to give them a 3D appearance
<fill_color>: The color for full dots.  This can be color names (red), or HTML codes (#F633AB).  Defaults to 'black'.
<empty_color>: The color for the borders of empty dots.  This can be color names (red) or HTML codes (#F633AB).  Defaults to the value of <fill_color>.
Basic examples
{{dots|1}}
{{dots|2}}
{{dots|3}}
{{dots|4}}
{{dots|5}}
Playing with some options
{{dots|3|10}}
{{dots|3|10|gradient=yes}}
{{dots|3|10|gradient=yes|fill_color=#F633AB}}
{{dots|3|10|gradient=yes|fill_color=#F633AB|empty_color=blue}}