| Latest revision |
Your text |
| Line 1: |
Line 1: |
| <templatestyles src="Template:Hero card2/styles.css" /><includeonly><!-- | | < div class=" HeroCard2" style="display: inline- block; border- radius: 8px; overflow: hidden; position: relative; background-image: linear-gradient( #A69885, #72695A) ; max- width: 132px; width: 30%; height: auto; box- shadow: 2px 2px 10px rgba( 0, 0, 0, 0. 5) ; transition: 0 .1s transform ease- in- out;"><span> [[File:{{ {Image|{{{ name| Abrams}}}}}} card.png|132px|link={{{ link|{{{ name| Abrams}}}}}} ]]< /span> <p style="position: absolute; bottom: 5px; text-align: center; width: 100%; font- weight: bold; font- family: 'Forevs Demo', 'PT Serif','Palatino','Georgia',serif; color: # FFEFD7; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 8px rgba(0, 0, 0, 0.5); font- size: min(5vw, {{{ text-size| 24}}} px); letter- spacing: 0.5px; margin: 0; text- transform: uppercase; text- overflow: ellipsis; pointer- events: none;">{{{ name| Abrams}}}< /p> <div style="display: {{# ifeq: {{{ recommended| false}}} | true | inline| none }} ; top: 0; right: 0; position: absolute;"><div position: relative;>[[File: Recommended icon backer.png| 56px |link={{{name |Abrams}}}]]</div></div></ div><noinclude>{{Documentation}}</noinclude> |
| | |
| vars:
| |
| heroName (1) / default Abrams
| |
| cardSize
| |
| textSize
| |
| isHeroLabs
| |
| overrideDisplayName
| |
| overrideLinkTooltip
| |
| overrideLinkImage
| |
| overrideLinkClick
| |
| | |
| -->{{#vardefine:heroName|{{{heroName|{{{1|Abrams}}}|}}}}}<!-- | |
| | |
| -->{{#vardefine:cardSize|{{{cardSize|130}}}}}<!--
| |
| -->{{#vardefine:imageSize|{{#expr: ({{#var:cardSize}} * 0.923) round 0 }}}}<!-- | |
| | |
| -->{{#vardefine:textSize|{{{textSize|24}}}}}<!-- | |
| | |
| -->{{#vardefine:isHeroLabs|{{#ifeq:{{{isHeroLabs|false}}}|true|HeroLabs}}}}<!--
| |
| | |
| -->{{#vardefine:displayName|{{#invoke:Lang|get_string|{{#invoke:HeroData|get_hero_key|{{#var:heroName}}}}}}}}<!--
| |
| -->{{#vardefine:displayName|{{#if:{{#var:displayName}}|{{#var:displayName}}|{{#var:heroName}}}}}}<!--
| |
| -->{{#vardefine:displayName|{{{overrideDisplayName|{{#var:displayName}}}}}}}<!--
| |
| | |
| -->{{#vardefine:linkTooltip|{{{overrideLinkTooltip|{{#var:heroName}}}}}}}<!-- | |
| -->{{#vardefine:linkImage|{{{overrideLinkImage|{{#var:heroName}}}}}}}<!--
| |
| -->{{#vardefine:linkClick|{{{overrideLinkClick|{{#var:heroName}}{{If lang}}}}}}}<!--
| |
| -->
| |
| <div class="HeroCard {{#var:isHeroLabs}}" style="width:{{#var:cardSize}}px;">
| |
| <div class="CardBacker"></div> | |
| <div class="HeroImage">[[File:{{#var:linkImage}}_vertical.png|{{#var:imageSize}}px|link=]]</div>
| |
| <div class="HeroLabsSticker"></div>
| |
| <div class="CardShape"></div>
| |
| <div class="GradiantOverlay"></div>
| |
| <p class="HeroLabsText">{{#invoke:Lang|get_string|MyRosterHeroLabsHero|fallback_str=en}}</p>
| |
| <p class="HeroName" style="--text-size:{{#var:textSize}}px;">{{#var:displayName}}</p>
| |
| <div class="hero-link-wrapper" data-hero-name="{{#var:linkTooltip}}">[[{{#var:linkClick}}|<span></span>]]</div>
| |
| </div></includeonly><noinclude>{{Documentation}}</noinclude> | |
