Template:Ability card v2/Card: Difference between revisions

From Deadlock Wiki
Jump to navigation Jump to search
No edit summary
Snes (talk | contribs)
Match in game card - added subtly gap between ability charge and cooldown boxes, and increased cast cooldown text size.
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<includeonly>{{anchor|{{{name}}}}}<div style="font-size: 1rem; line-height: 1.4; font-family: 'PT Serif', 'Palatino', 'Georgia', serif; color: #FFEFD7; display:flex; flex-direction:column; background: rgb(52,52,52); background: linear-gradient(90deg, rgba(52,52,52,1) 0%, rgba(66,66,66,1) 14%, rgba(77,77,77,1) 100%); align-items: center; max-width: 500px; border-radius: 13px;">
<includeonly>{{anchor|{{{name}}}}}<div style="font-size: 1rem; line-height: 1.4; font-family: 'Retail Demo Regular', 'PT Serif', serif; color: #FFEFD7; display:flex; flex-direction:column; background: rgb(52,52,52); background: linear-gradient(90deg, rgba(52,52,52,1) 0%, rgba(66,66,66,1) 14%, rgba(77,77,77,1) 100%); align-items: center; width: 100%; max-width: 500px; border-radius: 4px;">


   <!-- HEADER -->
   <!-- HEADER -->
Line 6: Line 6:
       <div style="display:flex; flex-direction:column;">
       <div style="display:flex; flex-direction:column;">
         <div style="font-size: 1.6rem;">
         <div style="font-size: 1.6rem;">
<span style="filter: brightness(0) saturate(100%) invert(98%) sepia(19%) saturate(1458%) hue-rotate(301deg) brightness(102%) contrast(109%); padding: 0 5px 0 7px">[[File:{{{icon}}}|45px|link=]]</span>{{#if:{{{name_link|}}}|[[{{{name_link}}}|{{{name}}}]]|{{{name}}}}}
<span style="filter: brightness(0) saturate(100%) invert(98%) sepia(19%) saturate(1458%) hue-rotate(301deg) brightness(102%) contrast(109%); padding: 0 5px 0 7px">[[File:{{{icon}}}|45px|link=]]</span><span style="font-family:Retail Demo bold;">{{#if:{{{name_link|}}}|[[{{{name_link}}}|{{{name}}}]]|{{{name}}}}}</span>
     </div>
     </div>
         <div style="display:flex; flex-direction:row; margin-left: 10px;">
         <div style="display:flex; flex-direction:row; margin-left: 10px;">
Line 18: Line 18:
         <div style="display:flex; flex-direction:row; justify-content: flex-end; margin-bottom: 5px; margin-right: 20px;">
         <div style="display:flex; flex-direction:row; justify-content: flex-end; margin-bottom: 5px; margin-right: 20px;">
           {{Ability_card_v2/HeaderAttr|{{{num_of_charges|}}}|icon=[[File:AttributeIconMaxChargesIncrease.png|20px|link=]]|style=margin-right: 0;}}
           {{Ability_card_v2/HeaderAttr|{{{num_of_charges|}}}|icon=[[File:AttributeIconMaxChargesIncrease.png|20px|link=]]|style=margin-right: 0;}}
           {{Ability_card_v2/HeaderAttr|{{{charge_cooldown|}}}|uom=s|icon=[[File:AttributeIconTechCooldownBetweenChargeUses.png|15px|link=Cooldowns]]|style=font-size: 12px; background-color: #242424; margin-right: 0;}}
           {{Ability_card_v2/HeaderAttr|{{{charge_cooldown|}}}|uom=s|icon=[[File:AttributeIconTechCooldownBetweenChargeUses.png|16px|link=Cooldowns]]|style=margin-left: 1px; margin-right: 0}}
         </div>
         </div>
           {{Ability_card_v2/HeaderAttr|{{{cooldown|}}}|uom=s|icon=[[File:AttributeIconTechCooldown.png|20px|link=Cooldowns]]}}
           {{Ability_card_v2/HeaderAttr|{{{cooldown|}}}|uom=s|icon=[[File:AttributeIconTechCooldown.png|20px|link=Cooldowns]]}}
Line 27: Line 27:
   <!-- INFO SECTIONS -->
   <!-- INFO SECTIONS -->
<div style="margin: 5px 10px 0px 10px; padding: 3px 0 5px 0; width: calc(100% - 18px);">
<div style="margin: 5px 10px 0px 10px; padding: 3px 0 5px 0; width: calc(100% - 18px);">
     {{#invoke: AbilityData|get_all_info_sections|{{{hero_key}}}|{{{ability_num}}}}}
     {{#invoke: Abilities/card|get_all_info_sections|{{{hero_key}}}|{{{ability_num}}}}}
</div>
</div>


   <!-- UPGRADES -->
   <!-- UPGRADES -->
   <div style="display:flex; flex-direction:row; flex-wrap: wrap; margin-bottom: 5px; justify-content: center; width: calc(97% - 16px); min-width: 280px;>
   <div style="display:flex; flex-direction:row; flex-wrap: wrap; margin-bottom: 5px; justify-content: center; width: calc(97% - 16px); min-width: 280px;>
     {{#invoke: AbilityData|get_upgrades|{{{hero_key}}}|{{{ability_num}}}}}
     {{#invoke: Abilities/card|get_upgrades|{{{hero_key}}}|{{{ability_num}}}}}
   </div>
   </div>
   <!-- NOTES -->
   <!-- NOTES -->
Line 50: Line 50:
   </div>}}
   </div>}}
</div></includeonly><noinclude>
</div></includeonly><noinclude>
<code><nowiki>Eg. {{#invoke:AbilityData|get_ability_card|<hero_name>|<ability_number>|<link_on_name>|<notes>}}
<code><nowiki>Eg. {{#invoke:Abilities/card|get_ability_card|<hero_name>|<ability_number>|<link_on_name>|<notes>}}
</nowiki></code>
</nowiki></code>
{{#invoke:AbilityData|get_ability_card|Abrams|3|false}}
{{#invoke:Abilities/card|get_ability_card|Abrams|3|false}}
</noinclude>
</noinclude>

Latest revision as of 17:22, 31 October 2024

Eg. {{#invoke:Abilities/card|get_ability_card|<hero_name>|<ability_number>|<link_on_name>|<notes>}}

Infernal Resilience




Regenerate a portion of incoming damage over time.

11%

Damage regenerated


20s

Regeneration Time


1  Health Regen

Ability Point 1
+1.5 Health Regen


Ability Point 2
+150 Health


Ability Point 5
+5.5% Damage regenerated