User:Saag/Sandbox/AbilityCard: Difference between revisions

Browse history interactively

← Older edit

VisualWikitext

Latest revision as of 23:15, 22 September 2024

Infernal Resilience

Regenerate a portion of incoming damage over time.

16%

Damage regenerated

18s

Regeneration Time

1

Health Regen

1

+1.5 Health Regen

2

+150 Health

5

+9% Damage regenerated

@@ Line 1: / Line 1: @@
-<div>
+<includeonly>{{anchor|{{{name}}}}}
-   {{{name}}} {{{description}}} {{{range}}} {{{radius}}} {{{cooldown}}} {{{num_of_charges}}} {{{charge_cooldown}}} {{{ability_width}}} {{{duration}}}
+<div style="font-size: 16px; font-family: 'PT Serif', 'Palatino', 'Georgia'; color: #FFEFD7; display:flex; flex-direction:column;   background: rgb(52,52,52);
-  {{#invoke: AbilityData|get_info_section|{{{hero_name}}}|{{{ability_num}}}|1}}
+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: 550px">
-   {{#invoke: AbilityData|get_upgrades|{{{hero_name}}}|{{{ability_num}}}}}
-</div>
+  <!-- HEADER -->
+   <div style="display:flex; flex-direction:row; justify-content: space-between; width: 100%; background: #121212; font-size: 14px;">
+    <div style="display:flex; flex-direction:column; padding: 20px">
+      <div style="font-size: 26px">{{{name}}}</div>
+      <div style="display:flex; flex-direction:row; margin-left: 10px;">
+        {{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{range|}}}|uom=m|icon=CastRange.png}}
+        {{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{radius|}}}|uom=m|icon=AttributeIconTechRange.png}}
+        {{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{ability_width|}}}|uom=m|icon=AttributeIconTechRange.png}}
+        {{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{duration|}}}|uom=m|icon=AttributeIconMaxChargesIncrease.png}}
+      </div>
+    </div>
+    <div style="display:flex; flex-direction:column; padding: 20px">
+      <div style="display:flex; flex-direction:row; margin-bottom: 5px">
+        {{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{num_of_charges|}}}|icon=AttributeIconMaxChargesIncrease.png}}
+        {{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{charge_cooldown|}}}|uom=s|icon=AttributeIconTechCooldown.png}}
+      </div>
+        {{User:Saag/Sandbox/AbilityCard/HeaderAttr|{{{cooldown|}}}|uom=s|icon=AttributeIconTechCooldown.png}}
+    </div>
+  </div>
+  <!-- INFO SECTIONS -->
+  <div style="display:flex; flex-direction:column; align-items: center; margin: 5px 10px 20px 10px; width: calc(100% - 18px);">
+    <div style="padding: 20px 10px 20px 10px">{{{description}}}</div>
+      <div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; width: calc(90% - 5px);">
+        {{#invoke: AbilityData|get_info_main|{{{hero_name}}}|{{{ability_num}}}|1}}
+      </div>
+      <div style="display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; background-color: #2A2A2A; width: calc(90% - 11px);">
+        {{#invoke: AbilityData|get_info_alt|{{{hero_name}}}|{{{ability_num}}}|1}}
+      </div>
+  </div>
+  <!-- UPGRADES -->
+   <div style="display:flex; flex-direction:row; margin-bottom: 10px; justify-content: center; width: calc(90% - 16px);>
+    {{#invoke: AbilityData|get_upgrades|{{{hero_name}}}|{{{ability_num}}}}}
+  </div>
+</div></includeonly>
+<noinclude>
+{{#invoke:AbilityData|get_ability_card|Abrams|3|true}}
+</noinclude>

User:Saag/Sandbox/AbilityCard: Difference between revisions

Latest revision as of 23:15, 22 September 2024

Navigation menu

Search