Template:HeroRosterCard: Difference between revisions

made bottom left corner sharp to better fit image style
Line 1: Line 1:
<templatestyles src="Infobox_hero/styles.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>


 
{{User:Gammaton32/HeroRosterCard
{{HeroRosterCard
|key=hero_bebop
|key=hero_bebop
}}
}}{{User:Gammaton32/HeroRosterCard
{{HeroRosterCard
|key=hero_dynamo
|key=hero_dynamo
}}
}}{{User:Gammaton32/HeroRosterCard
{{HeroRosterCard
|key=hero_orion
|key=hero_orion
}}
}}{{User:Gammaton32/HeroRosterCard
{{HeroRosterCard
|key=hero_haze
|key=hero_haze
}}
}}
<noinclude>
<templatedata>
{
"params": {
"lang": {
"description": "Language of descriptions. Optional.",
"example": "English",
"default": "English"
},
"hero_link": {
"description": "Link for hero page. Optional",
"example": "Abrams"
},
"hero_loc": {
"description": "Override hero name. Optional.",
"example": "Abrams"
},
"Ability1": {
"description": "The name of the character's first ability.",
"example": "Siphon Life"
},
"Ability2": {
"description": "The name of the character's second ability.",
"example": "Shoulder Charge",
"default": "Shoulder Charge"
},
"Ability3": {
"description": "The name of the character's third ability.",
"example": "Infernal Resilience",
"default": "Infernal Resilience"
},
"Ability4": {
"description": "The name of the character's ultimate.",
"example": "Seismic Impact",
"default": "Seismic Impact"
},
"key": {
"description": "Internal name of the Hero, used to fill all parameters.",
"example": "hero_atlas, hero_bebop",
"required": true
},
"no_name": {
"description": "Use plain text for hero name instead of image (localized names don't use image by default)",
"type": "boolean",
"default": "true"
},
"no_tags": {
"description": "Don't use hero tags",
"type": "boolean",
"default": "true"
}
},
"paramOrder": [
"key",
"no_name",
"no_tags",
"lang",
"hero_link",
"hero_loc",
"Ability1",
"Ability2",
"Ability3",
"Ability4"
]
}
</templatedata>
</noinclude>