Template:WeaponCard: Difference between revisions

adjusted font weight to be more accurate
removing inline css because we have templatestyles now!
 
(3 intermediate revisions by the same user not shown)
Line 7: Line 7:
-->{{#vardefine:hero_en|{{{1}}}}}<!-- en
-->{{#vardefine:hero_en|{{{1}}}}}<!-- en
-->}}
-->}}
<div class="weaponcard-container" style="width:570px; font-family: 'Retail Demo','Open Sans',serif; color:#ffefd7">
<div class="weaponcard-container">
<div class="weapon-display" style="width:100%;display:inline-flex; height:150px; overflow:hidden; border-radius:5px 5px 0 0">
<div class="weapon-display">
<div class="name-stats-container" style="width:auto; display:flex; flex-direction:column; padding:20px 15px; flex-start; gap:5px">
<div class="name-stats-container">
<div style="font-size:24px">'''{{{weapon_name|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|NameKey|true}}}}}'''</div>
<div class="weapon-name">'''{{{weapon_name|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|NameKey|true}}}}}'''</div>
<div style="display:flex; gap:10px; min-width: fit-content; flex-wrap: wrap; justify-content: center;">
<div class="weapon-type-container">
<div style="padding:3px 5px; border-radius:5px; background:#0000005c">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|1|true}}</div>
{{#if:{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|1|true}}
{{#if:{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|2|true}}
|<div class="weapon-type">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|1|true}}</div>
|<div style="padding:3px 5px; border-radius:5px; background:#0000005c">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|2|true}}</div>
|}}<!--
-->{{#if:{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|2|true}}
|<div class="weapon-type">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|2|true}}</div>
|}}<!--
|}}<!--
-->{{#if:{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|3|true}}
-->{{#if:{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|3|true}}
|<div style="padding:3px 5px; border-radius:5px; background:#0000005c">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|3|true}}</div>
|<div class="weapon-type">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|3|true}}</div>
|}}
|}}
</div></div>
</div></div>
<div class="second-half-container" style="flex-grow:1; display:flex; justify-content:flex-end; position:relative">
<div class="second-half-container">
<div class="dps-text" style="position:absolute; z-index:2; padding:10px 15px; font-size:15px; font-weight:600">[[File:Bullet_damage.png|20px|link=Damage per second]] <span style="color:#ffefd7;>{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|DPS|2}}</span> <span style="color:#ccbca8;">{{#invoke:Lang|get_string|DPS_label}}</span>
<div class="dps-text">[[File:Bullet_damage.png|20px|link=Damage per second]] <span style="color:#ffefd7;>{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|DPS|2}}</span> <span style="color:#ccbca8;">{{#invoke:Lang|get_string|DPS_label}}</span>
</div>
</div>
<div class="falloff-range-container" style="position:absolute; bottom:0; z-index:2; display:flex; flex-direction:column;
<div class="falloff-range-container">
background:#0000005c; padding: 0px 10px 5px 10px">
<div class="falloff-range-text">{{#invoke:Lang|get_string|CitadelHeroStats_Weapon_Falloff}}</div><!--
<div class="falloff-range-text" style="text-transform:uppercase; font-size:12px; font-weight:600; color:#968d7f; font-family: 'Retail Demo','Open Sans',serif;">{{#invoke:Lang|get_string|CitadelHeroStats_Weapon_Falloff}}</div><!--
--><div class="falloff-range-numbers">{{#ifeq:{{{no_falloff|}}}|true|N/A|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|FalloffStartRange|2}}{{#invoke:Lang|get_string|StatDesc_WeaponRangeFalloffMin_postfix}}  ➞ {{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|FalloffEndRange|2}}{{#invoke:Lang|get_string|StatDesc_WeaponRangeFalloffMax_postfix}}}}</div>
--><div class="falloff-range-numbers" style="text-align:center; color:#ffefd7; font-weight:600">{{#ifeq:{{{no_falloff|}}}|true|N/A|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|FalloffStartRange|2}}{{#invoke:Lang|get_string|StatDesc_WeaponRangeFalloffMin_postfix}}  ➞ {{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|FalloffEndRange|2}}{{#invoke:Lang|get_string|StatDesc_WeaponRangeFalloffMax_postfix}}}}</div>
</div>
</div>
<div class="weapon-image" style="width: 100%; position: absolute; height: 100%; box-sizing: border-box; padding: 15px 0 0 15px; display: flex; justify-content: flex-end;">{{#ifexist:File:{{#var:hero_en}} Weapon.png|[[File:{{#var:hero_en}} Weapon.png|320x200px|link=]]|[[File:Placeholder Weapon.png|320x200px|link=]]}}
<div class="weapon-image">{{#ifexist:File:{{#var:hero_en}} Weapon.png|[[File:{{#var:hero_en}} Weapon.png|320x200px|link=]]|[[File:Placeholder Weapon.png|320x200px|link=]]}}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="notes-box" style="padding:5px 5px 5px 10px; border-radius: 0 0 5px 5px; display:flex; align-items:center;">{{#ifeq:{{{no_description|}}}|true||{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|DescKey|true}}}}</div>
<div class="notes-box">{{#ifeq:{{{no_description|}}}|true||{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|DescKey|true}}}}</div>
</div></includeonly><noinclude>{{Documentation}}</noinclude>
</div></includeonly><templatestyles src="WeaponCard/styles.css"/><noinclude>{{Documentation}}</noinclude>