Template:HeroRosterCard: Difference between revisions

Jump to navigation Jump to search
LVL (talk | contribs)
Fix alignment of hero renders
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:{{{hero|Abrams}}} Render.png|270x280px|link={{{hero|Abrams}}}{{If_lang}}]]</div>
| 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|{{{hero|Abrams}}}}}}|<span style=color:#000000>{{{hero_loc|{{{hero|Abrams}}}}}}</span>]]'''|{{Template:Icon/Black|[[File:{{{hero|Abrams}}}_name.png|x40px|link={{{hero|Abrams}}}]]}}}}</div>
     <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|Abrams}}}}}}{{If_lang}}|<span style=color:#000000>{{{hero_loc|{{{hero|Abrams}}}}}}</span>]]'''
     '''[[{{{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|{{{hero|Abrams}}}|1}} - {{#invoke:HeroData|get_hero_tag|{{{hero|Abrams}}}|2}} - {{#invoke:HeroData|get_hero_tag|{{{hero|Abrams}}}|3}}}}
| 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
|hero=Bebop
|Ability1=Exploding Uppercut
|Ability2=Sticky Bomb
|Ability3=Hook
|Ability4=Hyper Beam
}}
}}
{{HeroRosterCard
{{HeroRosterCard
|key=hero_dynamo
|key=hero_dynamo
|hero=Dynamo
|Ability1=Kinetic Pulse
|Ability2=Quantum Entanglement
|Ability3=Rejuvenating Aurora
|Ability4=Singularity
}}
}}
{{HeroRosterCard
{{HeroRosterCard
|key=hero_orion
|key=hero_orion
|hero=Grey Talon
|Ability1=Charged Shot
|Ability2=Rain of Arrows
|Ability3=Immobilizing Trap
|Ability4=Guided Owl
}}
}}
{{HeroRosterCard
{{HeroRosterCard
|key=hero_haze
|key=hero_haze
|hero=Haze
|Ability1=Sleep Dagger
|Ability2=Smoke Bomb
|Ability3=Fixation
|Ability4=Bullet Dance
}}
}}
<noinclude>
<noinclude>