Template:Ability card v2/Card: Difference between revisions

Browse history interactively

← Older edit

VisualWikitext

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.

14%

Damage regenerated

20s

Regeneration Time

1 Health Regen

1

+1.5 Health Regen

2

+150 Health

5

+7% Damage regenerated

@@ Line 1: / Line 1: @@
-<includeonly>{{anchor|{{{name}}}}}<div style="font-size: 1rem; line-height: 1.4; font-family: 'PT Serif', 'Palatino', 'Georgia'; 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: 2px;">
+<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 -->
    <div style="width: 100%">
-     <div style="display:flex; flex-direction:row; justify-content: space-between; background: #121212; font-size: calc(1em - 2px); border-radius: 2px; padding: 0 8px 14px 8px">
+     <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 style="display:flex; flex-direction:column;">
          <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 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;">
            {{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>
            {{Ability_card_v2/HeaderAttr|{{{cooldown|}}}|uom=s|icon=[[File:AttributeIconTechCooldown.png|20px|link=Cooldowns]]}}
@@ Line 26: / Line 26: @@
    <!-- INFO SECTIONS -->
-  <div style="display:flex; flex-direction:column; align-items: center; margin: 5px 10px 20px 10px; width: calc(100% - 18px);">
+<div style="margin: 5px 10px 0px 10px; padding: 3px 0 5px 0; width: calc(100% - 18px);">
-     <div style="padding: 20px 10px 20px 10px">{{{description}}}</div>
+     {{#invoke: Abilities/card|get_all_info_sections|{{{hero_key}}}|{{{ability_num}}}}}
-      <!-- Main Info -->
+</div>
-      <div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; width: calc(97% - 5px); min-width: 310px;">
-        {{#invoke: AbilityData|get_info_main|{{{hero_name}}}|{{{ability_num}}}|1}}
-      </div>
-      <!-- Alt Info -->
-      <div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; background-color: #2A2A2A; width: calc(97% - 19px); min-width: 310px; padding: 0 4px 0 4px; gap: 20px">
-        {{#invoke: AbilityData|get_info_alt|{{{hero_name}}}|{{{ability_num}}}|1}}
-      </div>
-  </div>
    <!-- UPGRADES -->
-   <div style="display:flex; flex-direction:row; flex-wrap: wrap; margin-bottom: 10px; justify-content: center; width: calc(97% - 16px); min-width: 310px;>
+   <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_name}}}|{{{ability_num}}}}}
+     {{#invoke: Abilities/card|get_upgrades|{{{hero_key}}}|{{{ability_num}}}}}
    </div>
    <!-- NOTES -->
    {{#if: {{{notes|}}}|
    <div style="align-self: flex-start; margin: 10px 0 10px 20px; font-size: 0.9rem;">
-     <div style="font-size:1.25rem;"> Notes </div>
+     <div style="font-size:1.25rem;"> {{#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}}
+}} </div>
+<div class="mw-collapsible mw-collapsed" style="align-self: flex-start; margin: 10px 0 10px 20px; font-size: 0.9rem;">
 <div>
 {{{notes}}}
+</div>
 </div>
    </div>}}
 </div></includeonly><noinclude>
-{{#invoke:AbilityData|get_ability_card|Infernus|2|false}}
+<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|3|false}}
 </noinclude>

Template:Ability card v2/Card: Difference between revisions

Latest revision as of 17:22, 31 October 2024

Navigation menu

Search