Template:Hero card2: Difference between revisions

Jannepg (talk | contribs)
m Improved formatting
Jannepg (talk | contribs)
hero card redesign
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
<templatestyles src="Hero card2/styles.css" />
<templatestyles src="Template:Hero card2/styles.css" /><includeonly><!--
<includeonly>
 
<div class="HeroCard2 {{#ifeq: {{{herolabs|false}}} | true | herolabs | }}" style="--card-size: {{{card_size|132}}}px; --herolabs-text-size: {{{herolabs_text_size|6}}}px; --text-size: {{{text_size|{{{text-size|24}}}}}}px;"><span class="HeroCard2-image">[[File:{{{Image|{{{link|{{{name|Abrams}}}}}}}}} card.png|{{{card_size|132}}}px|link={{{link|{{{name|Abrams}}}}}}{{{subpage|}}}|alt={{{name|Abrams}}}]]</span>
vars:
   <p class="HeroCard2-herolabs-text">{{#invoke:Lang|get_string|MyRosterHeroLabsHero|fallback_str=en}}</p>
  heroName (1) / default Abrams
   <p class="HeroCard2-name">{{{name|Abrams}}}</p>
  cardSize
   <div class="HeroCard2-sticker">
  textSize
    <div class="HeroCard2-sticker-inner">[[File:Herolabs_icon_backer.png|{{{sticker_size|56}}}px|link={{{link|{{{name|Abrams}}}}}}{{{subpage|}}}]]</div>
  isHeroLabs
  </div>
  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>
</div></includeonly><noinclude>{{Documentation}}</noinclude>