This is a documentation for Board Game Arena: play board games online !
Template:HCard: Difference between revisions
Jump to navigation
Jump to search
Sammy McSam (talk | contribs) mNo edit summary |
Sammy McSam (talk | contribs) mNo edit summary |
||
(9 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<div style="display:inline-grid;grid:16px | <div style="display:inline-grid;grid:16px 24px 28px/auto-flow;width:26px;color:{{{2|#fff}}};text-align:center;vertical-align:-webkit-baseline-middle"><div style="grid-area:2/1/4/1;z-index:1;width:26px;border-radius:3px;background:{{{b|#324}}};font:700 28px/1.1 Roboto;-webkit-text-stroke:1px rgb(255 255 255/{{{o|0}}})"><span style="font-size:0">{{{4|card}}}</span>{{{1|​}}}</div><div aria-hidden="true" style="grid-area:3/1/4/1;z-index:1;width:26px;font:20px/1.1 cursive">{{{3|​}}}</div><div aria-hidden="true" style="grid-area:3/1/4/1;width:26px;position:relative;top:26px;color:{{{hc|#fff}}};font:500 16px/1.1 Roboto;z-index:4">{{{h|}}}</div><span style="visibility:hidd{{{sc|e}}}{{{sn|n}}};font-size:0">,with a </span><div style="grid-area:1/1/3/1;width:12px;margin:0 1px;border-radius:3px;border:1px solid #324;background:#ccc8;visibility:hidde{{{sn|n}}}"></div><span style="grid-area:1/1/3/1;justify-self:center;width:22px;border-radius:3px;border:1px solid #324;background:{{{cc|{{{2|transparent}}}}}};visibility:hidd{{{sc|e}}}n"><span style="visibility:hidd{{{sc|e}}}n;font-size:0">{{{cN|{{{4|card}}}}}}</span></span><span style="grid-area:1/1/3/1;visibility:hidde{{{sn|n}}};padding:0 3px;font:500 16px/1.15 Roboto;text-align:left;color:#324">{{{cn|{{{1|​}}}}}}</span><span style="visibility:hidd{{{sc|e}}}{{{sn|n}}};font-size:0">clue,</span></div><noinclude> | ||
== Examples == | == Examples == | ||
{|class="wikitable" style="width:auto;line-height:0.8;" | |||
|+style="line-height:normal"|Hanabi cards | |||
|- | |||
!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=}} | |||
|<code><nowiki>{{Hr|1}}</nowiki></code> | |||
<code><nowiki>{{Hr| | <code><nowiki>{{Hr|2|n=}}</nowiki></code> | ||
<code><nowiki>{{ | <code><nowiki>{{Hr|3|c=}}</nowiki></code> | ||
<code><nowiki>{{ | <code><nowiki>{{Hr|4|n=|c=}}</nowiki></code> | ||
<code><nowiki>{{ | <code><nowiki>{{HBack|5|{{r}}|red|n=|c=}}</nowiki></code> | ||
|- | |||
!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=}} | |||
|<code><nowiki>{{Hy|1}}</nowiki></code> | |||
<code><nowiki>{{ | <code><nowiki>{{Hy|2|n=}}</nowiki></code> | ||
<code><nowiki>{{ | <code><nowiki>{{Hy|3|c=}}</nowiki></code> | ||
<code><nowiki>{{ | <code><nowiki>{{Hy|4|n=|c=}}</nowiki></code> | ||
<code><nowiki>{{HBack|5|{{y}}|yellow|n=|c=}}</nowiki></code> | |||
|- | |||
!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=}} | |||
|<code><nowiki>{{Hg|1}}</nowiki></code> | |||
<code><nowiki>{{Hg|2|n=}}</nowiki></code> | |||
<code><nowiki>{{Hg|3|c=}}</nowiki></code> | |||
<code><nowiki>{{Hg|4|n=|c=}}</nowiki></code> | |||
<code><nowiki>{{HBack|5|{{g}}|green|n=|c=}}</nowiki></code> | <code><nowiki>{{HBack|5|{{g}}|green|n=|c=}}</nowiki></code> | ||
|- | |||
!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=}} | |||
|<code><nowiki>{{Hb|1}}</nowiki></code> | |||
<code><nowiki>{{Hb|2|n=}}</nowiki></code> | |||
<code><nowiki>{{Hb|3|c=}}</nowiki></code> | |||
<code><nowiki>{{Hb|4|n=|c=}}</nowiki></code> | |||
<code><nowiki>{{HBack|5|{{b}}|blue|n=|c=}}</nowiki></code> | |||
|- | |||
!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=}} | |||
|<code><nowiki>{{Hw|1}}</nowiki></code> | |||
<code><nowiki>{{Hw|2|n=}}</nowiki></code> | |||
<code><nowiki>{{Hw|3|c=}}</nowiki></code> | |||
<code><nowiki>{{Hw|4|n=|c=}}</nowiki></code> | |||
<code><nowiki>{{HBack|5|{{w}}|white|n=|c=}}</nowiki></code> | |||
|- | |||
!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=}} | |||
|<code><nowiki>{{Hm|1}}</nowiki></code> | |||
<code><nowiki>{{Hm|2|n=}}</nowiki></code> | |||
<code><nowiki>{{Hm|3|c=}}</nowiki></code> | |||
<code><nowiki>{{Hm|4|n=|c=}}</nowiki></code> | |||
<code><nowiki>{{Hm|5|{{g}}|green|n=|c=}}</nowiki></code> | |||
== | <code><nowiki>{{HBack|5|{{m}}|multicolor|n=|c=}}</nowiki></code> | ||
<div style="display:grid;grid-template-columns:repeat( | |- | ||
<div style="font-weight:bold;width:8rem;">Parameter</div> | !style="writing-mode:vertical-rl;transform:rotate(180deg);"|black powder | ||
|style="text-align:center;"|{{Hk|5}} {{Hk|4|n=}} | |||
|<code><nowiki>{{Hk|5}}</nowiki></code> | |||
<code><nowiki>{{Hk|4|n=}}</nowiki></code> | |||
|- | |||
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|deck | |||
|style="text-align:center;"|{{HDeck|5}} | |||
|<code><nowiki>{{HDeck|5}}</nowiki></code> | |||
|- | |||
!style="writing-mode:vertical-rl;transform:rotate(180deg);" rowspan="2"|cardholder | |||
|style="text-align:center;"|<span style="text-align:left;">{{cardholder|{{Hr|1}}{{Hy|2}}{{Hg|3}}{{Hb|4}} |Alice 🡲}}</span> | |||
|<code><nowiki>{{cardholder|</nowiki></code><code><nowiki>{{Hr|1}}</nowiki></code><code><nowiki>{{Hy|2}}</nowiki></code><code><nowiki>{{Hg|3}}</nowiki></code><code><nowiki>{{Hb|4}}</nowiki></code><code><nowiki>|Alice 🡲}}</nowiki></code> | |||
|- | |||
|style="text-align:center;"|<span style="text-align:left;">{{cardholder|{{Hr|1|h=A}}{{Hy|2|h=B}}{{Hg|3|h=C}}{{Hb|4|h=D}} }}</span> | |||
|<code><nowiki>{{cardholder|</nowiki></code><code><nowiki>{{Hr|1|h=A}}</nowiki></code><code><nowiki>{{Hy|2|h=B}}</nowiki></code><code><nowiki>{{Hg|3|h=C}}</nowiki></code><code><nowiki>{{Hb|4|h=D}}</nowiki></code><code><nowiki>}}</nowiki></code> | |||
|} | |||
== Parameters == | |||
<div style="display:grid;grid-template-columns:repeat(4,max-content) 2fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;"> | |||
<div style="font-weight:bold;width:8rem;">Parameter Id</div> | |||
<div style="font-weight:bold;width:8rem;">Parameter Name</div> | |||
<div style="font-weight:bold;width:8rem;">Default value</div> | <div style="font-weight:bold;width:8rem;">Default value</div> | ||
<div style="font-weight:bold;width:8rem;">Example</div> | <div style="font-weight:bold;width:8rem;">Example</div> | ||
<div style="font-weight:bold;width:8rem;">Description</div> | <div style="font-weight:bold;width:8rem;">Description</div> | ||
<div><code>1</code></div> | <div><code>1</code></div> | ||
<div><code>rank</code></div> | |||
<div><code>&ZeroWidthSpace;</code></div> | <div><code>&ZeroWidthSpace;</code></div> | ||
<div><code><nowiki>|5</nowiki></code></div> | <div><code><nowiki>|5</nowiki></code></div> | ||
<div>'''''Required:''''' specify the card rank (<code>1</code>/<code>2</code>/<code>3</code>/<code>4</code>/<code>5</code>).</div> | <div>'''''Required:''''' specify the card rank (<code>1</code>/<code>2</code>/<code>3</code>/<code>4</code>/<code>5</code>).</div> | ||
<div><code>2</code></div> | |||
<div><code>colour</code></div> | <div><code>colour</code></div> | ||
<div><code>transparent</code></div> | <div><code>transparent</code></div> | ||
<div><code><nowiki>| | <div><code><nowiki>|{{g}}</nowiki></code></div> | ||
<div>'''''Required:''''' specify the card colour | <div>'''''Required:''''' specify the card colour e.g. <code><nowiki>{{r}}</nowiki></code> <code><nowiki>{{y}}</nowiki></code> <code><nowiki>{{g}}</nowiki></code> <code><nowiki>{{b}}</nowiki></code> <code><nowiki>{{w}}</nowiki></code> <code><nowiki>{{m}}</nowiki></code></div> | ||
<div><code>3</code></div> | |||
<div><code>colourLetter</code></div> | <div><code>colourLetter</code></div> | ||
<div><code>null</code></div> | <div><code>null</code></div> | ||
<div><code><nowiki>| | <div><code><nowiki>|g</nowiki></code></div> | ||
<div>'''''Required:''''' specify the card colour letter: red ⇨<code>r</code>, yellow ⇨<code>y</code>, green ⇨<code>g</code>, blue ⇨<code>b</code>, white ⇨<code>w</code>, multicolour ⇨<code>m</code>.</div> | <div>'''''Required:''''' specify the card colour letter: red ⇨<code>r</code>, yellow ⇨<code>y</code>, green ⇨<code>g</code>, blue ⇨<code>b</code>, white ⇨<code>w</code>, multicolour ⇨<code>m</code>.</div> | ||
<div><code>4</code></div> | |||
<div><code>colourName</code></div> | <div><code>colourName</code></div> | ||
<div><code> | <div><code>card</code></div> | ||
<div><code><nowiki>| | <div><code><nowiki>|green</nowiki></code></div> | ||
<div>'''''Required:''''' specify the colour word used for tooltips and screen readers.</div> | <div>'''''Required:''''' specify the colour word used for tooltips and screen readers.</div> | ||
<div><code>cN</code></div> | |||
<div><code>clueColourName</code></div> | <div><code>clueColourName</code></div> | ||
<div><code><nowiki>{{{ | <div><code><nowiki>{{{N|card}}}</nowiki></code></div> | ||
<div><code><nowiki>| | <div><code><nowiki>|cN=green</nowiki></code></div> | ||
<div>'''''Optional:''''' specify the clue colour word used for tooltips and screen readers.</div> | <div>'''''Optional:''''' specify the clue colour word used for tooltips and screen readers.</div> | ||
<div><code>cc</code></div> | |||
<div><code>clueColour</code></div> | <div><code>clueColour</code></div> | ||
<div><code><nowiki>{{{ | <div><code><nowiki>{{{2|transparent}}}</nowiki></code></div> | ||
<div><code><nowiki>| | <div><code><nowiki>|cc={{g}}</nowiki></code></div> | ||
<div>'''''Optional:''''' specify the clue colour | <div>'''''Optional:''''' specify the clue colour e.g. <code><nowiki>{{r}}</nowiki></code> <code><nowiki>{{y}}</nowiki></code> <code><nowiki>{{g}}</nowiki></code> <code><nowiki>{{b}}</nowiki></code> <code><nowiki>{{w}}</nowiki></code> <code><nowiki>{{m}}</nowiki></code></div> | ||
<div><code>cn</code></div> | |||
<div><code>clueNumber</code></div> | <div><code>clueNumber</code></div> | ||
<div><code><nowiki>{{{1|& | <div><code><nowiki>{{{1|&#8203;}}}</nowiki></code></div> | ||
<div><code><nowiki>| | <div><code><nowiki>|cn={{1}}</nowiki></code></div> | ||
<div>'''''Optional:''''' specify the clue rank: (<code>1</code>/<code>2</code>/<code>3</code>/<code>4</code>/<code>5</code>).</div> | <div>'''''Optional:''''' specify the clue rank: (<code>1</code>/<code>2</code>/<code>3</code>/<code>4</code>/<code>5</code>).</div> | ||
<div><code>o</code></div> | |||
<div><code>textOutline</code></div> | <div><code>textOutline</code></div> | ||
<div><code>0</code></div> | <div><code>0</code></div> | ||
<div><code><nowiki>| | <div><code><nowiki>|o=1</nowiki></code></div> | ||
<div>'''''Optional:''''' specify the text outline opacity: transparent ⇨<code><nowiki>0</nowiki></code>, opaque ⇨<code><nowiki>1</nowiki></code></div> | <div>'''''Optional:''''' specify the text outline opacity: transparent ⇨<code><nowiki>0</nowiki></code>, opaque ⇨<code><nowiki>1</nowiki></code></div> | ||
<div><code>b</code></div> | |||
<div><code>backgroundColour</code></div> | <div><code>backgroundColour</code></div> | ||
<div><code># | <div><code>#324</code> (black)</div> | ||
<div><code><nowiki>| | <div><code><nowiki>|b=grey</nowiki></code></div> | ||
<div>'''''Optional:''''' specify the background colour.</div> | <div>'''''Optional:''''' specify the background colour.</div> | ||
<div><code>sn</code></div> | |||
<div><code>showClueNumber</code></div> | <div><code>showClueNumber</code></div> | ||
<div><code> | <div>''visibility:hidde''<code>n</code></div> | ||
<div><code><nowiki>| | <div><code><nowiki>|sn=</nowiki></code></div> | ||
<div>'''''Optional:''''' display the rank clue.</div> | <div>'''''Optional:''''' display the rank clue.</div> | ||
<div><code>sc</code></div> | |||
<div><code>showClueColour</code></div> | <div><code>showClueColour</code></div> | ||
<div><code> | <div>''visibility:hidd''<code>e</code>''n''</div> | ||
<div><code><nowiki>| | <div><code><nowiki>|sc=</nowiki></code></div> | ||
<div>'''''Optional:''''' display the colour clue.</div> | <div>'''''Optional:''''' display the colour clue.</div> | ||
<div><code>h</code></div> | |||
<div><code>holderLabel</code></div> | |||
<div><code>&#8203;</code></div> | |||
<div><code><nowiki>|h=A</nowiki></code></div> | |||
<div>'''''Optional:''''' specify a character below the card e.g. to represent a player: <code>A</code>/<code>B</code>/<code>C</code>.</div> | |||
<div><code>hc</code></div> | |||
<div><code>holderLabelColour</code></div> | |||
<div><code>#fff</code> (white)</div> | |||
<div><code><nowiki>|hc=green</nowiki></code></div> | |||
<div>'''''Optional:''''' specify the card holder label colour e.g. <code><nowiki>green</nowiki></code></div> | |||
</div> | </div> | ||
[[Category:HanabiCards]] | [[Category:HanabiCards]] | ||
</noinclude> | </noinclude> |
Latest revision as of 01:28, 27 September 2024
card
Examples
red | red1 red2 ,with a 2clue,red3 ,with a redclue,red4 ,with a red4clue,card back ,with a red5clue, |
{{Hr|1}}
|
---|---|---|
yellow | yellow1 yellow2 ,with a 2clue,yellow3 ,with a yellowclue,yellow4 ,with a yellow4clue,card back ,with a yellow5clue, |
{{Hy|1}}
|
green | green1 green2 ,with a 2clue,green3 ,with a greenclue,green4 ,with a green4clue,card back ,with a green5clue, |
{{Hg|1}}
|
blue | blue1 blue2 ,with a 2clue,blue3 ,with a blueclue,blue4 ,with a blue4clue,card back ,with a blue5clue, |
{{Hb|1}}
|
white | white1 white2 ,with a 2clue,white3 ,with a whiteclue,white4 ,with a white4clue,card back ,with a white5clue, |
{{Hw|1}}
|
multicolor | multicolour1 multicolour2 ,with a 2clue,multicolour3 ,with a multicolourclue,multicolour4 ,with a multicolour4clue,multicolour5 ,with a green5clue,card back ,with a multicolor5clue, |
{{Hm|1}}
|
black powder | black powder5 black powder4 ,with a 4clue, |
{{Hk|5}}
|
deck | cards in the deck5 |
{{HDeck|5}}
|
cardholder | red1 yellow2 green3 blue4 |
{{cardholder| {{Hr|1}} {{Hy|2}} {{Hg|3}} {{Hb|4}} |Alice 🡲}}
|
red1 yellow2 green3 blue4 |
{{cardholder| {{Hr|1|h=A}} {{Hy|2|h=B}} {{Hg|3|h=C}} {{Hb|4|h=D}} }}
|
Parameters
Parameter Id
Parameter Name
Default value
Example
Description
1
rank
​
|5
Required: specify the card rank (
1
/2
/3
/4
/5
).2
colour
transparent
|{{g}}
Required: specify the card colour e.g.
{{r}}
{{y}}
{{g}}
{{b}}
{{w}}
{{m}}
3
colourLetter
null
|g
Required: specify the card colour letter: red ⇨
r
, yellow ⇨y
, green ⇨g
, blue ⇨b
, white ⇨w
, multicolour ⇨m
.4
colourName
card
|green
Required: specify the colour word used for tooltips and screen readers.
cN
clueColourName
{{{N|card}}}
|cN=green
Optional: specify the clue colour word used for tooltips and screen readers.
cc
clueColour
{{{2|transparent}}}
|cc={{g}}
Optional: specify the clue colour e.g.
{{r}}
{{y}}
{{g}}
{{b}}
{{w}}
{{m}}
cn
clueNumber
{{{1|​}}}
|cn={{1}}
Optional: specify the clue rank: (
1
/2
/3
/4
/5
).o
textOutline
0
|o=1
Optional: specify the text outline opacity: transparent ⇨
0
, opaque ⇨1
b
backgroundColour
#324
(black)|b=grey
Optional: specify the background colour.
sn
showClueNumber
visibility:hidde
n
|sn=
Optional: display the rank clue.
sc
showClueColour
visibility:hidd
e
n|sc=
Optional: display the colour clue.
h
holderLabel
​
|h=A
Optional: specify a character below the card e.g. to represent a player:
A
/B
/C
.hc
holderLabelColour
#fff
(white)|hc=green
Optional: specify the card holder label colour e.g.
green