The Deadlock Wiki

Template:Ability card v2/Card: Difference between revisions

Browse history interactively
← Older edit

~2026-RejuvenatorTrooperGreen770 (talk)

4 edits
undo
VisualWikitext
No edit summary
Remove {{uc:}} from ability name so it displays in its native capitalization (with help from vergir-bot LLM)
 
(119 intermediate revisions by 9 users not shown)
Line 1: Line 1:
<includeonly>{{anchor|{{{name}}}}}
<includeonly><templatestyles src="Ability card v2/Card/styles.css" />{{anchor|{{{name}}}}}<div id="{{{id|}}}" class="ability-card">
<div style="font-size: 16px; font-family: 'PT Serif', 'Palatino', 'Georgia'; display:flex; flex-direction:column; background-color: black; align-items: center">
 
   <!-- HEADER -->
   <!-- HEADER -->
   <div style="display:flex; flex-direction:row; justify-content: space-between; width: 100%;">     
   <div class="ac-header-wrapper">
    <div style="display:flex; flex-direction:column;">
    <div class="ac-header">     
      <div style="font-size: 26px">{{{name}}}</div>
      <div class="ac-header-left">
      <div>{{{radius}}}</div>
        <div class="ac-title">
      <div>{{{range}}} </div>
<span class="ac-icon">[[File:{{{icon}}}|45px|link=]]</span><span class="ac-name">{{#if:{{{name_link|}}}|[[{{{name_link}}}|{{{name}}}]]|{{{name}}}}}</span>
      <div>{{{ability_width}}} </div>
      <div>{{{duration}}}</div>
     </div>
     </div>
        <div class="ac-header-attrs">
          {{Ability_card_v2/Card/HeaderAttr|{{{channel_time|}}}|id=AbilityChannelTime|uom=s|scale={{{channel_time_scale|}}}|scale_type={{{channel_time_scale_type|}}}|icon=[[File:AttributeIconMaxChargesIncrease.png|Channel Time|20px|link=]]}}
          {{Ability_card_v2/Card/HeaderAttr|{{{range|}}}|id=AbilityCastRange|scale={{{range_scale|}}}|scale_type={{{range_scale_type|}}}|uom=m|icon=[[File:CastRange.png|Cast Range|20px|link=]]}}
          {{Ability_card_v2/Card/HeaderAttr|{{{radius|}}}|id=Radius|scale={{{radius_scale|}}}|scale_type={{{radius_scale_type|}}}|uom=m|icon=[[File:AttributeIconTechRange.png|Radius|20px|link=]]}}
          {{Ability_card_v2/Card/HeaderAttr|{{{ability_width|}}}|id=ability_width|uom=m|icon=[[File:AttributeIconTechRange.png|Width|20px|link=]]}}
          {{Ability_card_v2/Card/HeaderAttr|{{{duration|}}}|id=AbilityDuration|uom=s|scale={{{duration_scale|}}}|scale_type={{{duration_scale_type|}}}|icon=[[File:AttributeIconTechDuration.png|Duration|20px|link=]]}}
        </div>
      </div>
      <div class="ac-header-right">
        <div class="ac-charge-row">
          {{Ability_card_v2/Card/HeaderAttr|{{{num_of_charges|}}}|id=AbilityCharges|icon=[[File:AttributeIconMaxChargesIncrease.png|Number of Charges|20px|link=]]|style=margin-right: 0;|hide={{#ifeq: {{{num_of_charges|}}} | 0 | true }}}}
          {{Ability_card_v2/Card/HeaderAttr|{{{charge_cooldown|}}}|id=AbilityCooldownBetweenCharge|scale={{{charge_cooldown_scale|}}}|scale_type={{{charge_cooldown_scale_type|}}}|uom=s|icon=[[File:AttributeIconTechCooldownBetweenChargeUses.png|Charge Cooldown|16px|link=]]|style=margin-left: 1px; margin-right: 0}}
        </div>
          {{Ability_card_v2/Card/HeaderAttr|{{{cooldown|}}}|id=AbilityCooldown|scale={{{cooldown_scale|}}}|scale_type={{{cooldown_scale_type|}}}|uom=s|icon=[[File:AttributeIconTechCooldown.png|Cooldown|20px|link=]]}}
      </div>
    </div>
  </div>
 
<!-- INFO SECTIONS -->
<div class="ac-info-outer">
  <!-- Info Section #1 -->
  <div id="ability-info1" class="ability-info ac-info-section {{#ifeq:{{{hide_info1|}}}|true|hide}}">
    <div class="ac-info-desc">{{{info1_desc|}}}</div>
      <!-- Main Info -->
      <div class="ac-info-main">
        {{{info1_mainbox1|}}}{{{info1_mainbox2|}}}{{{info1_mainbox3|}}}{{{info1_mainbox4|}}}{{{info1_mainbox5|}}}
      </div>


    <div style="display:flex; flex-direction:column;">
      <!-- Alt Info -->
       <div style="display:flex; flex-direction:row;">
       <div class="ac-info-alt">
        <div>{{{num_of_charges}}}</div>
        {{{info1_altbox1|}}}{{{info1_altbox2|}}}{{{info1_altbox3|}}}{{{info1_altbox4|}}}{{{info1_altbox5|}}}{{{info1_altbox6|}}}{{{info1_altbox7|}}}
        <div>{{{charge_cooldown}}}</div>
       </div>
       </div>
      <div>{{{cooldown}}}</div>
    </div>
   </div>
   </div>
    
    
   <!-- INFO SECTIONS -->
   <!-- Info Section #2 -->
   <div style="display:flex; flex-direction:column; align-items: center>
   <div id="ability-info2" class="ability-info ac-info-section ac-info-section--padded {{#ifeq:{{{hide_info2|}}}|true|hide}}">
     <div>{{{description}}}</div>
     <div class="ac-info-desc">{{{info2_desc|}}}</div>
    <div style="display:flex; flex-direction:row;">
      <!-- Main Info -->
       {{#invoke: AbilityData|get_info_section|{{{hero_name}}}|{{{ability_num}}}|1}}
      <div class="ac-info-main">
    </div>
        {{{info2_mainbox1|}}}{{{info2_mainbox2|}}}{{{info2_mainbox3|}}}{{{info2_mainbox4|}}}{{{info2_mainbox5|}}}
      </div>
 
       <!-- Alt Info -->
      <div class="ac-info-alt">
        {{{info2_altbox1|}}}{{{info2_altbox2|}}}{{{info2_altbox3|}}}{{{info2_altbox4|}}}{{{info2_altbox5|}}}{{{info2_altbox6|}}}{{{info2_altbox7|}}}
      </div>
   </div>
   </div>
    
    
    <!-- Info Section #3 -->
  <div id="ability-info3" class="ability-info ac-info-section ac-info-section--padded {{#ifeq:{{{hide_info3|}}}|true|hide}}">
    <div class="ac-info-desc">{{{info3_desc|}}}</div>
      <!-- Main Info -->
      <div class="ac-info-main">
        {{{info3_mainbox1|}}}{{{info3_mainbox2|}}}{{{info3_mainbox3|}}}{{{info3_mainbox4|}}}{{{info3_mainbox5|}}}
      </div>
     
      <!-- Alt Info -->
      <div class="ac-info-alt">
        {{{info3_altbox1|}}}{{{info3_altbox2|}}}{{{info3_altbox3|}}}{{{info3_altbox4|}}}{{{info3_altbox5|}}}{{{info3_altbox6|}}}{{{info3_altbox7|}}}
      </div>
  </div>   
</div>
   <!-- UPGRADES -->
   <!-- UPGRADES -->
   <div style="display:flex; flex-direction:row;">
   <div class="ac-upgrades">
     {{#invoke: AbilityData|get_upgrades|{{{hero_name}}}|{{{ability_num}}}}}
     {{{upgrade1}}}{{{upgrade2}}}{{{upgrade3}}}
   </div>
   </div>
 
  <!-- NOTES -->
  {{#if: {{{notes|}}}|
  <div class="ac-notes-wrapper">
    <div><span class="ac-notes-title"> {{#if: {{{name_link|}}}|
    {{#vardefine:notes_localized|{{#invoke:Dictionary|translate|Notes|show_needs_translation=false}}}}
[[{{{name_link}}}/{{#var:notes_localized}}|{{#var:notes_localized}}]]
|
{{#invoke:Dictionary|translate|Notes}}
}}</span>
{{#if:{{{notes_source_page|}}}
|  <span class="ac-notes-edit">[[{{{notes_source_page}}}|{{#invoke:Dictionary|translate|edit}}]]</span>}}</div>
</div>
<div class="mw-collapsible mw-collapsed ac-notes-body">
<div>
{{{notes}}}
</div>
</div>
</includeonly>
</div>}}</div></includeonly><noinclude>
<noinclude>
{{#invoke:Abilities/card|get_ability_card|{{{hero_name|Abrams}}}|{{{ability_num|4}}}|{{{link_name|false}}}|{{{notes|}}}}}
{{#invoke:AbilityData|get_ability_card|Bebop|1|true}}
{{Documentation}}
 
</noinclude>
</noinclude>
Retrieved from "https://deadlock.wiki/Template:Ability_card_v2/Card"