User:Gammaton32/HeroRosterCard: Difference between revisions

No edit summary
No edit summary
 
(13 intermediate revisions by the same user not shown)
Line 2: Line 2:
<templatestyles src="Infobox_hero/themes.css" />
<templatestyles src="Infobox_hero/themes.css" />
<onlyinclude>
<onlyinclude>
{{#vardefine:quotemark|"}}
{{#vardefine:hero|{{#invoke:Lang|get_string|{{{key}}}|lang_code_override=en}}}}<!--
{{#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;">
--><div class="nav-bg" style="display:inline-block; margin: 8px 5px; max-width:400px; border-radius: 20px;">
{|- style="table-layout: fixed; width: 100%; text-align:left; background-image: linear-gradient(30deg, #e8be86, #fdf5e8); border-collapse:collapse; border-radius: 55px; border-bottom-left-radius: 0px; font-size: 12px; color:#000000; font-family:'Valve Pulp','Retail Demo Regular','Open Sans', 'PT Serif','Palatino','Georgia',serif;"
{|- style="table-layout: fixed; text-align:center; font-size: 12px; margin: 20px; 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:{{#var:hero}} Render.png|270x280px|link={{#var:hero}}{{If_lang}}]]</div>
| {{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|{{#var:hero}}}}}|<span style=color:#000000>{{{hero_loc|{{#var:hero}}}}}</span>]]'''|{{Template:Icon/Black|[[File:{{#var:hero}}_name.png|x40px|link={{#var:hero}}]]}}}}</div>
     <div>{{#ifeq: {{{no_name|}}}|true|'''[[{{{hero_link|{{#var:hero}}}}}|<span style=color:#000000>{{{hero_loc|{{#var:hero}}}}}</span>]]'''|{{Template:Icon/White|[[File:{{#var:hero}}_name.png|x40px|link={{#var:hero}}]]}}}}</div>
   | <!-- 2nd Parameter: Other Languages -->
   | <!-- 2nd Parameter: Other Languages -->
     '''[[{{{hero_link|{{#var:hero}}}}}{{If_lang}}|<span style=color:#000000>{{{hero_loc|{{#var:hero}}}}}</span>]]'''
     '''[[{{{hero_link|{{#var:hero}}}}}{{If_lang}}|<span style=color:#000000>{{{hero_loc|{{#var:hero}}}}}</span>]]'''
}}
}} <div class="HeroCard2" style="height: 280px; display: flex; align-items: center; justify-content: center;">[[File:{{#var:hero}} Render.png|270x280px|link={{#var:hero}}{{If_lang}}]]</div>
|- 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|{{#var:hero}}|1}} - {{#invoke:HeroData|get_hero_tag|{{#var:hero}}|2}} - {{#invoke:HeroData|get_hero_tag|{{#var:hero}}|3}}}}
|{{#ifeq: {{{no_tags|}}}|true
|- style="background-color:#FCEED4; font-size:14px; color:#000000; height:50px; text-align:center; border-bottom-right-radius: 55px;"
||{{Infobox hero tags|key={{{key}}}|size=1|align=center}}|}}
| 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}}
|-
| {{AbilityCircle|name={{{Ability1|{{#invoke:Abilities|get_ability_name|{{{key|hero_atlas}}}|1}}}}}|iconsize=48|bgsize=69|link={{If lang|{{{hero_link|{{#var:hero}}}}}#Abilities|{{{hero_link|{{#var:hero}}}}}{{If_lang}}}}}}  {{AbilityCircle|name={{{Ability2|{{#invoke:Abilities|get_ability_name|{{{key|hero_atlas}}}|2}}}}}|iconsize=48|bgsize=69|link={{If lang|{{{hero_link|{{#var:hero}}}}}#Abilities|{{{hero_link|{{#var:hero}}}}}{{If_lang}}}}}}  {{AbilityCircle|name={{{Ability3|{{#invoke:Abilities|get_ability_name|{{{key|hero_atlas}}}|3}}}}}|iconsize=48|bgsize=69|link={{If lang|{{{hero_link|{{#var:hero}}}}}#Abilities|{{{hero_link|{{#var:hero}}}}}{{If_lang}}}}}}  {{AbilityCircle|name={{{Ability4|{{#invoke:Abilities|get_ability_name|{{{key|hero_atlas}}}|4}}}}}|iconsize=48|bgsize=69|link={{If lang|{{{hero_link|{{#var:hero}}}}}#Abilities|{{{hero_link|{{#var:hero}}}}}{{If_lang}}}}}}
|}
|}
</div></onlyinclude>
</div></onlyinclude>
Line 21: Line 22:
{{User:Gammaton32/HeroRosterCard
{{User:Gammaton32/HeroRosterCard
|key=hero_bebop
|key=hero_bebop
}}
}}{{User:Gammaton32/HeroRosterCard
{{User:Gammaton32/HeroRosterCard
|key=hero_dynamo
|key=hero_dynamo
}}
}}{{User:Gammaton32/HeroRosterCard
{{User:Gammaton32/HeroRosterCard
|key=hero_orion
|key=hero_orion
}}
}}{{User:Gammaton32/HeroRosterCard
{{User:Gammaton32/HeroRosterCard
|key=hero_haze
|key=hero_haze
}}
}}