This is a documentation for Board Game Arena: play board games online !

Template:HCard: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
<onlyinclude><span style="display:inline-grid;grid:16px 24px 28px/auto-flow;width:26px;font:500 16px/1.1 Roboto;text-align:center;color:{{{2|#324}}}"><span style="grid-area:2/1/4/1;z-index:1;width:26px;font:700 28px/1.1 Roboto;border-radius:3px;background-image: linear-gradient(to bottom, #2f2342, #3e4d7e);-webkit-text-stroke:{{{o|0}}}px #fff"><span style="font-size:0">{{{4|card}}}</span>{{{1|}}}</span><span aria-hidden="true" style="grid-area:3/1/4/1;z-index:1;width:26px;font:20px/1.1 cursive">{{{3|}}}</span><span aria-hidden="true" style="grid-area:3/1/4/1;position:relative;top:26px;z-index:4;width:26px;color:{{{d|#fff}}}">{{{p|}}}</span><span style="font-size:0;{{{c|visibility:hidde}}}{{{n|n}}}">,with a </span><span style="grid-area:1/1/3/1;width:12px;margin:0 1px;border-radius:3px;border:1px solid #324;background:#ccc8;visibility:hidde{{{n|n}}}"></span><span style="grid-area:1/1/3/1;justify-self:center;width:22px;border-radius:3px;border:1px solid #324;background:{{{C|{{{2}}}}}};{{{c|visibility:hidde}}}n"><span style="font-size:0;{{{c|visibility:hidde}}}n">{{{a|{{{4|}}}}}}</span></span><span style="grid-area:1/1/3/1;padding:0 3px;line-height:1.15;text-align:left;color:#324;visibility:hidde{{{n|n}}}">{{{1|}}}</span><span style="font-size:0;{{{c|visibility:hidde}}}{{{n|n}}}">clue,</span></span></onlyinclude>
<onlyinclude><span style="display:inline-grid;grid:16px 24px 28px/auto-flow;width:26px;font:500 16px/1.1 Roboto;text-align:center;color:{{{2|silver}}}"><span style="grid-area:2/1/4/1;z-index:1;width:26px;font:700 28px/1.1 Roboto;border-radius:3px;background-image: linear-gradient(to bottom, #2f2342, #3e4d7e);-webkit-text-stroke:{{{o|0}}}px #fff;box-shadow: inset 0 0 0 2px {{{2|silver}}};"><span style="font-size:0">{{{4|card}}}</span>{{{1|}}}</span><span aria-hidden="true" style="grid-area:3/1/4/1;z-index:1;width:26px;font:20px/1.1 cursive">{{{3|}}}</span><span aria-hidden="true" style="grid-area:3/1/4/1;position:relative;top:26px;z-index:4;width:26px;color:{{{d|#fff}}}">{{{p|}}}</span><span style="font-size:0;{{{c|visibility:hidde}}}{{{n|n}}}">,with a </span><span style="grid-area:1/1/3/1;width:12px;margin:0 1px;border-radius:3px;border:1px solid #324;background:#ccc8;visibility:hidde{{{n|n}}}"></span><span style="grid-area:1/1/3/1;justify-self:center;width:22px;border-radius:3px;border:1px solid #324;background:{{{C|{{{2}}}}}};{{{c|visibility:hidde}}}n"><span style="font-size:0;{{{c|visibility:hidde}}}n">{{{a|{{{4|}}}}}}</span></span><span style="grid-area:1/1/3/1;padding:0 3px;line-height:1.15;text-align:left;color:#324;visibility:hidde{{{n|n}}}">{{{1|}}}</span><span style="font-size:0;{{{c|visibility:hidde}}}{{{n|n}}}">clue,</span></span></onlyinclude>


== Examples ==
== Examples ==


