Editing Template:Hero card2Give feedback

<div class="HeroCard2" style="display:inline-block; border-radius: 8px; overflow:hidden; position: relative; background-image: {{#ifeq: {{{herolabs|false}}} | true | linear-gradient(#ce9b54, #674915)| linear-gradient(#A69885, #72695A) }}; max-width: {{{card_size|132}}}px; 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|{{{card_size|132}}}px|link={{{link|{{{name|Abrams}}}}}}]]</span><p style="display: {{#ifeq: {{{herolabs|false}}} | true | block| none }}; position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); text-align: center; width: fit-content; font-size: 8px; margin: 0; pointer-events: none; border-radius: 2px; background-color: #d36c16ee; padding: 1px 4px 0px 4px; font-family: Tahoma, sans-serif; color: white; font-weight: bold; max-height: 15px;">HERO LABS</p><p style="position: absolute; bottom: 0px; 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|{{{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 style="display: {{#ifeq: {{{herolabs|false}}} | true | inline| none }}; top:0; right:0; position: absolute;"><div position: relative;>[[File:Herolabs_icon_backer.png | 56px |link={{{name|Abrams}}}]]</div></div></div><noinclude>{{Documentation}}</noinclude>
@@ 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: {{#ifeq: {{{herolabs|false}}} | true | linear-gradient(#ce9b54, #674915)| linear-gradient(#A69885, #72695A) }}; max-width: {{{card_size|132}}}px; 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|{{{card_size|132}}}px|link={{{link|{{{name|Abrams}}}}}}]]</span><p style="display: {{#ifeq: {{{herolabs|false}}} | true | block| none }}; position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); text-align: center; width: fit-content; font-size: 8px; margin: 0; pointer-events: none; border-radius: 2px; background-color: #d36c16ee; padding: 1px 4px 0px 4px; font-family: Tahoma, sans-serif; color: white; font-weight: bold; max-height: 15px;">HERO LABS</p><p style="position: absolute; bottom: 0px; 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|{{{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 style="display: {{#ifeq: {{{herolabs|false}}} | true | inline| none }}; top:0; right:0; position: absolute;"><div position: relative;>[[File:Herolabs_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>