Перегляд вихідного коду сторінки Шаблон:HCard/sandbox

<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:{{{b|#324}}};-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>

== Examples ==

{|class="wikitable" style="width:auto;line-height:1;"
!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|<nowiki>{{Hr|2|n=}}</nowiki>}}

{{code|<nowiki>{{Hr|3|c=}}</nowiki>}}

{{code|<nowiki>{{Hr|4|n=|c=}}</nowiki>}}

{{code|<nowiki>{{HBack|5|{{r}}|red|n=|c=}}</nowiki>}}
|-
!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|<nowiki>{{Hy|2|n=}}</nowiki>}}

{{code|<nowiki>{{Hy|3|c=}}</nowiki>}}

{{code|<nowiki>{{Hy|4|n=|c=}}</nowiki>}}

{{code|<nowiki>{{HBack|5|{{y}}|yellow|n=|c=}}</nowiki>}}
|-
!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|<nowiki>{{Hg|2|n=}}</nowiki>}}

{{code|<nowiki>{{Hg|3|c=}}</nowiki>}}

{{code|<nowiki>{{Hg|4|n=|c=}}</nowiki>}}

{{code|<nowiki>{{HBack|5|{{g}}|green|n=|c=}}</nowiki>}}
|-
!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|<nowiki>{{Hb|2|n=}}</nowiki>}}

{{code|<nowiki>{{Hb|3|c=}}</nowiki>}}

{{code|<nowiki>{{Hb|4|n=|c=}}</nowiki>}}

{{code|<nowiki>{{HBack|5|{{b}}|blue|n=|c=}}</nowiki>}}
|-
!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|<nowiki>{{Hw|2|n=}}</nowiki>}}

{{code|<nowiki>{{Hw|3|c=}}</nowiki>}}

{{code|<nowiki>{{Hw|4|n=|c=}}</nowiki>}}

{{code|<nowiki>{{HBack|5|{{w}}|white|n=|c=}}</nowiki>}}
|-
!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|<nowiki>{{Hm|2|n=}}</nowiki>}}

{{code|<nowiki>{{Hm|3|c=}}</nowiki>}}

{{code|<nowiki>{{Hm|4|n=|c=}}</nowiki>}}

{{code|<nowiki>{{Hm|5|{{g}}|green|n=|c=}}</nowiki>}}

{{code|<nowiki>{{HBack|5|{{m}}|multicolor|n=|c=}}</nowiki>}}
|-
!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|<nowiki>{{Hk|4|n=}}</nowiki>}}
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|deck
|style="text-align:center;"|{{HDeck|5}}
|{{code|<nowiki>{{HDeck|5}}</nowiki>}}
|-
!style="writing-mode:vertical-rl;transform:rotate(180deg);"|undefined
|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|C={{g}}|c=}}</nowiki>}}

{{code|<nowiki>{{HCard|3|C={{g}}|n=|c=}}</nowiki>}}
|-
!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|<nowiki>{{Hr|1}}</nowiki>}}{{code|<nowiki>{{Hy|2}}</nowiki>}}{{code|<nowiki>{{Hg|3}}</nowiki>}}{{code|<nowiki>{{Hb|4}}</nowiki>}}{{code|<nowiki>|Alice 🡲}}</nowiki>}}
|-
|style="text-align:center;"|<span style="text-align:left;">{{cardholder|{{Hr|1|p=A}}{{Hy|2|p=B}}{{Hg|3|p=C}}{{Hb|4|p=D}} }}</span>
|{{code|<nowiki>{{cardholder|</nowiki>}}{{code|<nowiki>{{Hr|1|p=A}}</nowiki>}}{{code|<nowiki>{{Hy|2|p=B}}</nowiki>}}{{code|<nowiki>{{Hg|3|p=C}}</nowiki>}}{{code|<nowiki>{{Hb|4|p=D}}</nowiki>}}{{code|<nowiki>}}</nowiki>}}
|}

== Parameters ==

