Template:Hero card2: Difference between revisions

(42 intermediate revisions by 14 users not shown)

Line 1:

<~~div class~~="~~HeroCard2" style="display~~:inline-block; border-radius: 2px; overflow:hidden; position: relative; background-image: linear-gradient(#A69885, #72695A); width: 132px; height: 179px; box-shadow: 0px 0px 20px #00000090; transition: 0.~~1s transform ease-in-out;~~">

<templatestyles src="Template:Hero card2/styles.css" /><includeonly><!--

<~~span~~>~~[[File:{{{Image|{{{name|Abrams}}}}}} card.png|132px|link={{{name|Abrams}}}]]</span>~~

<~~p style="position: absolute; bottom: 5px; text-align: center; width: 100%; font-family: serif; font-weight: bold; color: #FFEFD7; text~~-~~shadow: 0px 0px 8px black, 0px 0px 8px black, 0px 0px 8px black; font~~-~~size: {{{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| 64px|link={{{name|Abrams}}}]]

~~</div>~~

~~<noinclude~~>~~[[Category~~:~~Templates]]~~<~~templatedata~~>

vars:

{

heroName (1) / default Abrams

~~"params"~~: {

cardSize

~~"Image"~~: {

textSize

~~"label"~~: ~~"Hero Portrait",~~

isHeroLabs

~~"description"~~: ~~"If not set~~. ~~The hero portrait will default to \"Name card.png\"",~~

overrideDisplayName

~~"type"~~: ~~"string"~~

overrideLinkTooltip

},

overrideLinkImage

~~"name"~~: {

overrideLinkClick

~~"label"~~: ~~"Hero Name",~~

~~"description"~~: ~~"Name of the hero. Also determines the wiki page",~~

-->{{#vardefine:heroName|{{{heroName|{{{1|Abrams}}}|}}}}}<!--

~~"type"~~: ~~"string",~~

~~"suggestedvalues"~~: [

-->{{#vardefine:cardSize|{{{cardSize|130}}}}}<!--

~~"Abrams"~~

-->{{#vardefine:imageSize|{{#expr: ({{#var:cardSize}} * 0.923) round 0 }}}}<!--

],

~~"default~~": ~~"Abrams"~~

-->{{#vardefine:textSize|{{{textSize|24}}}}}<!--

},

"~~text-size~~": {

-->{{#vardefine:isHeroLabs|{{#ifeq:{{{isHeroLabs|false}}}|true|HeroLabs}}}}<!--

"~~label~~"~~: "Text Size",~~

"~~description~~": ~~"Default is 24px~~. ~~Change if the hero name doesnt fit.",~~

-->{{#vardefine:displayName|{{#invoke:Lang|get_string|{{#invoke:HeroData|get_hero_key|{{#var:heroName}}}}}}}}<!--

"~~type~~": "~~string~~",

-->{{#vardefine:displayName|{{#if:{{#var:displayName}}|{{#var:displayName}}|{{#var:heroName}}}}}}<!--

"~~suggestedvalues~~"~~: [~~

-->{{#vardefine:displayName|{{{overrideDisplayName|{{#var:displayName}}}}}}}<!--

"~~24px~~"

]

-->{{#vardefine:linkTooltip|{{{overrideLinkTooltip|{{#var:heroName}}}}}}}<!--

},

-->{{#vardefine:linkImage|{{{overrideLinkImage|{{#var:heroName}}}}}}}<!--

"~~recommended~~": {

-->{{#vardefine:linkClick|{{{overrideLinkClick|{{#var:heroName}}{{If lang}}}}}}}<!--

~~"label~~": ~~"Recommended for new players",~~

-->

"~~description~~"~~: "Is this~~ hero ~~recommended for new players?",~~

~~"type~~": "~~boolean",~~

~~"default"~~: ~~"false"~~

<div class="HeroImage">[[File:{{#var:linkImage}}_vertical.png|{{#var:imageSize}}px|link=]]</div>

}

}

}

</~~templatedata~~></noinclude>

<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>

Template:Hero card2: Difference between revisionsGive feedback

Jannepg (talk | contribs)

@@ Line 1: / Line 1: @@
-<div class="HeroCard2" style="display:inline-block; border-radius: 2px; overflow:hidden; position: relative; background-image: linear-gradient(#A69885, #72695A); width: 132px; height: 179px; box-shadow: 0px 0px 20px #00000090; transition: 0.1s transform ease-in-out;">
+<templatestyles src="Template:Hero card2/styles.css" /><includeonly><!--
-<span>[[File:{{{Image|{{{name|Abrams}}}}}} card.png|132px|link={{{name|Abrams}}}]]</span>
-<p style="position: absolute; bottom: 5px; text-align: center; width: 100%; font-family: serif; font-weight: bold; color: #FFEFD7; text-shadow: 0px 0px 8px black, 0px 0px 8px black, 0px 0px 8px black; font-size: {{{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| 64px|link={{{name|Abrams}}}]]
-</div>
-</div>
-</div>
-<noinclude>[[Category:Templates]]<templatedata>
+vars:
-{
+  heroName (1) / default Abrams
-	"params": {
+  cardSize
-		"Image": {
+  textSize
-			"label": "Hero Portrait",
+  isHeroLabs
-			"description": "If not set. The hero portrait will default to \"Name card.png\"",
+  overrideDisplayName
-			"type": "string"
+  overrideLinkTooltip
-		},
+  overrideLinkImage
-		"name": {
+  overrideLinkClick
-			"label": "Hero Name",
-			"description": "Name of the hero. Also determines the wiki page",
+-->{{#vardefine:heroName|{{{heroName|{{{1|Abrams}}}|}}}}}<!--
-			"type": "string",
-			"suggestedvalues": [
+-->{{#vardefine:cardSize|{{{cardSize|130}}}}}<!--
-				"Abrams"
+-->{{#vardefine:imageSize|{{#expr: ({{#var:cardSize}} * 0.923) round 0 }}}}<!--
-			],
-			"default": "Abrams"
+-->{{#vardefine:textSize|{{{textSize|24}}}}}<!--
-		},
-		"text-size": {
+-->{{#vardefine:isHeroLabs|{{#ifeq:{{{isHeroLabs|false}}}|true|HeroLabs}}}}<!--
-			"label": "Text Size",
-			"description": "Default is 24px. Change if the hero name doesnt fit.",
+-->{{#vardefine:displayName|{{#invoke:Lang|get_string|{{#invoke:HeroData|get_hero_key|{{#var:heroName}}}}}}}}<!--
-			"type": "string",
+-->{{#vardefine:displayName|{{#if:{{#var:displayName}}|{{#var:displayName}}|{{#var:heroName}}}}}}<!--
-			"suggestedvalues": [
+-->{{#vardefine:displayName|{{{overrideDisplayName|{{#var:displayName}}}}}}}<!--
-				"24px"
-			]
+-->{{#vardefine:linkTooltip|{{{overrideLinkTooltip|{{#var:heroName}}}}}}}<!--
-		},
+-->{{#vardefine:linkImage|{{{overrideLinkImage|{{#var:heroName}}}}}}}<!--
-		"recommended": {
+-->{{#vardefine:linkClick|{{{overrideLinkClick|{{#var:heroName}}{{If lang}}}}}}}<!--
-			"label": "Recommended for new players",
+-->
-			"description": "Is this hero recommended for new players?",
+<div class="HeroCard {{#var:isHeroLabs}}" style="width:{{#var:cardSize}}px;">
-			"type": "boolean",
+  <div class="CardBacker"></div>
-			"default": "false"
+  <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>
-</templatedata></noinclude>
+  <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>