{|class="wikitable" style="width:auto;line-height:1;"
{|class="wikitable" style="width:auto;line-height:1;"
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|red
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|RED
|style="text-align:center;"|{{Hr|1}} {{Hr|2|n=}} {{Hr|3|c=}} {{Hr|4|n=|c=}} {{HBack|5|{{r}}|red|n=|c=}}
|style="text-align:center;"|{{Hr|1}} {{Hr|2|n=}} {{Hr|3|c=}} {{Hr|4|n=|c=}} {{HBack|5|{{r}}|red|n=|c=}}
|{{code|<nowiki>{{Hr|1}}</nowiki>}}
|{{code|<nowiki>{{Hr|1}}</nowiki>}}
Line 16: Line 16:
{{code|<nowiki>{{HBack|5|{{r}}|red|n=|c=}}</nowiki>}}
{{code|<nowiki>{{HBack|5|{{r}}|red|n=|c=}}</nowiki>}}
|-
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|yellow
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|YELLOW
|style="text-align:center;"|{{Hy|1}} {{Hy|2|n=}} {{Hy|3|c=}} {{Hy|4|n=|c=}} {{HBack|5|{{y}}|yellow|n=|c=}}
|style="text-align:center;"|{{Hy|1}} {{Hy|2|n=}} {{Hy|3|c=}} {{Hy|4|n=|c=}} {{HBack|5|{{y}}|yellow|n=|c=}}
|{{code|<nowiki>{{Hy|1}}</nowiki>}}
|{{code|<nowiki>{{Hy|1}}</nowiki>}}
Line 28: Line 28:
{{code|<nowiki>{{HBack|5|{{y}}|yellow|n=|c=}}</nowiki>}}
{{code|<nowiki>{{HBack|5|{{y}}|yellow|n=|c=}}</nowiki>}}
|-
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|green
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|GREEN
|style="text-align:center;"|{{Hg|1}} {{Hg|2|n=}} {{Hg|3|c=}} {{Hg|4|n=|c=}} {{HBack|5|{{g}}|green|n=|c=}}
|style="text-align:center;"|{{Hg|1}} {{Hg|2|n=}} {{Hg|3|c=}} {{Hg|4|n=|c=}} {{HBack|5|{{g}}|green|n=|c=}}
|{{code|<nowiki>{{Hg|1}}</nowiki>}}
|{{code|<nowiki>{{Hg|1}}</nowiki>}}
Line 40: Line 40:
{{code|<nowiki>{{HBack|5|{{g}}|green|n=|c=}}</nowiki>}}
{{code|<nowiki>{{HBack|5|{{g}}|green|n=|c=}}</nowiki>}}
|-
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|blue
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|BLUE
|style="text-align:center;"|{{Hb|1}} {{Hb|2|n=}} {{Hb|3|c=}} {{Hb|4|n=|c=}} {{HBack|5|{{b}}|blue|n=|c=}}
|style="text-align:center;"|{{Hb|1}} {{Hb|2|n=}} {{Hb|3|c=}} {{Hb|4|n=|c=}} {{HBack|5|{{b}}|blue|n=|c=}}
|{{code|<nowiki>{{Hb|1}}</nowiki>}}
|{{code|<nowiki>{{Hb|1}}</nowiki>}}
Line 52: Line 52:
{{code|<nowiki>{{HBack|5|{{b}}|blue|n=|c=}}</nowiki>}}
{{code|<nowiki>{{HBack|5|{{b}}|blue|n=|c=}}</nowiki>}}
|-
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|white
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|WHITE
|style="text-align:center;"|{{Hw|1}} {{Hw|2|n=}} {{Hw|3|c=}} {{Hw|4|n=|c=}} {{HBack|5|{{w}}|white|n=|c=}}
|style="text-align:center;"|{{Hw|1}} {{Hw|2|n=}} {{Hw|3|c=}} {{Hw|4|n=|c=}} {{HBack|5|{{w}}|white|n=|c=}}
|{{code|<nowiki>{{Hw|1}}</nowiki>}}
|{{code|<nowiki>{{Hw|1}}</nowiki>}}
Line 64: Line 64:
{{code|<nowiki>{{HBack|5|{{w}}|white|n=|c=}}</nowiki>}}
{{code|<nowiki>{{HBack|5|{{w}}|white|n=|c=}}</nowiki>}}
|-
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|multicolor
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|MULTICOLOR
|style="text-align:center;"|{{Hm|1}} {{Hm|2|n=}} {{Hm|3|c=}} {{Hm|4|n=|c=}} {{Hm|5|{{g}}|green|n=|c=}} {{HBack|5|{{m}}|multicolor|n=|c=}}
|style="text-align:center;"|{{Hm|1}} {{Hm|2|n=}} {{Hm|3|c=}} {{Hm|4|n=|c=}} {{Hm|5|{{g}}|green|n=|c=}} {{HBack|5|{{m}}|multicolor|n=|c=}}
|{{code|<nowiki>{{Hm|1}}</nowiki>}}
|{{code|<nowiki>{{Hm|1}}</nowiki>}}
Line 78: Line 78:
{{code|<nowiki>{{HBack|5|{{m}}|multicolor|n=|c=}}</nowiki>}}
{{code|<nowiki>{{HBack|5|{{m}}|multicolor|n=|c=}}</nowiki>}}
|-
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|black powder
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|BLACK POWDER
|style="text-align:center;"|{{Hk|5}} {{Hk|4|n=}}
|style="text-align:center;"|{{Hk|5}} {{Hk|4|n=}}
|{{code|<nowiki>{{Hk|5}}</nowiki>}}
|{{code|<nowiki>{{Hk|5}}</nowiki>}}
Line 84: Line 84:
{{code|<nowiki>{{Hk|4|n=}}</nowiki>}}
{{code|<nowiki>{{Hk|4|n=}}</nowiki>}}
|-
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|deck
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|DECK
|style="text-align:center;"|{{HDeck|5}}
|style="text-align:center;"|{{HDeck|5}}
|{{code|<nowiki>{{HDeck|5}}</nowiki>}}
|{{code|<nowiki>{{HDeck|5}}</nowiki>}}
|-
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|undefined
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|NON-COLOR
|style="text-align:center;"|{{HCard|1|n=}} {{HCard|C={{g}}|c=}} {{HCard|3|C={{g}}|n=|c=}}
|style="text-align:center;"|{{HCard|1|n=}} {{HCard|C={{g}}|c=}} {{HCard|3|C={{g}}|n=|c=}}
|{{code|<nowiki>{{HCard|1|n=}}</nowiki>}}
|{{code|<nowiki>{{HCard|1|n=}}</nowiki>}}

Revision as of 18:12, 24 April 2026

card,with a clue,

Examples

RED red1,with a red1clue, red2,with a red2clue, red3,with a red3clue, red4,with a red4clue, card back5,with a red5clue, {{Hr|1}}

{{Hr|2|n=}}

{{Hr|3|c=}}

{{Hr|4|n=|c=}}

{{HBack|5|{{r}}|red|n=|c=}}

YELLOW yellow1,with a yellow1clue, yellow2,with a yellow2clue, yellow3,with a yellow3clue, yellow4,with a yellow4clue, card back5,with a yellow5clue, {{Hy|1}}

{{Hy|2|n=}}

{{Hy|3|c=}}

{{Hy|4|n=|c=}}

{{HBack|5|{{y}}|yellow|n=|c=}}

GREEN green1,with a green1clue, green2,with a green2clue, green3,with a green3clue, green4,with a green4clue, card back5,with a green5clue, {{Hg|1}}

{{Hg|2|n=}}

{{Hg|3|c=}}

{{Hg|4|n=|c=}}

{{HBack|5|{{g}}|green|n=|c=}}

BLUE blue1,with a blue1clue, blue2,with a blue2clue, blue3,with a blue3clue, blue4,with a blue4clue, card back5,with a blue5clue, {{Hb|1}}

{{Hb|2|n=}}

{{Hb|3|c=}}

{{Hb|4|n=|c=}}

{{HBack|5|{{b}}|blue|n=|c=}}

WHITE white1,with a white1clue, white2,with a white2clue, white3,with a white3clue, white4,with a white4clue, card back5,with a white5clue, {{Hw|1}}

{{Hw|2|n=}}

{{Hw|3|c=}}

{{Hw|4|n=|c=}}

{{HBack|5|{{w}}|white|n=|c=}}

MULTICOLOR multicolour1,with a multicolour1clue, multicolour2,with a multicolour2clue, multicolour3,with a multicolour3clue, multicolour4,with a multicolour4clue, multicolour5,with a green5clue, card back5,with a multicolor5clue, {{Hm|1}}

{{Hm|2|n=}}

{{Hm|3|c=}}

{{Hm|4|n=|c=}}

{{Hm|5|{{g}}|green|n=|c=}}

{{HBack|5|{{m}}|multicolor|n=|c=}}

BLACK POWDER black powder5,with a black powder5clue, black powder4,with a black powder4clue, {{Hk|5}}

{{Hk|4|n=}}

DECK 5cards in the deck {{HDeck|5}}
NON-COLOR card1,with a 1clue, card,with a clue, card3,with a 3clue, {{HCard|1|n=}}

{{HCard|C={{g}}|c=}}

{{HCard|3|C={{g}}|n=|c=}}

cardholder red1,with a red1clue,yellow2,with a yellow2clue,green3,with a green3clue,blue4,with a blue4clue, Alice 🡲 {{cardholder|{{Hr|1}}{{Hy|2}}{{Hg|3}}{{Hb|4}}|Alice 🡲}}
red1,with a red1clue,yellow2,with a yellow2clue,green3,with a green3clue,blue4,with a blue4clue, ​ {{cardholder|{{Hr|1|p=A}}{{Hy|2|p=B}}{{Hg|3|p=C}}{{Hb|4|p=D}}}}

Parameters

Id
Parameter Name
Default value
Examples
Description
1
Rank
empty
{{Hg|5}}
{{HCard|5}}
Required: card rank
(1/2/3/4/5).
c
Show clue colour
hidden
{{Hg|c=}}
{{HCard|c=}}
Optional: display the colour clue.
n
Show clue number
hidden
{{Hg|n=}}
{{HCard|n=}}
Optional: display the rank clue.
p
Player text
empty
{{Hg|p=A}}
{{HCard|p=A}}
Optional: card holder text: single character below the card to represent a player e.g. A/B/C/D/E.
d
Player text colour
white
{{Hw|d=black}}
{{HCard|d=black}}
Optional: card holder text colour
e.g. green.
2
Colour
white
{{Hg}}
{{HCard|5|{{g}}}}
{{HCard}} Required: card colour
e.g. {{r}} {{y}} {{g}} {{b}} {{w}} {{m}}.
3
Colour letter
empty
{{Hg}}
{{HCard|5|{{g}}|g}}
{{HCard}} Required: card colour letter
(red, yellow, green, blue, white, multicolour).
4
Colour name
empty
{{Hg}}
{{HCard|5|{{g}}|g|green}}
{{HCard}} Required: colour word used for tooltips and screen readers.
a
Clue colour name
empty
{{Hg}}
{{HCard|a=green}}
{{HCard}} Optional: clue colour word used for tooltips and screen readers.
C
Clue colour
Colour
{{Hm|C=green}}
{{HCard|C=green}}
{{HCard}} Optional:
e.g. {{r}} {{y}} {{g}} {{b}} {{w}} {{m}}.
b
Background colour
#324 (black)
{{HBack}}
{{HCard|b=grey}}
{{HCard}} Optional: background colour.
o
Text outline
0
{{Hk}}
{{HCard|o=1}}
{{HCard}} Optional: white text outline thickness in px units.