<div style="display:grid;grid-template-columns:2rem repeat(3,max-content) 2fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;">
  <div style="font-weight:bold;width:8rem;">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;">Examples</div>
  <div style="font-weight:bold;width:8rem;">Description</div>
  <div>{{code|1}}</div>
  <div>Rank</div>
  <div>empty</div>
  <div>{{code|<nowiki>{{Hg|5}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|5}}</nowiki>}}</div>
  <div>'''''Required:''''' card rank<br> ({{code|1}}/{{code|2}}/{{code|3}}/{{code|4}}/{{code|5}}).</div>
  <div>{{code|c}}</div>
  <div>Show clue colour</div>
  <div>hidden</div>
  <div>{{code|<nowiki>{{Hg|c=}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|c=}}</nowiki>}}</div>
  <div>'''''Optional:''''' display the colour clue.</div>
  <div>{{code|n}}</div>
  <div>Show clue number</div>
  <div>hidden</div>
  <div>{{code|<nowiki>{{Hg|n=}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|n=}}</nowiki>}}</div>
  <div>'''''Optional:''''' display the rank clue.</div>
  <div>{{code|p}}</div>
  <div>Player text</div>
  <div>empty</div>
  <div>{{code|<nowiki>{{Hg|p=A}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|p=A}}</nowiki>}}</div>
  <div>'''''Optional:''''' card holder text: single character below the card to represent a player e.g. {{code|A}}/{{code|B}}/{{code|C}}/{{code|D}}/{{code|E}}.</div>
  <div>{{code|d}}</div>
  <div>Player text colour</div>
  <div>white</div>
  <div>{{code|<nowiki>{{Hw|d=black}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|d=black}}</nowiki>}}</div>
  <div>'''''Optional:''''' card holder text colour<br> e.g. {{code|<nowiki>green</nowiki>}}.</div>
  <div>{{code|2}}</div>
  <div>Colour</div>
  <div>white</div>
  <div>{{code|<nowiki>{{Hg}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|5|{{g}}}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} '''''Required''''': card colour<br> e.g. {{code|<nowiki>{{r}}</nowiki>}} {{code|<nowiki>{{y}}</nowiki>}} {{code|<nowiki>{{g}}</nowiki>}} {{code|<nowiki>{{b}}</nowiki>}} {{code|<nowiki>{{w}}</nowiki>}} {{code|<nowiki>{{m}}</nowiki>}}.</div>
  <div>{{code|3}}</div>
  <div>Colour letter</div>
  <div>empty</div>
  <div>{{code|<nowiki>{{Hg}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|5|{{g}}|g}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} '''''Required''''': card colour letter<br>({{code|r}}ed, {{code|y}}ellow, {{code|g}}reen, {{code|b}}lue, {{code|w}}hite, {{code|m}}ulticolour).</div>
  <div>{{code|4}}</div>
  <div>Colour name</div>
  <div>empty</div>
  <div>{{code|<nowiki>{{Hg}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|5|{{g}}|g|green}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} '''''Required''''': colour word used for tooltips and screen readers.</div>
  <div>{{code|a}}</div>
  <div>Clue colour name</div>
  <div>empty</div>
  <div>{{code|<nowiki>{{Hg}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|a=green}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} '''''Optional''''': clue colour word used for tooltips and screen readers.</div>
  <div>{{code|C}}</div>
  <div>Clue colour</div>
  <div>Colour</div>
  <div>{{code|<nowiki>{{Hm|C=green}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|C=green}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} '''''Optional''''':<br> e.g. {{code|<nowiki>{{r}}</nowiki>}} {{code|<nowiki>{{y}}</nowiki>}} {{code|<nowiki>{{g}}</nowiki>}} {{code|<nowiki>{{b}}</nowiki>}} {{code|<nowiki>{{w}}</nowiki>}} {{code|<nowiki>{{m}}</nowiki>}}.</div>
 <div>{{code|b}}</div>
 <div>Background colour</div>
  <div>{{code|#324}} (black)</div>
  <div>{{code|<nowiki>{{HBack}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|b=grey}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} '''''Optional''''': background colour.</div>
  <div>{{code|o}}</div>
  <div>Text outline</div>
  <div>{{code|0}}</div>
  <div>{{code|<nowiki>{{Hk}}</nowiki>}}<br>
    {{code|<nowiki>{{HCard|o=1}}</nowiki>}}</div>
  <div>{{code|<nowiki>{{HCard}}</nowiki>}} '''''Optional''''': white text outline thickness in px units.</div>
</div>

[[Category:HanabiCards]]