The Deadlock Wiki

Editing Template:Ability card v2/Card

Warning: You are not logged in. Once you make an edit, a temporary account will be created for you. Learn more. Log in or create an account to continue receiving notifications after this account expires, and to access other features.
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
Latest revision Your text
Line 1: Line 1:
<includeonly><templatestyles src="Ability card v2/Card/styles.css" />{{anchor|{{{name}}}}}<div id="{{{id|}}}" class="ability-card">
<includeonly>{{anchor|{{{name}}}}}<div style="font-size: 0.9rem; 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 -->
   <div class="ac-header-wrapper">
   <div style="width: 100%">
     <div class="ac-header">     
     <div style="display:flex; flex-direction:row; justify-content: space-between; background: #121212; font-size: calc(1em - 2px); border-radius: 13px; padding: 0 8px 14px 8px">     
       <div class="ac-header-left">
       <div style="display:flex; flex-direction:column;">
         <div class="ac-title">
         <div style="font-size: 1.3rem;">
<span class="ac-icon">[[File:{{{icon}}}|45px|link=]]</span><span class="ac-name">{{#if:{{{name_link|}}}|[[{{{name_link}}}|{{{name}}}]]|{{{name}}}}}</span>
<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 class="ac-header-attrs">
         <div style="display:flex; flex-direction:row; margin-left: 10px;">
           {{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/HeaderAttr|{{{range|}}}|ss={{{range_ss|}}}|uom=m|icon=[[File:CastRange.png|20px|link=Ability_Range]]}}
          {{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/HeaderAttr|{{{radius|}}}|ss={{{radius_ss|}}}|uom=m|icon=[[File:AttributeIconTechRange.png|20px|link=Ability_Range]]}}
           {{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/HeaderAttr|{{{ability_width|}}}|uom=m|icon=[[File:AttributeIconTechRange.png|20px|link=Ability_Range]]}}
           {{Ability_card_v2/Card/HeaderAttr|{{{ability_width|}}}|id=ability_width|uom=m|icon=[[File:AttributeIconTechRange.png|Width|20px|link=]]}}
           {{Ability_card_v2/HeaderAttr|{{{duration|}}}|uom=s|ss={{{duration_ss|}}}|icon=[[File:AttributeIconTechDuration.png|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>
       </div>
       <div class="ac-header-right">
       <div style="display:flex; flex-direction:column; align-items: end; justify-content: flex-end;">
         <div class="ac-charge-row">
         <div style="display:flex; flex-direction:row; justify-content: flex-end; margin-bottom: 5px; margin-right: 20px;">
           {{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/HeaderAttr|{{{num_of_charges|}}}|icon=[[File:AttributeIconMaxChargesIncrease.png|20px|link=]]|style=margin-right: 0;}}
           {{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}}
           {{Ability_card_v2/HeaderAttr|{{{charge_cooldown|}}}|ss={{{charge_cooldown_ss|}}}|uom=s|icon=[[File:AttributeIconTechCooldownBetweenChargeUses.png|16px|link=Ability Cooldown]]|style=margin-left: 1px; margin-right: 0}}
         </div>
         </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=]]}}
           {{Ability_card_v2/HeaderAttr|{{{cooldown|}}}|ss={{{cooldown_ss|}}}|uom=s|icon=[[File:AttributeIconTechCooldown.png|20px|link=Ability Cooldown]]}}
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>
    
    
<!-- INFO SECTIONS -->
  <!-- INFO SECTIONS -->
<div class="ac-info-outer">
<div style="margin: 5px 10px 0px 10px; padding: 3px 0 5px 0; width: calc(100% - 18px);">
  <!-- Info Section #1 -->
     {{#invoke: Abilities/card|get_all_info_sections|{{{hero_key}}}|{{{ability_num}}}}}
  <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>
 
      <!-- Alt Info -->
      <div class="ac-info-alt">
        {{{info1_altbox1|}}}{{{info1_altbox2|}}}{{{info1_altbox3|}}}{{{info1_altbox4|}}}{{{info1_altbox5|}}}{{{info1_altbox6|}}}{{{info1_altbox7|}}}
      </div>
  </div>
 
  <!-- Info Section #2 -->
  <div id="ability-info2" class="ability-info ac-info-section ac-info-section--padded {{#ifeq:{{{hide_info2|}}}|true|hide}}">
     <div class="ac-info-desc">{{{info2_desc|}}}</div>
      <!-- Main Info -->
      <div class="ac-info-main">
        {{{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>
 
    <!-- 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>
</div>


   <!-- UPGRADES -->
   <!-- UPGRADES -->
   <div class="ac-upgrades">
   <div style="display:flex; flex-direction:row; flex-wrap: wrap; margin-bottom: 5px; justify-content: center; width: calc(97% - 16px); min-width: 280px;>
     {{{upgrade1}}}{{{upgrade2}}}{{{upgrade3}}}
     {{#invoke: Abilities/card|get_upgrades|{{{hero_key}}}|{{{ability_num}}}}}
   </div>
   </div>
 
   <!-- NOTES -->
   <!-- NOTES -->
   {{#if: {{{notes|}}}|
   {{#if: {{{notes|}}}|
   <div class="ac-notes-wrapper">
   <div style="align-self: flex-start; margin: 10px 0 10px 20px; font-size: 0.8rem;">
     <div><span class="ac-notes-title"> {{#if: {{{name_link|}}}|
     <div><span style="font-size:1.15rem;"> {{#if: {{{name_link|}}}|
     {{#vardefine:notes_localized|{{#invoke:Dictionary|translate|Notes|show_needs_translation=false}}}}
     {{#vardefine:notes_localized|{{#invoke:Dictionary|translate|Notes|show_needs_translation=false}}}}
[[{{{name_link}}}/{{#var:notes_localized}}|{{#var:notes_localized}}]]  
[[{{{name_link}}}/{{#var:notes_localized}}|{{#var:notes_localized}}]]  
Line 86: Line 44:
}}</span>
}}</span>
{{#if:{{{notes_source_page|}}}
{{#if:{{{notes_source_page|}}}
|  <span class="ac-notes-edit">[[{{{notes_source_page}}}|{{#invoke:Dictionary|translate|edit}}]]</span>}}</div>
|  <span style="font-size:.7rem;">[[{{{notes_source_page}}}|{{#invoke:Dictionary|translate|edit}}]]</span>}}</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed ac-notes-body">
<div class="mw-collapsible mw-collapsed" style="align-self: flex-start; margin: 10px 0 10px 20px; font-size: 0.8rem;">
<div>
<div>
{{{notes}}}
{{{notes}}}
</div>
</div>
</div>}}</div></includeonly><noinclude>
  </div>}}
{{#invoke:Abilities/card|get_ability_card|{{{hero_name|Abrams}}}|{{{ability_num|4}}}|{{{link_name|false}}}|{{{notes|}}}}}
</div></includeonly><noinclude>
{{Documentation}}
<code><nowiki>Eg. {{#invoke:Abilities/card|get_ability_card|<hero_name>|<ability_number>|<link_on_name>|<notes>}}
 
</nowiki></code>
{{#invoke:Abilities/card|get_ability_card|Abrams|2|false}}
</noinclude>
</noinclude>
Please note that all contributions to The Deadlock Wiki are considered to be released under the Creative Commons Attribution-NonCommercial-ShareAlike (see Deadlock:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
Cancel Editing help (opens in new window)
Preview page with this template

Pages included on this page:

Retrieved from "https://deadlock.wiki/Template:Ability_card_v2/Card"