Template:HeroRosterCard: Difference between revisionsGive feedback
Fix alignment of hero renders |
Gammaton32 (talk | contribs) simplified variables to call for name from hero key |
||
| Line 1: | Line 1: | ||
<onlyinclude> | <onlyinclude> | ||
<div style="display:inline-block; margin: 15px 10px; width: 100%; max-width: 720px; box-sizing: border-box;"> | {{#vardefine:hero|{{#invoke:Lang|get_string|{{{key}}}|lang_code_override=en}}}}<!-- | ||
--><div style="display:inline-block; margin: 15px 10px; width: 100%; max-width: 720px; box-sizing: border-box;"> | |||
{|- style="table-layout: fixed; width: 100%; text-align:left; background-image: linear-gradient(30deg, #e8be86, #fdf5e8); border-collapse:collapse; border-radius: 55px; font-size: 12px; color:#000000; font-family:'Valve Pulp','Retail Demo Regular','Open Sans', 'PT Serif','Palatino','Georgia',serif;" | {|- style="table-layout: fixed; width: 100%; text-align:left; background-image: linear-gradient(30deg, #e8be86, #fdf5e8); border-collapse:collapse; border-radius: 55px; font-size: 12px; color:#000000; font-family:'Valve Pulp','Retail Demo Regular','Open Sans', 'PT Serif','Palatino','Georgia',serif;" | ||
| rowspan="3" style="width: 38%; min-width: 120px; overflow: hidden;" | <div class="HeroCard2 hide-parent-td-mobile" style="height: 280px; display: flex; align-items: center; justify-content: center; transition: 0.08s transform ease-in-out;">[[File:{{ | | rowspan="3" style="width: 38%; min-width: 120px; overflow: hidden;" | <div class="HeroCard2 hide-parent-td-mobile" style="height: 280px; display: flex; align-items: center; justify-content: center; transition: 0.08s transform ease-in-out;">[[File:{{#var:hero}} Render.png|270x280px|link={{#var:hero}}{{If_lang}}]]</div> | ||
| style="text-align:center; background-color: #FCEED4; height:45px; font-size: clamp(24px, 5vw, 40px); color:#000000; line-height:8px; vertical-align: middle; border-top-right-radius: 55px;" colspan="2" | {{If lang | | style="text-align:center; background-color: #FCEED4; height:45px; font-size: clamp(24px, 5vw, 40px); color:#000000; line-height:8px; vertical-align: middle; border-top-right-radius: 55px;" colspan="2" | {{If lang | ||
| <!-- 1st Parameter: English/Default --> | | <!-- 1st Parameter: English/Default --> | ||
<div>{{#ifeq: {{{no_name|}}}|true|'''[[{{{hero_link|{{ | <div>{{#ifeq: {{{no_name|}}}|true|'''[[{{{hero_link|{{#var:hero}}}}}|<span style=color:#000000>{{{hero_loc|{{#var:hero}}}}}</span>]]'''|{{Template:Icon/Black|[[File:{{#var:hero}}_name.png|x40px|link={{#var:hero}}]]}}}}</div> | ||
| <!-- 2nd Parameter: Other Languages --> | | <!-- 2nd Parameter: Other Languages --> | ||
'''[[{{{hero_link|{{ | '''[[{{{hero_link|{{#var:hero}}}}}{{If_lang}}|<span style=color:#000000>{{{hero_loc|{{#var:hero}}}}}</span>]]''' | ||
}} | }} | ||
|- style="background-color: #FCEED4; font-size: clamp(14px, 1.8vw, 25px); color:#000000; height:5px; text-align:center; font-weight:bold;" | |- style="background-color: #FCEED4; font-size: clamp(14px, 1.8vw, 25px); color:#000000; height:5px; text-align:center; font-weight:bold;" | ||
| colspan="2" | {{#ifeq: {{{no_tags|}}}|true||{{#invoke:HeroData|get_hero_tag|{{ | | colspan="2" | {{#ifeq: {{{no_tags|}}}|true||{{#invoke:HeroData|get_hero_tag|{{#var:hero}}|1}} - {{#invoke:HeroData|get_hero_tag|{{#var:hero}}|2}} - {{#invoke:HeroData|get_hero_tag|{{#var:hero}}|3}}}} | ||
|- style="background-color:#FCEED4; font-size:14px; color:#000000; height:50px; text-align:center; border-bottom-right-radius: 55px;" | |- style="background-color:#FCEED4; font-size:14px; color:#000000; height:50px; text-align:center; border-bottom-right-radius: 55px;" | ||
| colspan="2" | {{AbilityCircle|name={{{Ability1|{{#invoke:Abilities|get_ability_name|{{{key|hero_atlas}}}|1}}}}}|iconsize=48|bgsize=69}} {{AbilityCircle|name={{{Ability2|{{#invoke:Abilities|get_ability_name|{{{key|hero_atlas}}}|2}}}}}|iconsize=48|bgsize=69}} {{AbilityCircle|name={{{Ability3|{{#invoke:Abilities|get_ability_name|{{{key|hero_atlas}}}|3}}}}}|iconsize=48|bgsize=69}} {{AbilityCircle|name={{{Ability4|{{#invoke:Abilities|get_ability_name|{{{key|hero_atlas}}}|4}}}}}|iconsize=48|bgsize=69}} | | colspan="2" | {{AbilityCircle|name={{{Ability1|{{#invoke:Abilities|get_ability_name|{{{key|hero_atlas}}}|1}}}}}|iconsize=48|bgsize=69}} {{AbilityCircle|name={{{Ability2|{{#invoke:Abilities|get_ability_name|{{{key|hero_atlas}}}|2}}}}}|iconsize=48|bgsize=69}} {{AbilityCircle|name={{{Ability3|{{#invoke:Abilities|get_ability_name|{{{key|hero_atlas}}}|3}}}}}|iconsize=48|bgsize=69}} {{AbilityCircle|name={{{Ability4|{{#invoke:Abilities|get_ability_name|{{{key|hero_atlas}}}|4}}}}}|iconsize=48|bgsize=69}} | ||
| Line 19: | Line 20: | ||
{{HeroRosterCard | {{HeroRosterCard | ||
|key=hero_bebop | |key=hero_bebop | ||
}} | }} | ||
{{HeroRosterCard | {{HeroRosterCard | ||
|key=hero_dynamo | |key=hero_dynamo | ||
}} | }} | ||
{{HeroRosterCard | {{HeroRosterCard | ||
|key=hero_orion | |key=hero_orion | ||
}} | }} | ||
{{HeroRosterCard | {{HeroRosterCard | ||
|key=hero_haze | |key=hero_haze | ||
}} | }} | ||
<noinclude> | <noinclude> | ||