Differences

This shows you the differences between two versions of the page.

--- characters:abrams [2026/06/23 06:07] – jumpstartadmin
+++ characters:abrams [2026/06/27 08:52] (current) – jumpstartadmin
@@ Line 8: / Line 8: @@
 <html>
-<div class="js-two-col" data-split="1fr 1fr" data-gap="24" style="display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;">
+<div class="js-item-block2" data-type="weapon" data-icon="/wiki/lib/tpl/bootstrap3/images/icons/Weapon/Headhunter.png" data-icon-name="Headhunter" data-icon-hero="" data-icon-file="" ><div class="js-ib-namebar"><span class="js-ib-name">Headhunter</span><div class="js-ib-badge"><span class="js-ib-badge-val">+10%</span><span class="js-ib-badge-label">Weapon Damage</span></div></div><div class="js-ib-imgwrap"><div class="js-ib-icon" data-src="/wiki/lib/tpl/bootstrap3/images/icons/Weapon/Headhunter.png"></div></div><div class="js-ib-costtable"><div class="js-ib-costrow"><span class="js-ib-costlabel">Cost</span><span class="js-ib-cost">$ 500</span></div><div class="js-ib-costrow"><span class="js-ib-costlabel">Tier</span><span class="js-ib-tier">1</span></div></div><div class="js-ib-pstat"><span class="jw-icon-preview" data-icon-token="{{icon:health}}" contenteditable="false" style="display: inline-block; width: 20px; height: 20px; background-image: url(&quot;/wiki/lib/tpl/bootstrap3/images/icons/Stats/Health.png&quot;); background-size: contain; background-repeat: no-repeat; background-position: center center; vertical-align: middle; margin: 0px 1px; cursor: default; font-size: 0px; line-height: 20px; color: transparent;">{{icon:health}}</span><b><font color="#60c060">+50 Bonus Health</font></b></div><div class="js-ib-pstat">+0 New Stat</div><div class="js-ib-section"><span class="js-ib-section-label">Active</span><span class="js-ib-cooldown">⏱ 15s</span></div><p class="js-ib-desc">Describe the active effect.</p></div>
-<div class="js-two-col-left" style="min-width:0;">
-<div class="js-callout">
-  <div class="js-callout-bar warning"></div>
-  <div class="js-callout-inner">
-    <span class="js-callout-label">Warning</span>
-    <p class="js-callout-text">Add content here.</p>
-  </div>
-</div>
-</div>
-<div class="js-two-col-right" style="min-width:0;">
-<div class="js-tab-group">
-  <div class="js-tab-bar">
-  <button class="js-tab-btn js-tab-active" data-tab="tabs-1782194849482-0">Tab One</button>
-  <button class="js-tab-btn" data-tab="tabs-1782194849482-1">Tab Two</button>
-  </div>
-  <div class="js-tab-panels">
-  <div class="js-tab-panel js-tab-panel-active" id="tabs-1782194849482-0">
-    <p>Content for tab one.</p>
-  </div>
-  <div class="js-tab-panel" id="tabs-1782194849482-1">
-    <p>Content for tab two.</p>
-  </div>
-  </div>
-</div>
-</div>
-</div>
 </html>
 <html>
-<div class="js-two-col" data-split="1fr 1fr" data-gap="24" style="display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;">
+<div class="js-ability-block2" data-icon="/wiki/lib/tpl/bootstrap3/images/icons/Hero Abilities /Abrams/bull_drain_psd.png" data-icon-hero="Abrams" data-icon-file="bull_drain_psd"><div class="js-ab-header"><div class="js-ab-icon" data-src="/wiki/lib/tpl/bootstrap3/images/icons/Hero Abilities /Abrams/bull_drain_psd.png"></div><span class="js-ab-name">Ability Name</span><div class="js-ab-cooldown"><span>⏱</span><span>0s</span></div></div><div class="js-ab-pills"><div class="js-ab-pill"><span class="js-ab-pill-icon js-icon-range"></span><span class="js-ab-pill-value">24m</span></div><div class="js-ab-pill"><span class="js-ab-pill-icon js-icon-range"></span><span class="js-ab-pill-value">7s</span></div><div class="js-ab-pill"><span class="js-ab-pill-icon js-icon-range"></span><span class="js-ab-pill-value">20m</span></div></div><p class="js-ab-desc">Describe what this ability does, including any <b>spirit damage</b> or effects.</p><p class="js-ab-altcast">Alt-Cast...</p><div class="js-ab-upgrades"><div class="js-ab-upgrade"><div class="js-ab-upgrade-cost">⚡1</div><div class="js-ab-upgrade-value">+2s</div><div class="js-ab-upgrade-label">Duration</div></div><div class="js-ab-upgrade"><div class="js-ab-upgrade-cost">⚡2</div><div class="js-ab-upgrade-value">+0.75s</div><div class="js-ab-upgrade-label">Immobilize Duration</div></div><div class="js-ab-upgrade"><div class="js-ab-upgrade-cost">⚡5</div><div class="js-ab-upgrade-value">+15m Wall Length</div><div class="js-ab-upgrade-label">& -10s Cooldown</div></div></div></div>
-<div class="js-two-col-left" style="min-width:0;">
-<div class="js-two-col" data-split="1fr 1fr" data-gap="24" style="display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;">
-<div class="js-two-col-left" style="min-width:0;">
-<p style="font-family:Forevs,serif;font-size:2.2rem;line-height:2.1;color:rgba(237,232,245,0.8);margin:0;">Write your text here.</p>
-<p style="font-family:Forevs,serif;font-size:2.2rem;line-height:2.1;color:rgba(237,232,245,0.8);margin:0;">Write your text here.</p>
-</div>
-<div class="js-two-col-right" style="min-width:0;">
-<div class="js-callout">
-  <div class="js-callout-bar danger"></div>
-  <div class="js-callout-inner">
-    <span class="js-callout-label">Danger</span>
-    <p class="js-callout-text">Add content here.</p>
-  </div>
-</div>
-<div class="js-steps">
-  <div class="js-step">
-    <div class="js-step-num">01</div>
-    <div class="js-step-content">
-      <div class="js-step-title">Step title</div>
-      <p class="js-step-desc">Describe this step.</p>
-    </div>
-  </div>
-  <div class="js-step">
-    <div class="js-step-num">02</div>
-    <div class="js-step-content">
-      <div class="js-step-title">Step title</div>
-      <p class="js-step-desc">Describe this step.</p>
-    </div>
-  </div>
-</div>
-</div>
-</div>
-</div>
-<div class="js-two-col-right" style="min-width:0;">
-<div class="js-callout">
-  <div class="js-callout-bar danger"></div>
-  <div class="js-callout-inner">
-    <span class="js-callout-label">Danger</span>
-    <p class="js-callout-text">Add content here.</p>
-  </div>
-</div>
-<div class="js-steps">
-  <div class="js-step">
-    <div class="js-step-num">01</div>
-    <div class="js-step-content">
-      <div class="js-step-title">Step title</div>
-      <p class="js-step-desc">Describe this step.</p>
-    </div>
-  </div>
-  <div class="js-step">
-    <div class="js-step-num">02</div>
-    <div class="js-step-content">
-      <div class="js-step-title">Step title</div>
-      <p class="js-step-desc">Describe this step.</p>
-    </div>
-  </div>
-</div>
-</div>
-</div>
 </html>