quick cleanup

This commit is contained in:
Joshua Seigler 2017-07-16 16:32:59 -04:00
parent 85b2fbae39
commit 5d23fd78ef
8 changed files with 1314 additions and 1205 deletions

View file

@ -1,216 +1,216 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Borderlands 2 Skill Calculator: Assassin</title> <title>Borderlands 2 Skill Calculator: Assassin</title>
<link href='main.css' rel='stylesheet' type='text/css'> <link href='main.css' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="skillManager.js"></script> <script src="skillManager.js"></script>
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="index.html">&lt; go back</a> | <a href="assassin.html" class="reset">reset</a> | Permalink: <a href="#" class="permalink"></a></div> <div class="links"><a class="reset" href="index.html">&lt; go back</a> | <a href="assassin.html" class="reset">reset</a> | Permalink: <a href="#" class="permalink"></a></div>
<h1>Borderlands<em>2</em> skill calculator</h1> <h1>Borderlands<em>2</em> skill calculator</h1>
<h2>Zer0</h2> <h2>Zer0</h2>
<h3>Level <span class="charLevel">5</span> Assassin</h3> <h3>Level <span class="charLevel">5</span> Assassin</h3>
</div> </div>
<img unselectable="on" class="portrait" src="assassinPortrait.png"> <img unselectable="on" class="portrait" src="assassinPortrait.png">
<div class="treeCollection"> <div class="treeCollection">
<div class="treewrapper green"> <div class="treewrapper green">
<div class="bglayer gray"></div> <div class="bglayer gray"></div>
<div class="bglayer color"></div> <div class="bglayer color"></div>
<div class="tree"> <div class="tree">
<div class="tier" data-level="0" data-invested="0" data-total="0"> <div class="tier" data-level="0" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/assassin-sniping-0.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/assassin-sniping-0.png">
<div class="description"><h2>HeadSh0t</h2><em data-base="+4"></em>% Critical Hit Damage<span class="perLevel"> per level</span>.</div> <div class="description"><h2>HeadSh0t</h2><em data-base="+4"></em>% Critical Hit Damage<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-sniping-1.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-sniping-1.png">
<div class="description"><h2>0ptics</h2><em data-base="+3"></em>% Zoom and <em data-base="+12"></em>% Aim Steadiness (reduces aim disruption when taking damage)<span class="perLevel"> per level</span>.</div> <div class="description"><h2>0ptics</h2><em data-base="+3"></em>% Zoom and <em data-base="+12"></em>% Aim Steadiness (reduces aim disruption when taking damage)<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="1" data-invested="0" data-total="0"> <div class="tier" data-level="1" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/assassin-sniping-2.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/assassin-sniping-2.png">
<div class="description"><h2>Killer</h2>Kill Skill. Killing an enemy gives you <em data-base="+10"></em>% Critical Hit Damage and <em data-base="+15"></em>% Reload Speed<span class="perLevel"> per level</span> for a few seconds.</div> <div class="description"><h2>Killer</h2>Kill Skill. Killing an enemy gives you <em data-base="+10"></em>% Critical Hit Damage and <em data-base="+15"></em>% Reload Speed<span class="perLevel"> per level</span> for a few seconds.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-sniping-3.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-sniping-3.png">
<div class="description"><h2>Precisi0n</h2><em data-base="+5"></em>% Accuracy<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Precisi0n</h2><em data-base="+5"></em>% Accuracy<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="2" data-invested="0" data-total="0"> <div class="tier" data-level="2" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/assassin-sniping-4.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/assassin-sniping-4.png">
<div class="description"><h2>0ne Sh0t 0ne Kill</h2>The first shot from a fully loaded magazine deals <em data-base="+12"></em>% Damage<span class="perLevel"> per level</span>.</div> <div class="description"><h2>0ne Sh0t 0ne Kill</h2>The first shot from a fully loaded magazine deals <em data-base="+12"></em>% Damage<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/assassin-sniping-5.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/assassin-sniping-5.png">
<div class="description"><h2>B0re</h2>Shots pierce through enemies, gaining <em data-base="+100"></em>% damage per enemy pierced. Enemy crit locations highlighted in Decepti0n.</div> <div class="description"><h2>B0re</h2>Shots pierce through enemies, gaining <em data-base="+100"></em>% damage per enemy pierced. Enemy crit locations highlighted in Decepti0n.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/assassin-sniping-6.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/assassin-sniping-6.png">
<div class="description"><h2>Vel0city</h2><em data-base="+20"></em>% Bullet Speed, <em data-base="+3"></em>% Critical Hit Damage, and <em data-base="+2"></em>% Gun Damage<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Vel0city</h2><em data-base="+20"></em>% Bullet Speed, <em data-base="+3"></em>% Critical Hit Damage, and <em data-base="+2"></em>% Gun Damage<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="3" data-invested="0" data-total="0"> <div class="tier" data-level="3" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-sniping-7.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-sniping-7.png">
<div class="description"><h2>Kill C0nfirmed</h2>Up to <em data-base="+8"></em>% Critical Hit Damage<span class="perLevel"> per level</span> depending on how long you aim down the sights.</div> <div class="description"><h2>Kill C0nfirmed</h2>Up to <em data-base="+8"></em>% Critical Hit Damage<span class="perLevel"> per level</span> depending on how long you aim down the sights.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="4" data-invested="0" data-total="0"> <div class="tier" data-level="4" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-sniping-8.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-sniping-8.png">
<div class="description"><h2>At 0ne with the Gun</h2><em data-base="+25"></em>% Hip-Shot accuracy, <em data-base="+10"></em>% Reload Speed, and <em data-base="+1"></em> Magazine Size with Sniper Rifles<span class="perLevel"> per level</span>.</div> <div class="description"><h2>At 0ne with the Gun</h2><em data-base="+25"></em>% Hip-Shot accuracy, <em data-base="+10"></em>% Reload Speed, and <em data-base="+1"></em> Magazine Size with Sniper Rifles<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="5" data-invested="0" data-total="0"> <div class="tier" data-level="5" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="1"><img src="icons/assassin-sniping-9.png"> <div class="skill push1" data-points="0" data-max="1"><img src="icons/assassin-sniping-9.png">
<div class="description"><h2>Critical Ascensi0n</h2>Scoring a Critical Hit with a Sniper Rifle gives you <em data-base="+6"></em>% Critical Hit Damage and <em data-base="+5"></em>% Damage with Sniper Rifles. Can stack up to 999 times. Stacks begin to decay if you haven't scored a critical hit in a while. </div> <div class="description"><h2>Critical Ascensi0n</h2>Scoring a Critical Hit with a Sniper Rifle gives you <em data-base="+6"></em>% Critical Hit Damage and <em data-base="+5"></em>% Damage with Sniper Rifles. Can stack up to 999 times. Stacks begin to decay if you haven't scored a critical hit in a while. </div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="totalPoints"> <div class="totalPoints">
<span class="totalPoints">0</span> <span class="totalPoints">0</span>
</div> </div>
<legend>Sniping</legend> <legend>Sniping</legend>
</div> </div>
</div> </div>
<div class="treewrapper blue"> <div class="treewrapper blue">
<div class="bglayer gray"></div> <div class="bglayer gray"></div>
<div class="bglayer color"></div> <div class="bglayer color"></div>
<div class="tree"> <div class="tree">
<div class="tier" data-level="0" data-invested="0" data-total="0"> <div class="tier" data-level="0" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/assassin-cunning-0.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/assassin-cunning-0.png">
<div class="description"><h2>Fast Hands</h2><em data-base="+5"></em>% Reload Speed and <em data-base="+10"></em>% Weapon Swap Speed<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Fast Hands</h2><em data-base="+5"></em>% Reload Speed and <em data-base="+10"></em>% Weapon Swap Speed<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-cunning-1.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-cunning-1.png">
<div class="description"><h2>C0unter Strike</h2>After getting hit, your next melee attack has a chance to deal <em data-base="+50"></em>% damage<span class="perLevel"> per level</span>.</div> <div class="description"><h2>C0unter Strike</h2>After getting hit, your next melee attack has a chance to deal <em data-base="+50"></em>% damage<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="1" data-invested="0" data-total="0"> <div class="tier" data-level="1" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/assassin-cunning-2.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/assassin-cunning-2.png">
<div class="description"><h2>Fearless</h2><em data-base="+5"></em>% Fire Rate and <em data-base="+3"></em>% Gun Damage<span class="perLevel"> per level</span> when your shield is depleted.</div> <div class="description"><h2>Fearless</h2><em data-base="+5"></em>% Fire Rate and <em data-base="+3"></em>% Gun Damage<span class="perLevel"> per level</span> when your shield is depleted.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-cunning-3.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-cunning-3.png">
<div class="description"><h2>Ambush</h2><em data-base="+4"></em>% damage<span class="perLevel"> per level</span> when attacking enemies from behind or when attacking an enemy who is targeting someone other than you.</div> <div class="description"><h2>Ambush</h2><em data-base="+4"></em>% damage<span class="perLevel"> per level</span> when attacking enemies from behind or when attacking an enemy who is targeting someone other than you.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="2" data-invested="0" data-total="0"> <div class="tier" data-level="2" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/assassin-cunning-4.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/assassin-cunning-4.png">
<div class="description"><h2>Rising Sh0t</h2>Each successful ranged or melee attack gives you <em data-base="+2"></em>% Gun Damage and <em data-base="+1.8"></em>% Melee Damage<span class="perLevel"> per level</span> for a short time. This bonus can stack up to 5 times. Faster weapons can gain stacks more quickly, but slower weapons retain stacks for a longer period of time.</div> <div class="description"><h2>Rising Sh0t</h2>Each successful ranged or melee attack gives you <em data-base="+2"></em>% Gun Damage and <em data-base="+1.8"></em>% Melee Damage<span class="perLevel"> per level</span> for a short time. This bonus can stack up to 5 times. Faster weapons can gain stacks more quickly, but slower weapons retain stacks for a longer period of time.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/assassin-cunning-5.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/assassin-cunning-5.png">
<div class="description"><h2>Death Mark</h2>Dealing melee damage marks a target for 8 seconds. Marked targets take <em data-base="+20"></em>% additional damage from all sources.</div> <div class="description"><h2>Death Mark</h2>Dealing melee damage marks a target for 8 seconds. Marked targets take <em data-base="+20"></em>% additional damage from all sources.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/assassin-cunning-6.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/assassin-cunning-6.png">
<div class="description"><h2>Unf0rseen</h2>Your holographic decoy explodes when you become visible again, causing shock damage to nearby enemies. Damage increases<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Unf0rseen</h2>Your holographic decoy explodes when you become visible again, causing shock damage to nearby enemies. Damage increases<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="3" data-invested="0" data-total="0"> <div class="tier" data-level="3" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-cunning-7.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-cunning-7.png">
<div class="description"><h2>Innervate</h2>While Decepti0n is active you gain <em data-base="+2"></em>% Gun Damage, <em data-base="+7"></em>% Movement Speed, and regenerate <em data-base="+0.8"></em>% of your Maximum Health per second<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Innervate</h2>While Decepti0n is active you gain <em data-base="+2"></em>% Gun Damage, <em data-base="+7"></em>% Movement Speed, and regenerate <em data-base="+0.8"></em>% of your Maximum Health per second<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="4" data-invested="0" data-total="0"> <div class="tier" data-level="4" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-cunning-8.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-cunning-8.png">
<div class="description"><h2>Tw0 Fang</h2>Every time you fire you have a <em data-base="6"></em>% chance<span class="perLevel"> per level</span> to fire twice.</div> <div class="description"><h2>Tw0 Fang</h2>Every time you fire you have a <em data-base="6"></em>% chance<span class="perLevel"> per level</span> to fire twice.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="5" data-invested="0" data-total="0"> <div class="tier" data-level="5" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="1"><img src="icons/assassin-cunning-9.png"> <div class="skill push1" data-points="0" data-max="1"><img src="icons/assassin-cunning-9.png">
<div class="description"><h2>Death Bl0ss0m</h2>Action Skill Augment. Throws a handful of Kunai knives. Has a random elemental effect. Does not take character out of Decepti0n. Can be used five times per cooldown. Can apply Death Mark. </div> <div class="description"><h2>Death Bl0ss0m</h2>Action Skill Augment. Throws a handful of Kunai knives. Has a random elemental effect. Does not take character out of Decepti0n. Can be used five times per cooldown. Can apply Death Mark. </div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="totalPoints"> <div class="totalPoints">
<span class="totalPoints">0</span> <span class="totalPoints">0</span>
</div> </div>
<legend>Cunning</legend> <legend>Cunning</legend>
</div> </div>
</div> </div>
<div class="treewrapper red"> <div class="treewrapper red">
<div class="bglayer gray"></div> <div class="bglayer gray"></div>
<div class="bglayer color"></div> <div class="bglayer color"></div>
<div class="tree"> <div class="tree">
<div class="tier" data-level="0" data-invested="0" data-total="0"> <div class="tier" data-level="0" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-0.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-0.png">
<div class="description"><h2>Killing Bl0w</h2><em data-base="+100"></em>% Melee Damage<span class="perLevel"> per level</span> against enemies with low health.</div> <div class="description"><h2>Killing Bl0w</h2><em data-base="+100"></em>% Melee Damage<span class="perLevel"> per level</span> against enemies with low health.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-1.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-1.png">
<div class="description"><h2>Ir0n Hand</h2><em data-base="+3"></em>% Melee Damage and Maximum Health<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Ir0n Hand</h2><em data-base="+3"></em>% Melee Damage and Maximum Health<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="1" data-invested="0" data-total="0"> <div class="tier" data-level="1" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-2.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-2.png">
<div class="description"><h2>Grim</h2>Kill Skill. Killing an enemy regenerates <em data-base="+0.7"></em>% of your shield per second and gives <em data-base="+1.5"></em>% Action Skill cooldown rate<span class="perLevel"> per level</span> for a few seconds.</div> <div class="description"><h2>Grim</h2>Kill Skill. Killing an enemy regenerates <em data-base="+0.7"></em>% of your shield per second and gives <em data-base="+1.5"></em>% Action Skill cooldown rate<span class="perLevel"> per level</span> for a few seconds.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-3.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-3.png">
<div class="description"><h2>Be Like Water</h2>Shooting an enemy gives <em data-base="+6"></em>% damage<span class="perLevel"> per level</span> to your next melee attack. Melee Attacks give <em data-base="+4"></em>% damage<span class="perLevel"> per level</span> to your next gun attack.</div> <div class="description"><h2>Be Like Water</h2>Shooting an enemy gives <em data-base="+6"></em>% damage<span class="perLevel"> per level</span> to your next melee attack. Melee Attacks give <em data-base="+4"></em>% damage<span class="perLevel"> per level</span> to your next gun attack.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="2" data-invested="0" data-total="0"> <div class="tier" data-level="2" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-4.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-4.png">
<div class="description"><h2>F0ll0wthr0ugh</h2>Kill Skill. Killing an enemy gives <em data-base="+8"></em>% Movement Speed, <em data-base="+6"></em>% Gun Damage, and <em data-base="+8"></em>% Melee Damage<span class="perLevel"> per level</span> for a few seconds.</div> <div class="description"><h2>F0ll0wthr0ugh</h2>Kill Skill. Killing an enemy gives <em data-base="+8"></em>% Movement Speed, <em data-base="+6"></em>% Gun Damage, and <em data-base="+8"></em>% Melee Damage<span class="perLevel"> per level</span> for a few seconds.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/assassin-bloodshed-5.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/assassin-bloodshed-5.png">
<div class="description"><h2>Execute</h2>Melee Override Skill. While Decepti0n is active and a target is under your crosshairs, melee to dash forward a short distance and perform a special melee attack. Has a range of 3 meters.</div> <div class="description"><h2>Execute</h2>Melee Override Skill. While Decepti0n is active and a target is under your crosshairs, melee to dash forward a short distance and perform a special melee attack. Has a range of 3 meters.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-6.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-6.png">
<div class="description"><h2>Backstab</h2>Your melee attacks deal <em data-base="+8"></em>% damage<span class="perLevel"> per level</span> when hitting an enemy in the back, dealing massive damage.</div> <div class="description"><h2>Backstab</h2>Your melee attacks deal <em data-base="+8"></em>% damage<span class="perLevel"> per level</span> when hitting an enemy in the back, dealing massive damage.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="3" data-invested="0" data-total="0"> <div class="tier" data-level="3" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-7.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-7.png">
<div class="description"><h2>Resurgence</h2>Killing an enemy with a melee attack restores up to <em data-base="+4"></em>% of your health<span class="perLevel"> per level</span> depending on how low your health is.</div> <div class="description"><h2>Resurgence</h2>Killing an enemy with a melee attack restores up to <em data-base="+4"></em>% of your health<span class="perLevel"> per level</span> depending on how low your health is.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="4" data-invested="0" data-total="0"> <div class="tier" data-level="4" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-8.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/assassin-bloodshed-8.png">
<div class="description shortTier4Description"><h2>Like The Wind</h2><em data-base="+3"></em>% Gun and Melee Damage<span class="perLevel"> per level</span> when moving.</div> <div class="description shortTier4Description"><h2>Like The Wind</h2><em data-base="+3"></em>% Gun and Melee Damage<span class="perLevel"> per level</span> when moving.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="5" data-invested="0" data-total="0"> <div class="tier" data-level="5" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="1"><img src="icons/assassin-bloodshed-9.png"> <div class="skill push1" data-points="0" data-max="1"><img src="icons/assassin-bloodshed-9.png">
<div class="description"><h2>Many Must Fall</h2>Killing an enemy with a Melee Attack during Decepti0n deploys an additional holographic decoy and extends the duration of Decepti0n instead of ending it. </div> <div class="description"><h2>Many Must Fall</h2>Killing an enemy with a Melee Attack during Decepti0n deploys an additional holographic decoy and extends the duration of Decepti0n instead of ending it. </div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="totalPoints"> <div class="totalPoints">
<span class="totalPoints">0</span> <span class="totalPoints">0</span>
</div> </div>
<legend>Bloodshed</legend> <legend>Bloodshed</legend>
</div> </div>
</div> </div>
</div> </div>
<div class="summary"> <div class="summary">
<h2>List of Skills:</h2> <h2>List of Skills:</h2>
<div class="descriptionContainer"></div> <div class="descriptionContainer"></div>
<!--#include virtual="./footer.txt"--> <div class="footer">Art &copy; 2012 <a href="http://www.gearboxsoftware.com/" target="_blank">Gearbox Studios</a>. <a href="https://www.google.com/webfonts" target="_blank">Fonts</a> by Google. Code hosted on Github. <a href="https://github.com/seigler/bl2skills.com">Source Code</a>.</div>
</div> </div>
</body> </body>
</html> </html>

View file

@ -1,224 +1,224 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Borderlands 2 Skill Calculator: Commando</title> <title>Borderlands 2 Skill Calculator: Commando</title>
<link href='main.css' rel='stylesheet' type='text/css'> <link href='main.css' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="skillManager.js"></script> <script src="skillManager.js"></script>
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="index.html">&lt; go back</a> | <a href="commando.html" class="reset">reset</a> | Permalink: <a href="#" class="permalink"></a></div> <div class="links"><a class="reset" href="index.html">&lt; go back</a> | <a href="commando.html" class="reset">reset</a> | Permalink: <a href="#" class="permalink"></a></div>
<h1>Borderlands<em>2</em></h1> <h1>Borderlands<em>2</em></h1>
<h2>Axton</h2> <h2>Axton</h2>
<h3>Level <span class="charLevel">5</span> Commando</h3> <h3>Level <span class="charLevel">5</span> Commando</h3>
</div> </div>
<img unselectable="on" class="portrait" src="commandoPortrait.png"> <img unselectable="on" class="portrait" src="commandoPortrait.png">
<div class="treeCollection"> <div class="treeCollection">
<div class="treewrapper green"> <div class="treewrapper green">
<div class="bglayer gray"></div> <div class="bglayer gray"></div>
<div class="bglayer color"></div> <div class="bglayer color"></div>
<div class="tree"> <div class="tree">
<div class="tier" data-level="0" data-invested="0" data-total="0"> <div class="tier" data-level="0" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-guerilla-0.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-guerilla-0.png">
<div class="description"><h2>Sentry</h2><em data-base="+1"></em> shot per burst and <em data-base="+2"></em>s duration for Sabre Turret<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Sentry</h2><em data-base="+1"></em> shot per burst and <em data-base="+2"></em>s duration for Sabre Turret<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-guerilla-1.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-guerilla-1.png">
<div class="description"><h2>Ready</h2><em data-base="+8"></em>% Reload Speed<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Ready</h2><em data-base="+8"></em>% Reload Speed<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="1" data-invested="0" data-total="0"> <div class="tier" data-level="1" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-guerilla-2.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-guerilla-2.png">
<div class="description"><h2>Laser Sight</h2><em data-base="+10"></em>% Turret Accuracy<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Laser Sight</h2><em data-base="+10"></em>% Turret Accuracy<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-guerilla-3.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-guerilla-3.png">
<div class="description"><h2>Willing</h2><em data-base="+15"></em>% Shield Recharge Rate and <em data-base="-12"></em>% Shield Recharge Delay<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Willing</h2><em data-base="+15"></em>% Shield Recharge Rate and <em data-base="-12"></em>% Shield Recharge Delay<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="2" data-invested="0" data-total="0"> <div class="tier" data-level="2" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-guerilla-4.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-guerilla-4.png">
<div class="description"><h2>Onslaught</h2>Kill Skill. killing an enemy gives you <em data-base="+6"></em>% Gun Damage and <em data-base="+12"></em>% Movement Speed<span class="perLevel"> per level</span> for a short time.</div> <div class="description"><h2>Onslaught</h2>Kill Skill. killing an enemy gives you <em data-base="+6"></em>% Gun Damage and <em data-base="+12"></em>% Movement Speed<span class="perLevel"> per level</span> for a short time.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/commando-guerilla-5.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/commando-guerilla-5.png">
<div class="description"><h2>Scorched Earth</h2>Adds Multi-Rocket Pods to your Sabre Turret. 22 Rockets per Volley.</div> <div class="description"><h2>Scorched Earth</h2>Adds Multi-Rocket Pods to your Sabre Turret. 22 Rockets per Volley.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-guerilla-6.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-guerilla-6.png">
<div class="description"><h2>Able</h2>Damaging an enemy regenerates <em data-base="+0.4"></em>% of your Maximum Health per second<span class="perLevel"> per level</span> for 3 seconds.</div> <div class="description"><h2>Able</h2>Damaging an enemy regenerates <em data-base="+0.4"></em>% of your Maximum Health per second<span class="perLevel"> per level</span> for 3 seconds.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="3" data-invested="0" data-total="0"> <div class="tier" data-level="3" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-guerilla-7.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-guerilla-7.png">
<div class="description"><h2>Grenadier</h2><em data-base="+1"></em> Grenade Capacity<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Grenadier</h2><em data-base="+1"></em> Grenade Capacity<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="4" data-invested="0" data-total="0"> <div class="tier" data-level="4" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-guerilla-8.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-guerilla-8.png">
<div class="description"><h2>Crisis Management</h2><em data-base="+7"></em>% Gun Damage and <em data-base="+6"></em>% Melee Damage<span class="perLevel"> per level</span> when shields are depleted.</div> <div class="description"><h2>Crisis Management</h2><em data-base="+7"></em>% Gun Damage and <em data-base="+6"></em>% Melee Damage<span class="perLevel"> per level</span> when shields are depleted.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="5" data-invested="0" data-total="0"> <div class="tier" data-level="5" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="1"><img src="icons/commando-guerilla-9.png"> <div class="skill push1" data-points="0" data-max="1"><img src="icons/commando-guerilla-9.png">
<div class="description"><h2>Double Up</h2>Adds a second gun to the Sabre Turret and both guns fire Slag bullets. </div> <div class="description"><h2>Double Up</h2>Adds a second gun to the Sabre Turret and both guns fire Slag bullets. </div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="totalPoints"> <div class="totalPoints">
<span class="totalPoints">0</span> <span class="totalPoints">0</span>
</div> </div>
<legend>Guerilla</legend> <legend>Guerilla</legend>
</div> </div>
</div> </div>
<div class="treewrapper blue"> <div class="treewrapper blue">
<div class="bglayer gray"></div> <div class="bglayer gray"></div>
<div class="bglayer color"></div> <div class="bglayer color"></div>
<div class="tree"> <div class="tree">
<div class="tier" data-level="0" data-invested="0" data-total="0"> <div class="tier" data-level="0" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-gunpowder-0.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-gunpowder-0.png">
<div class="description"><h2>Impact</h2><em data-base="+4"></em>% Gun Damage and <em data-base="+3"></em>% Melee Damage<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Impact</h2><em data-base="+4"></em>% Gun Damage and <em data-base="+3"></em>% Melee Damage<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-gunpowder-1.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-gunpowder-1.png">
<div class="description"><h2>Expertise</h2><em data-base="+14"></em>% weapon swap and aim speed<span class="perLevel"> per level</span>; <em data-base="+7"></em>% movement speed when aiming<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Expertise</h2><em data-base="+14"></em>% weapon swap and aim speed<span class="perLevel"> per level</span>; <em data-base="+7"></em>% movement speed when aiming<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="1" data-invested="0" data-total="0"> <div class="tier" data-level="1" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-gunpowder-2.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-gunpowder-2.png">
<div class="description"><h2>Overload</h2><em data-base="+10"></em>% Magazine Size for Assault Rifles.</div> <div class="description"><h2>Overload</h2><em data-base="+10"></em>% Magazine Size for Assault Rifles.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-gunpowder-3.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-gunpowder-3.png">
<div class="description"><h2>Metal Storm</h2>Kill Skill. Killing an enemy gives <em data-base="+12"></em>% Fire Rate and <em data-base="+15"></em>% Recoil Reduction<span class="perLevel"> per level</span> for a short time.</div> <div class="description"><h2>Metal Storm</h2>Kill Skill. Killing an enemy gives <em data-base="+12"></em>% Fire Rate and <em data-base="+15"></em>% Recoil Reduction<span class="perLevel"> per level</span> for a short time.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="2" data-invested="0" data-total="0"> <div class="tier" data-level="2" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-gunpowder-4.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-gunpowder-4.png">
<div class="description"><h2>Steady</h2><em data-base="+8"></em>% Recoil Reduction, <em data-base="+5"></em>% Grenade Damage, and <em data-base="+4"></em>% Rocket Launcher damage<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Steady</h2><em data-base="+8"></em>% Recoil Reduction, <em data-base="+5"></em>% Grenade Damage, and <em data-base="+4"></em>% Rocket Launcher damage<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/commando-gunpowder-5.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/commando-gunpowder-5.png">
<div class="description"><h2>Longbow Turret</h2><em data-base="+10000"></em>% Turret Deploy Range, <em data-base="+110"></em>% Turret Health.</div> <div class="description"><h2>Longbow Turret</h2><em data-base="+10000"></em>% Turret Deploy Range, <em data-base="+110"></em>% Turret Health.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-gunpowder-6.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-gunpowder-6.png">
<div class="description"><h2>Battlefront</h2><em data-base="+6"></em>% Gun, Melee, and Grenade damage<span class="perLevel"> per level</span> while turret is deployed.</div> <div class="description"><h2>Battlefront</h2><em data-base="+6"></em>% Gun, Melee, and Grenade damage<span class="perLevel"> per level</span> while turret is deployed.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="3" data-invested="0" data-total="0"> <div class="tier" data-level="3" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-gunpowder-7.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-gunpowder-7.png">
<div class="description"><h2>Duty Calls</h2><em data-base="+5"></em>% Gun Damage and <em data-base="+3"></em>% Fire Rate with non-elemental guns.</div> <div class="description"><h2>Duty Calls</h2><em data-base="+5"></em>% Gun Damage and <em data-base="+3"></em>% Fire Rate with non-elemental guns.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/commando-gunpowder-8.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/commando-gunpowder-8.png">
<div class="description"><h2>Do or Die</h2>Allows you to throw grenades while in Fight for Your Life. <em data-base="+10"></em>% Grenade and Rocket Launcher damage.</div> <div class="description"><h2>Do or Die</h2>Allows you to throw grenades while in Fight for Your Life. <em data-base="+10"></em>% Grenade and Rocket Launcher damage.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier push1" data-level="4" data-invested="0" data-total="0"> <div class="tier push1" data-level="4" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-gunpowder-9.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-gunpowder-9.png">
<div class="description"><h2>Ranger</h2><em data-base="+1"></em>% Gun Damage, Accuracy, Critical Hit Damage, Fire Rate, Magazine Size, Reload Speed, and Maximum Health<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Ranger</h2><em data-base="+1"></em>% Gun Damage, Accuracy, Critical Hit Damage, Fire Rate, Magazine Size, Reload Speed, and Maximum Health<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier push1" data-level="5" data-invested="0" data-total="0"> <div class="tier push1" data-level="5" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="1"><img src="icons/commando-gunpowder-10.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/commando-gunpowder-10.png">
<div class="description"><h2>Nuke</h2>Deploying your Sabre Turret sets off a small Nuclear Blast. </div> <div class="description"><h2>Nuke</h2>Deploying your Sabre Turret sets off a small Nuclear Blast. </div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="totalPoints"> <div class="totalPoints">
<span class="totalPoints">0</span> <span class="totalPoints">0</span>
</div> </div>
<legend>Gunpowder</legend> <legend>Gunpowder</legend>
</div> </div>
</div> </div>
<div class="treewrapper red"> <div class="treewrapper red">
<div class="bglayer gray"></div> <div class="bglayer gray"></div>
<div class="bglayer color"></div> <div class="bglayer color"></div>
<div class="tree"> <div class="tree">
<div class="tier" data-level="0" data-invested="0" data-total="0"> <div class="tier" data-level="0" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-survival-0.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-survival-0.png">
<div class="description"><h2>Healthy</h2><em data-base="+6"></em>% Maximum Health<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Healthy</h2><em data-base="+6"></em>% Maximum Health<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-survival-1.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-survival-1.png">
<div class="description"><h2>Preparation</h2><em data-base="+3"></em>% shield capacity<span class="perLevel"> per level</span>; regenerate <em data-base="+0.4"></em>% health per second<span class="perLevel"> per level</span> when shields are full.</div> <div class="description"><h2>Preparation</h2><em data-base="+3"></em>% shield capacity<span class="perLevel"> per level</span>; regenerate <em data-base="+0.4"></em>% health per second<span class="perLevel"> per level</span> when shields are full.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="1" data-invested="0" data-total="0"> <div class="tier" data-level="1" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-survival-2.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-survival-2.png">
<div class="description"><h2>Last Ditch Effort</h2><em data-base="+8"></em>% Gun Damage and <em data-base="+14"></em>% Movement Speed<span class="perLevel"> per level</span> during Fight For Your Life.</div> <div class="description"><h2>Last Ditch Effort</h2><em data-base="+8"></em>% Gun Damage and <em data-base="+14"></em>% Movement Speed<span class="perLevel"> per level</span> during Fight For Your Life.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-survival-3.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/commando-survival-3.png">
<div class="description"><h2>Pressure</h2>Up to <em data-base="+14"></em>% Reload Speed and <em data-base="-12"></em>% Shield Recharge Delay<span class="perLevel"> per level</span> depending on how low your health is.</div> <div class="description"><h2>Pressure</h2>Up to <em data-base="+14"></em>% Reload Speed and <em data-base="-12"></em>% Shield Recharge Delay<span class="perLevel"> per level</span> depending on how low your health is.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="2" data-invested="0" data-total="0"> <div class="tier" data-level="2" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-survival-4.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-survival-4.png">
<div class="description"><h2>Forbearance</h2><em data-base="-8"></em>% Status Effect duration on you and <em data-base="+1"></em>% Maximum Health<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Forbearance</h2><em data-base="-8"></em>% Status Effect duration on you and <em data-base="+1"></em>% Maximum Health<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/commando-survival-5.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/commando-survival-5.png">
<div class="description"><h2>Phalanx Shield</h2>Your Sabre Turret projects a shield that attempts to block enemy ranged fire but lets friendly ranged attacks pass through.</div> <div class="description"><h2>Phalanx Shield</h2>Your Sabre Turret projects a shield that attempts to block enemy ranged fire but lets friendly ranged attacks pass through.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-survival-6.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-survival-6.png">
<div class="description"><h2>Quick Charge</h2>Kill Skill. Killing an enemy regenerates <em data-base="+1"></em>% of your shield per second<span class="perLevel"> per level</span> for a short time.</div> <div class="description"><h2>Quick Charge</h2>Kill Skill. Killing an enemy regenerates <em data-base="+1"></em>% of your shield per second<span class="perLevel"> per level</span> for a short time.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="3" data-invested="0" data-total="0"> <div class="tier" data-level="3" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-survival-7.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-survival-7.png">
<div class="description"><h2>Resourceful</h2><em data-base="+5"></em>% Action Skill Cooldown Rate<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Resourceful</h2><em data-base="+5"></em>% Action Skill Cooldown Rate<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/commando-survival-8.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/commando-survival-8.png">
<div class="description"><h2>Mag-Lock</h2>Your Sabre Turret can be deployed on walls and ceilings.</div> <div class="description"><h2>Mag-Lock</h2>Your Sabre Turret can be deployed on walls and ceilings.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier push1" data-level="4" data-invested="0" data-total="0"> <div class="tier push1" data-level="4" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/commando-survival-9.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/commando-survival-9.png">
<div class="description"><h2>Grit</h2>You have a <em data-base="4"></em>% chance<span class="perLevel"> per level</span> to ignore damage that would otherwise kill you. In addition to not taking damage from the attack, you will also regain half your Maximum health.</div> <div class="description"><h2>Grit</h2>You have a <em data-base="4"></em>% chance<span class="perLevel"> per level</span> to ignore damage that would otherwise kill you. In addition to not taking damage from the attack, you will also regain half your Maximum health.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier push1" data-level="5" data-invested="0" data-total="0"> <div class="tier push1" data-level="5" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="1"><img src="icons/commando-survival-10.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/commando-survival-10.png">
<div class="description"><h2>Gemini</h2>Allows you to deploy two Sabre Turrets. </div> <div class="description"><h2>Gemini</h2>Allows you to deploy two Sabre Turrets. </div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="totalPoints"> <div class="totalPoints">
<span class="totalPoints">0</span> <span class="totalPoints">0</span>
</div> </div>
<legend>Survival</legend> <legend>Survival</legend>
</div> </div>
</div> </div>
</div> </div>
<div class="summary"> <div class="summary">
<h2>List of Skills:</h2> <h2>List of Skills:</h2>
<div class="descriptionContainer"></div> <div class="descriptionContainer"></div>
<!--#include virtual="./footer.txt"--> <div class="footer">Art &copy; 2012 <a href="http://www.gearboxsoftware.com/" target="_blank">Gearbox Studios</a>. <a href="https://www.google.com/webfonts" target="_blank">Fonts</a> by Google. Code hosted on Github. <a href="https://github.com/seigler/bl2skills.com">Source Code</a>.</div>
</div> </div>
</body> </body>
</html> </html>

View file

@ -1,16 +0,0 @@
<div class="footer">Art &copy; 2012 <a href="http://www.gearboxsoftware.com/" target="_blank">Gearbox Studios</a>. <a href="https://www.google.com/webfonts" target="_blank">Fonts</a> by Google. <a href="http://cdnjs.com/" target="_blank">scripts</a> hosted by Cloudflare. Code by <a href="http://www.reddit.com/message/compose/?to=kuqumi" target="_blank">kuqumi</a> of <a href="http://www.reddit.com/" target="_blank">Reddit.com</a> <a href="http://www.reddit.com/r/borderlands" target="_blank">/r/borderlands</a>. Bitcoins are welcome: <a href="bitcoin:1BoigKJBs1ngoi6EFy97jACUC2pn1a2Xxv?amount=0.01&label=bl2skills.com%20donation">1BoigKJBs1ngoi6EFy97jACUC2pn1a2Xxv</a></div>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://analytics.seigler.net/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', 1]);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript';
g.defer=true; g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><img src="http://analytics.seigler.net/piwik.php?idsite=1" style="position:absolute;border:0;" alt="" /></noscript>
<!-- End Piwik Code -->

View file

@ -223,7 +223,7 @@
<div class="summary"> <div class="summary">
<h2>List of Skills:</h2> <h2>List of Skills:</h2>
<div class="descriptionContainer"></div> <div class="descriptionContainer"></div>
<!--#include virtual="./footer.txt"--> <div class="footer">Art &copy; 2012 <a href="http://www.gearboxsoftware.com/" target="_blank">Gearbox Studios</a>. <a href="https://www.google.com/webfonts" target="_blank">Fonts</a> by Google. Code hosted on Github. <a href="https://github.com/seigler/bl2skills.com">Source Code</a>.</div>
</div> </div>
</body> </body>

689
main.css
View file

@ -1,282 +1,407 @@
html,body { height: 100%; margin: 0; padding: 0; } html,
html {overflow-y: scroll;} body {
body { min-height: 100vh;
background: #333 url("background.jpg") no-repeat fixed center center; margin: 0;
background-size: cover; padding: 0;
color: #eee; }
font: 15pt/17pt Homenaje, Impact, sans-serif;
cursor: default; html {
text-align: center; overflow-y: scroll;
} }
::-moz-selection { color: black; background: #FBB406; }
::selection { color: black; background: #FBB406; } body {
h1, h2, h3 { display: flex;
margin: 0; flex-direction: column;
font-weight: normal; background: #333 url("background.jpg") no-repeat fixed center center;
} background-size: cover;
em { color: #eee;
font-style: normal; font: 15pt/17pt Homenaje, Impact, sans-serif;
} cursor: default;
.header { text-align: center;
font-size: 24pt; }
text-transform: uppercase;
line-height: 1; ::-moz-selection {
padding-bottom: 10px; color: black;
margin-bottom: 10px; background: #FBB406;
} }
body.choicePage {
display: table; ::selection {
width: 100%; color: black;
} background: #FBB406;
body.choicePage .wrapper { }
display: table-cell;
width: 100%; h1,
vertical-align: middle; h2,
} h3 {
.header * margin: 0;
{ font-weight: normal;
position: relative; }
z-index: 11;
} em {
.header .links { font-style: normal;
text-align: center; }
line-height: 1.2;
font-size: 50%; .header {
z-index: 20; font-size: 24pt;
} text-transform: uppercase;
.header a.permalink { line-height: 1;
color: white; padding-bottom: 10px;
padding: 0.5em 0; margin-bottom: 10px;
-moz-user-select: text; }
-webkit-user-select: text;
-ms-user-select: text; body.choicePage {
-o-user-select: text; display: table;
user-select: text; width: 100%;
} }
.header a.reset {
color: red; body.choicePage .wrapper {
} display: table-cell;
.header, .summary { width: 100%;
background-color: rgba(0,0,0,0.5); vertical-align: middle;
} }
.header h1 {
color: #FFDE09; .header * {
font-size: 140%; position: relative;
} z-index: 11;
.header h1 em { }
font-style: normal;
font-size: 200%; .header .links {
position: relative; text-align: center;
top: 0.15em; line-height: 1.2;
} font-size: 50%;
.header h2 { z-index: 20;
color: #FBB406; }
font-size: 150%;
} .header a.permalink {
.header h3 { color: white;
font-size: 80%; padding: 0.5em 0;
} -moz-user-select: text;
.treeCollection { -webkit-user-select: text;
text-align: center; -ms-user-select: text;
width: 741px; -o-user-select: text;
height: 396px; user-select: text;
margin: 20px auto 30px auto; }
position: relative;
z-index: 20; .header a.reset {
-moz-user-select: none; color: red;
-webkit-user-select: none; }
-ms-user-select: none;
-o-user-select: none; .header,
user-select: none; .summary {
} background-color: rgba(0, 0, 0, 0.5);
.treewrapper { }
float: left;
width: 247px; .header h1 {
height: 396px; color: #FFDE09;
} font-size: 140%;
.tree { }
width: 174px;
text-align: center; .header h1 em {
margin: 20px auto 0; font-style: normal;
} font-size: 200%;
.bglayer { position: relative;
position: absolute; top: 0.15em;
height: 396px; }
width: 247px;
} .header h2 {
.bglayer.color { color: #FBB406;
height: 80px; font-size: 150%;
} }
.green .gray { background: url("skill_bg_green_gray.png") transparent; } .header h3 {
.blue .gray { background: url("skill_bg_blue_gray.png") transparent; } font-size: 80%;
.red .gray { background: url("skill_bg_red_gray.png") transparent; } }
.green .color { background: url("skill_bg_green.png") transparent; }
.blue .color { background: url("skill_bg_blue.png") transparent; } .treeCollection {
.red .color { background: url("skill_bg_red.png") transparent; } text-align: center;
width: 741px;
.skill { height: 396px;
padding: 3px; margin: 20px auto 30px auto;
width: 52px; position: relative;
height: 53px; z-index: 20;
cursor: pointer; -moz-user-select: none;
position: relative; -webkit-user-select: none;
float: left; -ms-user-select: none;
} -o-user-select: none;
.skill>img { user-select: none;
width: 52px; }
height: 53px;
} .treewrapper {
float: left;
.points { width: 247px;
visibility: hidden; height: 396px;
position: absolute; }
width: 35px;
height: 21px; .tree {
line-height: 21px; width: 174px;
bottom: 0; right: 0; text-align: center;
padding: 0 2px; margin: 20px auto 0;
background: url("icons/points_overlay.png") transparent; }
color: white;
} .bglayer {
.skill.partial .points { color: #F80; } position: absolute;
.skill.full .points { color: #0B0; } height: 396px;
width: 247px;
.tier, div.totalPoints, legend { }
clear: both;
} .bglayer.color {
div.totalPoints { height: 80px;
text-align: right; }
}
legend, span.totalPoints { .green .gray {
text-transform: uppercase; background: url("skill_bg_green_gray.png") transparent;
font-weight: bold; }
font-size: 22pt;
color: white; .blue .gray {
text-shadow: black 0 0 4px; background: url("skill_bg_blue_gray.png") transparent;
position: absolute; }
display: block;
width: 174px; .red .gray {
} background: url("skill_bg_red_gray.png") transparent;
legend { }
width: 150px;
text-align: left; .green .color {
} background: url("skill_bg_green.png") transparent;
.push1 { margin-left: 58px; } }
.skill.partial .perLevel, .skill.full .perLevel { display: none; }
.blue .color {
.tree .description { background: url("skill_bg_blue.png") transparent;
display: none; }
position: absolute;
top: 0; .red .color {
width: 200px; background: url("skill_bg_red.png") transparent;
z-index: 20; }
background-color: #111;
color: white; .skill {
padding: 0 0.25em 0.5em; padding: 3px;
text-align: center; width: 52px;
} height: 53px;
.green .description, .blue .description { cursor: pointer;
left: 110%; position: relative;
} float: left;
.red .description { }
right: 110%;
} .skill>img {
.tier[data-level='4'] .description { width: 52px;
top: auto; height: 53px;
bottom: -59px; }
}
.tier[data-level='4'] .description.shortTier4Description { .points {
top: 0; visibility: hidden;
bottom: auto; position: absolute;
} width: 35px;
.tier[data-level='5'] .description { height: 21px;
top: auto; line-height: 21px;
bottom: 0; bottom: 0;
} right: 0;
.tree .description h2 { padding: 0 2px;
padding: 0.15em 0; background: url("icons/points_overlay.png") transparent;
margin-bottom: 0.15em; color: white;
font-size: 125%; }
border-bottom: 1px solid gray;
} .skill.partial .points {
.summary { color: #F80;
position: relative; }
margin: 10px 0 0;
padding: 8px 0; .skill.full .points {
line-height: 1.1; color: #0B0;
z-index: 10; }
}
.descriptionContainer { .tier,
max-width: 700px; div.totalPoints,
margin: 0 auto; legend {
} clear: both;
.descriptionContainer div.skillText { }
clear: both;
border-top: 1px solid white; div.totalPoints {
text-align: left; text-align: right;
} }
.descriptionContainer strong {
display: block; legend,
font-weight: normal; span.totalPoints {
font-size: 120%; text-transform: uppercase;
float: left; font-weight: bold;
clear: left; font-size: 22pt;
width: 220px; color: white;
margin-right: -220px; text-shadow: black 0 0 4px;
text-align: right; position: absolute;
} display: block;
.descriptionContainer div.descriptionText { width: 174px;
margin: 4px 0 4px 230px; }
padding: 0;
} legend {
.descriptionContainer .perLevel { width: 150px;
display: none; text-align: left;
} }
.footer {
margin-top: 100px; .push1 {
text-align: center; margin-left: 58px;
font-size: 70%; }
color: white;
color: rgba(255,255,255,0.5); .skill.partial .perLevel,
} .skill.full .perLevel {
.footer a { color: white; color: rgba(255,255,255,0.5); } display: none;
.footer a:hover { color: red; } }
.skill.partial .description em {
color: #F80; .tree .description {
} display: none;
.skill.full .description em { position: absolute;
color: #0B0; top: 0;
} width: 200px;
.skill:hover .description { z-index: 20;
display: block; background-color: #111;
} color: white;
.skill:hover .description:hover { padding: 0 0.25em 0.5em;
display: none; text-align: center;
} }
.green legend { color: #41974D; }
.blue legend { color: #2A87C7; } .green .description,
.red legend { color: #A93640; } .blue .description {
a.biglink { left: 110%;
display: inline-block; }
color: inherit;
padding: 1em; .red .description {
margin: 10px; right: 110%;
background: rgba(0,0,0,0.5); }
border: 2px solid white;
text-decoration: none; .tier[data-level='4'] .description {
} top: auto;
a.biglink:hover { bottom: -59px;
background: black; }
text-decoration: underline;
} .tier[data-level='4'] .description.shortTier4Description {
a.unavailable { cursor: not-allowed; } top: 0;
a.unavailable:hover { text-decoration: none; } bottom: auto;
img.portrait { }
position: absolute;
position: fixed; .tier[data-level='5'] .description {
height: 95%; top: auto;
left: 0; bottom: 0;
bottom: 0; }
z-index: 0;
} .tree .description h2 {
padding: 0.15em 0;
margin-bottom: 0.15em;
font-size: 125%;
border-bottom: 1px solid gray;
}
.summary {
display: flex;
flex-grow: 1;
flex-direction: column;
position: relative;
margin: 10px 0 0;
padding: 8px 0;
line-height: 1.1;
z-index: 10;
}
.descriptionContainer {
max-width: 700px;
margin: 0 auto;
}
.descriptionContainer div.skillText {
clear: both;
border-top: 1px solid white;
text-align: left;
}
.descriptionContainer strong {
display: block;
font-weight: normal;
font-size: 120%;
float: left;
clear: left;
width: 220px;
margin-right: -220px;
text-align: right;
}
.descriptionContainer div.descriptionText {
margin: 4px 0 4px 230px;
padding: 0;
}
.descriptionContainer .perLevel {
display: none;
}
.footer {
padding-top: 50px;
margin-top: auto;
text-align: center;
font-size: 70%;
color: white;
color: rgba(255, 255, 255, 0.5);
}
.footer a {
color: white;
color: rgba(255, 255, 255, 0.5);
}
.footer a:hover {
color: red;
}
.skill.partial .description em {
color: #F80;
}
.skill.full .description em {
color: #0B0;
}
.skill:hover .description {
display: block;
}
.skill:hover .description:hover {
display: none;
}
.green legend {
color: #41974D;
}
.blue legend {
color: #2A87C7;
}
.red legend {
color: #A93640;
}
a.biglink {
display: inline-block;
color: inherit;
padding: 1em;
margin: 10px;
background: rgba(0, 0, 0, 0.5);
border: 2px solid white;
text-decoration: none;
}
a.biglink:hover {
background: black;
text-decoration: underline;
}
a.unavailable {
cursor: not-allowed;
}
a.unavailable:hover {
text-decoration: none;
}
img.portrait {
position: absolute;
position: fixed;
height: 95%;
left: 0;
bottom: 0;
z-index: 0;
}

View file

@ -1,240 +1,240 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Borderlands 2 Skill Calculator: Mechromancer</title> <title>Borderlands 2 Skill Calculator: Mechromancer</title>
<link href='main.css' rel='stylesheet' type='text/css'> <link href='main.css' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="skillManager.js"></script> <script src="skillManager.js"></script>
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="index.html">&lt; go back</a> | <a href="mechromancer.html" class="reset">reset</a> | Permalink: <a href="#" class="permalink"></a></div> <div class="links"><a class="reset" href="index.html">&lt; go back</a> | <a href="mechromancer.html" class="reset">reset</a> | Permalink: <a href="#" class="permalink"></a></div>
<h1>Borderlands<em>2</em></h1> <h1>Borderlands<em>2</em></h1>
<h2>Gaige</h2> <h2>Gaige</h2>
<h3>Level <span class="charLevel">5</span> Mechromancer</h3> <h3>Level <span class="charLevel">5</span> Mechromancer</h3>
</div> </div>
<img unselectable="on" class="portrait" src="mechromancerPortrait.png"> <img unselectable="on" class="portrait" src="mechromancerPortrait.png">
<div class="treeCollection"> <div class="treeCollection">
<div class="treewrapper green"> <div class="treewrapper green">
<div class="bglayer gray"></div> <div class="bglayer gray"></div>
<div class="bglayer color"></div> <div class="bglayer color"></div>
<div class="tree"> <div class="tree">
<div class="tier" data-level="0" data-invested="0" data-total="0"> <div class="tier" data-level="0" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-0.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-0.png">
<div class="description"><h2>Close Enough</h2>Your bullets that hit walls or other objects have a <em data-base="10"></em>% chance<span class="perLevel"> per level</span> to ricochet toward a nearby enemy dealing 50% damage.</div> <div class="description"><h2>Close Enough</h2>Your bullets that hit walls or other objects have a <em data-base="10"></em>% chance<span class="perLevel"> per level</span> to ricochet toward a nearby enemy dealing 50% damage.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-1.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-1.png">
<div class="description"><h2>Cooking Up Trouble</h2>While your gun's magazine is full you regenerate <em data-base="0.4"></em>%<span class="perLevel"> per level</span> of maximum health per second.</div> <div class="description"><h2>Cooking Up Trouble</h2>While your gun's magazine is full you regenerate <em data-base="0.4"></em>%<span class="perLevel"> per level</span> of maximum health per second.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="1" data-invested="0" data-total="0"> <div class="tier" data-level="1" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-2.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-2.png">
<div class="description"><h2>Fancy Mathematics</h2>Improves shield recharge delay (up to <em data-base="-14"></em>%<span class="perLevel"> per level</span>) and shield recharge rate (up to <em data-base="+12"></em>%<span class="perLevel"> per level</span>) based on how low your health is. The lower your health the greater the bonuses.</div> <div class="description"><h2>Fancy Mathematics</h2>Improves shield recharge delay (up to <em data-base="-14"></em>%<span class="perLevel"> per level</span>) and shield recharge rate (up to <em data-base="+12"></em>%<span class="perLevel"> per level</span>) based on how low your health is. The lower your health the greater the bonuses.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-bestfriendsforever-3.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-bestfriendsforever-3.png">
<div class="description"><h2>Buck Up</h2>Deathtrap Ability. Deathtrap restores the shields of one ally by 30%.</div> <div class="description"><h2>Buck Up</h2>Deathtrap Ability. Deathtrap restores the shields of one ally by 30%.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-4.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-4.png">
<div class="description"><h2>The Better Half</h2>When your magazine is at least half empty you gain fire rate <em data-base="+12"></em>%<span class="perLevel"> per level</span>.</div> <div class="description"><h2>The Better Half</h2>When your magazine is at least half empty you gain fire rate <em data-base="+12"></em>%<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="2" data-invested="0" data-total="0"> <div class="tier" data-level="2" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-5.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-5.png">
<div class="description"><h2>Potent as a Pony</h2>Increases maximum health for you (<em data-base="+4"></em>%<span class="perLevel"> per level</span>) and Deathtrap (<em data-base="+2"></em>%<span class="perLevel"> per level</span>).</div> <div class="description"><h2>Potent as a Pony</h2>Increases maximum health for you (<em data-base="+4"></em>%<span class="perLevel"> per level</span>) and Deathtrap (<em data-base="+2"></em>%<span class="perLevel"> per level</span>).</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-bestfriendsforever-6.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-bestfriendsforever-6.png">
<div class="description"><h2>Upshot Robot</h2>While Deathtrap is active, if you or Deathtrap kill an enemy it increases Deathtrap's duration by 5 seconds and grants both of you a 4% stackable melee damage bonus. Bonuses are lost when Deathtrap goes away.</div> <div class="description"><h2>Upshot Robot</h2>While Deathtrap is active, if you or Deathtrap kill an enemy it increases Deathtrap's duration by 5 seconds and grants both of you a 4% stackable melee damage bonus. Bonuses are lost when Deathtrap goes away.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-7.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-7.png">
<div class="description"><h2>Unstoppable Force</h2>Killing an enemy grants you <em data-base="+7"></em>%<span class="perLevel"> per level</span> movement speed and <em data-base="+0.8"></em>% shield regeneration<span class="perLevel"> per level</span> for a short while.</div> <div class="description"><h2>Unstoppable Force</h2>Killing an enemy grants you <em data-base="+7"></em>%<span class="perLevel"> per level</span> movement speed and <em data-base="+0.8"></em>% shield regeneration<span class="perLevel"> per level</span> for a short while.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="3" data-invested="0" data-total="0"> <div class="tier" data-level="3" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-bestfriendsforever-8.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-bestfriendsforever-8.png">
<div class="description"><h2>Explosive Clap</h2>Deathtrap Ability. Deathtrap causes an explosion in front of him, dealing explosive damage to all nearby enemies.</div> <div class="description"><h2>Explosive Clap</h2>Deathtrap Ability. Deathtrap causes an explosion in front of him, dealing explosive damage to all nearby enemies.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-9.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-9.png">
<div class="description"><h2>Made of Sterner Stuff</h2>You and Deathtrap gain <em data-base="+1"></em>%<span class="perLevel"> per level</span> damage reduction against all damage types. Deathtrap gains <em data-base="+3"></em>%<span class="perLevel"> per level</span> melee damage.</div> <div class="description"><h2>Made of Sterner Stuff</h2>You and Deathtrap gain <em data-base="+1"></em>%<span class="perLevel"> per level</span> damage reduction against all damage types. Deathtrap gains <em data-base="+3"></em>%<span class="perLevel"> per level</span> melee damage.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="4" data-invested="0" data-total="0"> <div class="tier" data-level="4" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-10.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/mechromancer-bestfriendsforever-10.png">
<div class="description"><h2>20% Cooler</h2>Increases the cooldown rate of your action skill by <em data-base="+6"></em>%<span class="perLevel"> per level</span>.</div> <div class="description"><h2>20% Cooler</h2>Increases the cooldown rate of your action skill by <em data-base="+6"></em>%<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="5" data-invested="0" data-total="0"> <div class="tier" data-level="5" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="1"><img src="icons/mechromancer-bestfriendsforever-11.png"> <div class="skill push1" data-points="0" data-max="1"><img src="icons/mechromancer-bestfriendsforever-11.png">
<div class="description"><h2>Sharing is Caring</h2>Grants a copy of your shield to Deathtrap. </div> <div class="description"><h2>Sharing is Caring</h2>Grants a copy of your shield to Deathtrap. </div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="totalPoints"> <div class="totalPoints">
<span class="totalPoints">0</span> <span class="totalPoints">0</span>
</div> </div>
<legend>Best Friends Forever</legend> <legend>Best Friends Forever</legend>
</div> </div>
</div> </div>
<div class="treewrapper blue"> <div class="treewrapper blue">
<div class="bglayer gray"></div> <div class="bglayer gray"></div>
<div class="bglayer color"></div> <div class="bglayer color"></div>
<div class="tree"> <div class="tree">
<div class="tier" data-level="0" data-invested="0" data-total="0"> <div class="tier" data-level="0" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-0.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-0.png">
<div class="description"><h2>More Pep</h2>Increases your chances of applying Burn (<em data-base="+2"></em>%<span class="perLevel"> per level</span>), Electrocute (<em data-base="+4"></em>%<span class="perLevel"> per level</span>), Corrode (<em data-base="+2"></em>%<span class="perLevel"> per level</span>), and Slag (<em data-base="+2"></em>%<span class="perLevel"> per level</span>) Status Effects.</div> <div class="description"><h2>More Pep</h2>Increases your chances of applying Burn (<em data-base="+2"></em>%<span class="perLevel"> per level</span>), Electrocute (<em data-base="+4"></em>%<span class="perLevel"> per level</span>), Corrode (<em data-base="+2"></em>%<span class="perLevel"> per level</span>), and Slag (<em data-base="+2"></em>%<span class="perLevel"> per level</span>) Status Effects.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-1.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-1.png">
<div class="description"><h2>Myelin</h2>Grants you <em data-base="+6"></em>%<span class="perLevel"> per level</span> Resistance to Shock Damage. Also increases your Shield Capacity by <em data-base="+3"></em>%<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Myelin</h2>Grants you <em data-base="+6"></em>%<span class="perLevel"> per level</span> Resistance to Shock Damage. Also increases your Shield Capacity by <em data-base="+3"></em>%<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="1" data-invested="0" data-total="0"> <div class="tier" data-level="1" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-2.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-2.png">
<div class="description"><h2>Shock Storm</h2>Killing an enemy with a Critical Hit causes an Electric Storm, dealing Rank <span class="perLevel">(</span><em data-base="1"></em><span class="perLevel"> per level)</span> Electrocute Damage to nearby enemies. Electrical Storms are also caused by Deathtrap whenever he kills an enemy.</div> <div class="description"><h2>Shock Storm</h2>Killing an enemy with a Critical Hit causes an Electric Storm, dealing Rank <span class="perLevel">(</span><em data-base="1"></em><span class="perLevel"> per level)</span> Electrocute Damage to nearby enemies. Electrical Storms are also caused by Deathtrap whenever he kills an enemy.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-littlebigtrouble-3.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-littlebigtrouble-3.png">
<div class="description"><h2>The Stare</h2>Deathtrap Ability. Deathtrap fires a laser beam and sweeps it across the battlefield, dealing Burn Damage and possibly Igniting enemies.</div> <div class="description"><h2>The Stare</h2>Deathtrap Ability. Deathtrap fires a laser beam and sweeps it across the battlefield, dealing Burn Damage and possibly Igniting enemies.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-4.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-4.png">
<div class="description"><h2>Strength of Five Gorillas</h2>Increases Melee Damage for you and Deathtrap by <em data-base="+3"></em>%<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Strength of Five Gorillas</h2>Increases Melee Damage for you and Deathtrap by <em data-base="+3"></em>%<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="2" data-invested="0" data-total="0"> <div class="tier" data-level="2" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-5.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-5.png">
<div class="description"><h2>Electrical Burn</h2>When your Electrocute Status Effects deal damage to enemies, there is a <em data-base="4"></em>%<span class="perLevel"> (per level)</span> chance they will burst into flames and take Burn Damage. The amount of Burn Damage is based on the Electrocute damage dealt.</div> <div class="description"><h2>Electrical Burn</h2>When your Electrocute Status Effects deal damage to enemies, there is a <em data-base="4"></em>%<span class="perLevel"> (per level)</span> chance they will burst into flames and take Burn Damage. The amount of Burn Damage is based on the Electrocute damage dealt.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-littlebigtrouble-6.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-littlebigtrouble-6.png">
<div class="description"><h2>Shock and "AAAGGGGHHH!"</h2>Reloading your gun causes an Electrical Explosion, damaging nearby enemies.</div> <div class="description"><h2>Shock and "AAAGGGGHHH!"</h2>Reloading your gun causes an Electrical Explosion, damaging nearby enemies.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-7.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-7.png">
<div class="description"><h2>Evil Enchantress</h2>Kill Skill. Killing an enemy increases by <em data-base="+6"></em>%<span class="perLevel"> per level</span> the Damage that your Burn, Electrocute, and Corrode status effects deal for a short period of time.</div> <div class="description"><h2>Evil Enchantress</h2>Kill Skill. Killing an enemy increases by <em data-base="+6"></em>%<span class="perLevel"> per level</span> the Damage that your Burn, Electrocute, and Corrode status effects deal for a short period of time.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="3" data-invested="0" data-total="0"> <div class="tier" data-level="3" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-littlebigtrouble-8.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-littlebigtrouble-8.png">
<div class="description"><h2>One Two Boom</h2>Deathtrap Ability. Deathtrap shoots out an orb of energy at an enemy. If you shoot the orb it will explode, dealing massive Shock Damage to nearby enemies.</div> <div class="description"><h2>One Two Boom</h2>Deathtrap Ability. Deathtrap shoots out an orb of energy at an enemy. If you shoot the orb it will explode, dealing massive Shock Damage to nearby enemies.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-9.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-9.png">
<div class="description"><h2>Wires Don't Talk</h2>Increases all Shock and Electrocute Damage that you inflict by <em data-base="+3"></em>%<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Wires Don't Talk</h2>Increases all Shock and Electrocute Damage that you inflict by <em data-base="+3"></em>%<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="4" data-invested="0" data-total="0"> <div class="tier" data-level="4" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-10.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/mechromancer-littlebigtrouble-10.png">
<div class="description"><h2>Interspersed Outburst</h2>Not shooting an enemy for a short time grants you a stack of Interspersed Outburst (up to 5 stacks). The next time you shoot an enemy, all stacks of Interspersed Outburst are consumed and you deal Rank <span class="perLevel">(</span><em data-base="1"></em><span class="perLevel"> per level)</span> Slag Damage. The more stacks are consumed, the greater the chance of slagging the target.</div> <div class="description"><h2>Interspersed Outburst</h2>Not shooting an enemy for a short time grants you a stack of Interspersed Outburst (up to 5 stacks). The next time you shoot an enemy, all stacks of Interspersed Outburst are consumed and you deal Rank <span class="perLevel">(</span><em data-base="1"></em><span class="perLevel"> per level)</span> Slag Damage. The more stacks are consumed, the greater the chance of slagging the target.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier push1" data-level="5" data-invested="0" data-total="0"> <div class="tier push1" data-level="5" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-littlebigtrouble-11.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-littlebigtrouble-11.png">
<div class="description"><h2>Make it Sparkle</h2>Shooting Deathtrap with an elemental weapon charges him with that element, causing his melee attacks to deal additional damage of that element.</div> <div class="description"><h2>Make it Sparkle</h2>Shooting Deathtrap with an elemental weapon charges him with that element, causing his melee attacks to deal additional damage of that element.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="totalPoints"> <div class="totalPoints">
<span class="totalPoints">0</span> <span class="totalPoints">0</span>
</div> </div>
<legend>Little Big Trouble</legend> <legend>Little Big Trouble</legend>
</div> </div>
</div> </div>
<div class="treewrapper red"> <div class="treewrapper red">
<div class="bglayer gray"></div> <div class="bglayer gray"></div>
<div class="bglayer color"></div> <div class="bglayer color"></div>
<div class="tree"> <div class="tree">
<div class="tier" data-level="0" data-invested="0" data-total="0"> <div class="tier" data-level="0" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="4"><img src="icons/mechromancer-orderedchaos-0.png"> <div class="skill" data-points="0" data-max="4"><img src="icons/mechromancer-orderedchaos-0.png">
<div class="description"><h2>Smaller, Lighter, Faster</h2>Increases you reload speed <em data-base="+6"></em>%<span class="perLevel"> per level</span> but decreases your magazine size <em data-base="-1"></em>%<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Smaller, Lighter, Faster</h2>Increases you reload speed <em data-base="+6"></em>%<span class="perLevel"> per level</span> but decreases your magazine size <em data-base="-1"></em>%<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="1"><img src="icons/mechromancer-orderedchaos-1.png"> <div class="skill push1" data-points="0" data-max="1"><img src="icons/mechromancer-orderedchaos-1.png">
<div class="description"><h2>Anarchy</h2>Killing an enemy or fully emptying your gun's magazine while in combat grants you a stack of Anarchy (up to 150 stacks). For every stack of Anarchy you have, you gain +1.75% bonus gun damage, but your accuracy is decreased -1.75%. Prematurely reloading your guns removes all stacks of Anarchy. Anarchy stacks are quickly lost while in "Fight for Your Life."</div> <div class="description"><h2>Anarchy</h2>Killing an enemy or fully emptying your gun's magazine while in combat grants you a stack of Anarchy (up to 150 stacks). For every stack of Anarchy you have, you gain +1.75% bonus gun damage, but your accuracy is decreased -1.75%. Prematurely reloading your guns removes all stacks of Anarchy. Anarchy stacks are quickly lost while in "Fight for Your Life."</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="1" data-invested="0" data-total="0"> <div class="tier" data-level="1" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-orderedchaos-2.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-orderedchaos-2.png">
<div class="description"><h2>Preshrunk Cyberpunk</h2>Increases the maximum number of Anarchy stacks you can have by <em data-base="+50"></em><span class="perLevel"> per level</span>.</div> <div class="description"><h2>Preshrunk Cyberpunk</h2>Increases the maximum number of Anarchy stacks you can have by <em data-base="+50"></em><span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-orderedchaos-3.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-orderedchaos-3.png">
<div class="description"><h2>Robot Rampage</h2>Deathtrap Ability. Deathtrap lashes out with a flurry of attacks.</div> <div class="description"><h2>Robot Rampage</h2>Deathtrap Ability. Deathtrap lashes out with a flurry of attacks.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-orderedchaos-4.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-orderedchaos-4.png">
<div class="description"><h2>Blood Soaked Shields</h2>Killing an enemy immediately restores <em data-base="20"></em>% of your shields<span class="perLevel"> per level</span>, but you lose <em data-base="1"></em>% of your current health<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Blood Soaked Shields</h2>Killing an enemy immediately restores <em data-base="20"></em>% of your shields<span class="perLevel"> per level</span>, but you lose <em data-base="1"></em>% of your current health<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="2" data-invested="0" data-total="0"> <div class="tier" data-level="2" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-orderedchaos-5.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-orderedchaos-5.png">
<div class="description"><h2>Annoyed Android</h2>Increases the movement speed of Deathtrap by <em data-base="+7"></em>%<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Annoyed Android</h2>Increases the movement speed of Deathtrap by <em data-base="+7"></em>%<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-orderedchaos-6.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-orderedchaos-6.png">
<div class="description"><h2>Discord</h2>Prematurely reloading activates Discord granting you +65% accuracy, +25% fire rate, and 3% per second health regeneration. You constantly lose Anarchy stacks while Discord is active. Discord can be shut off by prematurely reloading again.</div> <div class="description"><h2>Discord</h2>Prematurely reloading activates Discord granting you +65% accuracy, +25% fire rate, and 3% per second health regeneration. You constantly lose Anarchy stacks while Discord is active. Discord can be shut off by prematurely reloading again.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-orderedchaos-7.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-orderedchaos-7.png">
<div class="description"><h2>Typecast Iconoclast</h2>Whenever you get a stack of Anarchy there is a <em data-base="6"></em>%<span class="perLevel"> per level</span> chance you get an additional stack.</div> <div class="description"><h2>Typecast Iconoclast</h2>Whenever you get a stack of Anarchy there is a <em data-base="6"></em>%<span class="perLevel"> per level</span> chance you get an additional stack.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="3" data-invested="0" data-total="0"> <div class="tier" data-level="3" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-orderedchaos-8.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-orderedchaos-8.png">
<div class="description"><h2>Rational Anarchist</h2>If you have 0 stacks of Anarchy, then the next time you would gain an Anarchy stack you instead gain 25.</div> <div class="description"><h2>Rational Anarchist</h2>If you have 0 stacks of Anarchy, then the next time you would gain an Anarchy stack you instead gain 25.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-orderedchaos-9.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/mechromancer-orderedchaos-9.png">
<div class="description"><h2>Death From Above</h2>Shooting an enemy while in midair consumes <em data-base="1"></em> stacks of Anarchy <span class="perLevel">(1 per level)</span> and causes a Rank <span class="perLevel">(</span><em data-base="1"></em><span class="perLevel"> per level)</span> Digi-splosion, damaging nearby enemies.</div> <div class="description"><h2>Death From Above</h2>Shooting an enemy while in midair consumes <em data-base="1"></em> stacks of Anarchy <span class="perLevel">(1 per level)</span> and causes a Rank <span class="perLevel">(</span><em data-base="1"></em><span class="perLevel"> per level)</span> Digi-splosion, damaging nearby enemies.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="4" data-invested="0" data-total="0"> <div class="tier" data-level="4" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/mechromancer-orderedchaos-10.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/mechromancer-orderedchaos-10.png">
<div class="description"><h2>The Nth Degree</h2>Every <em data-mod="10" data-base="-1"></em> <span class="perLevel"> per level</span><sup></sup> bullets that hits an enemy, one of them will ricochet toward another nearby enemy.</div> <div class="description"><h2>The Nth Degree</h2>Every <em data-mod="10" data-base="-1"></em> <span class="perLevel"> per level</span><sup></sup> bullets that hits an enemy, one of them will ricochet toward another nearby enemy.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier push1" data-level="5" data-invested="0" data-total="0"> <div class="tier push1" data-level="5" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-orderedchaos-11.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/mechromancer-orderedchaos-11.png">
<div class="description"><h2>With Claws</h2>Melee Override Skill. While you have a stack of Anarchy, melee to digistruct claws and swipe twice at an enemy, dealing +0.6% melee damage per Anarchy stack and restoring health. The lower your health the more health you gain. This attack consumes an Anarchy stack.</div> <div class="description"><h2>With Claws</h2>Melee Override Skill. While you have a stack of Anarchy, melee to digistruct claws and swipe twice at an enemy, dealing +0.6% melee damage per Anarchy stack and restoring health. The lower your health the more health you gain. This attack consumes an Anarchy stack.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="totalPoints"> <div class="totalPoints">
<span class="totalPoints">0</span> <span class="totalPoints">0</span>
</div> </div>
<legend>Ordered Chaos</legend> <legend>Ordered Chaos</legend>
</div> </div>
</div> </div>
</div> </div>
<div class="summary"> <div class="summary">
<h2>List of Skills:</h2> <h2>List of Skills:</h2>
<div class="descriptionContainer"></div> <div class="descriptionContainer"></div>
<!--#include virtual="./footer.txt"--> <div class="footer">Art &copy; 2012 <a href="http://www.gearboxsoftware.com/" target="_blank">Gearbox Studios</a>. <a href="https://www.google.com/webfonts" target="_blank">Fonts</a> by Google. Code hosted on Github. <a href="https://github.com/seigler/bl2skills.com">Source Code</a>.</div>
</div> </div>
</body> </body>
</html> </html>

View file

@ -230,7 +230,7 @@
<div class="summary"> <div class="summary">
<h2>List of Skills:</h2> <h2>List of Skills:</h2>
<div class="descriptionContainer"></div> <div class="descriptionContainer"></div>
<!--#include virtual="./footer.txt"--> <div class="footer">Art &copy; 2012 <a href="http://www.gearboxsoftware.com/" target="_blank">Gearbox Studios</a>. <a href="https://www.google.com/webfonts" target="_blank">Fonts</a> by Google. Code hosted on Github. <a href="https://github.com/seigler/bl2skills.com">Source Code</a>.</div>
</div> </div>
</body> </body>

View file

@ -1,225 +1,225 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Borderlands 2 Skill Calculator: Siren</title> <title>Borderlands 2 Skill Calculator: Siren</title>
<link href='main.css' rel='stylesheet' type='text/css'> <link href='main.css' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="skillManager.js"></script> <script src="skillManager.js"></script>
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<div class="links"><a class="reset" href="index.html">&lt; go back</a> | <a href="siren.html" class="reset">reset</a> | Permalink: <a href="#" class="permalink"></a></div> <div class="links"><a class="reset" href="index.html">&lt; go back</a> | <a href="siren.html" class="reset">reset</a> | Permalink: <a href="#" class="permalink"></a></div>
<h1>Borderlands<em>2</em> skill calculator</h1> <h1>Borderlands<em>2</em> skill calculator</h1>
<h2>Maya</h2> <h2>Maya</h2>
<h3>Level <span class="charLevel">5</span> Siren</h3> <h3>Level <span class="charLevel">5</span> Siren</h3>
</div> </div>
<img unselectable="on" class="portrait" src="sirenPortrait.png"> <img unselectable="on" class="portrait" src="sirenPortrait.png">
<div class="treeCollection"> <div class="treeCollection">
<div class="treewrapper green"> <div class="treewrapper green">
<div class="bglayer gray"></div> <div class="bglayer gray"></div>
<div class="bglayer color"></div> <div class="bglayer color"></div>
<div class="tree"> <div class="tree">
<div class="tier" data-level="0" data-invested="0" data-total="0"> <div class="tier" data-level="0" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/siren-motion-0.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/siren-motion-0.png">
<div class="description"><h2>Ward</h2><em data-base="+5"></em>% Shield Capacity and <em data-base="-8"></em>% Shield Recharge Delay<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Ward</h2><em data-base="+5"></em>% Shield Capacity and <em data-base="-8"></em>% Shield Recharge Delay<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-motion-1.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-motion-1.png">
<div class="description"><h2>Accelerate</h2><em data-base="+3"></em>% Gun Damage and <em data-base="+4"></em>% Bullet Speed<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Accelerate</h2><em data-base="+3"></em>% Gun Damage and <em data-base="+4"></em>% Bullet Speed<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="1" data-invested="0" data-total="0"> <div class="tier" data-level="1" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/siren-motion-2.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/siren-motion-2.png">
<div class="description"><h2>Suspension</h2>Increases the duration of Phaselock by <em data-base="+0.5"></em>s<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Suspension</h2>Increases the duration of Phaselock by <em data-base="+0.5"></em>s<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-motion-3.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-motion-3.png">
<div class="description"><h2>Kinetic Reflection</h2>Kill Skill. Killing an enemy causes you to deflect bullets against nearby enemies, reducing damage to you by <em data-base="10"></em>% and dealing <em data-base="20"></em>% damage<span class="perLevel"> per level</span> for a short time.</div> <div class="description"><h2>Kinetic Reflection</h2>Kill Skill. Killing an enemy causes you to deflect bullets against nearby enemies, reducing damage to you by <em data-base="10"></em>% and dealing <em data-base="20"></em>% damage<span class="perLevel"> per level</span> for a short time.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="2" data-invested="0" data-total="0"> <div class="tier" data-level="2" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/siren-motion-4.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/siren-motion-4.png">
<div class="description"><h2>Fleet</h2>Your Movement Speed increases by <em data-base="+10"></em>%<span class="perLevel"> per level</span> while your shields are depleted.</div> <div class="description"><h2>Fleet</h2>Your Movement Speed increases by <em data-base="+10"></em>%<span class="perLevel"> per level</span> while your shields are depleted.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/siren-motion-5.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/siren-motion-5.png">
<div class="description"><h2>Converge</h2>Your Phaselock ability now also pulls nearby enemies toward the original target.</div> <div class="description"><h2>Converge</h2>Your Phaselock ability now also pulls nearby enemies toward the original target.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/siren-motion-6.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/siren-motion-6.png">
<div class="description"><h2>Inertia</h2>Kill Skill. Killing an enemy regenerates <em data-base="+0.8"></em>% of your Shield per second and increases your Reload Speed by <em data-base="+10"></em>%<span class="perLevel"> per level</span> for a short time.</div> <div class="description"><h2>Inertia</h2>Kill Skill. Killing an enemy regenerates <em data-base="+0.8"></em>% of your Shield per second and increases your Reload Speed by <em data-base="+10"></em>%<span class="perLevel"> per level</span> for a short time.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="3" data-invested="0" data-total="0"> <div class="tier" data-level="3" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-motion-7.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-motion-7.png">
<div class="description"><h2>Quicken</h2>Increases the Cooldown Rate of your Phaselock's Ability by <em data-base="6"></em>%<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Quicken</h2>Increases the Cooldown Rate of your Phaselock's Ability by <em data-base="6"></em>%<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="4" data-invested="0" data-total="0"> <div class="tier" data-level="4" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-motion-8.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-motion-8.png">
<div class="description"><h2>Sub-Sequence</h2>When an enemy dies under the effects of Phaselock, there is a chance for your Phaselock to seek out and affect another target (<em data-base="20"></em>% chance<span class="perLevel"> per level</span>).</div> <div class="description"><h2>Sub-Sequence</h2>When an enemy dies under the effects of Phaselock, there is a chance for your Phaselock to seek out and affect another target (<em data-base="20"></em>% chance<span class="perLevel"> per level</span>).</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="5" data-invested="0" data-total="0"> <div class="tier" data-level="5" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="1"><img src="icons/siren-motion-9.png"> <div class="skill push1" data-points="0" data-max="1"><img src="icons/siren-motion-9.png">
<div class="description"><h2>Thoughtlock</h2>Phaselock causes enemies to switch allegiance and fight amongst themselves. Additionally, Phaselock's cooldown and duration are increased (3s and 4s respectively). </div> <div class="description"><h2>Thoughtlock</h2>Phaselock causes enemies to switch allegiance and fight amongst themselves. Additionally, Phaselock's cooldown and duration are increased (3s and 4s respectively). </div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="totalPoints"> <div class="totalPoints">
<span class="totalPoints">0</span> <span class="totalPoints">0</span>
</div> </div>
<legend>Motion</legend> <legend>Motion</legend>
</div> </div>
</div> </div>
<div class="treewrapper blue"> <div class="treewrapper blue">
<div class="bglayer gray"></div> <div class="bglayer gray"></div>
<div class="bglayer color"></div> <div class="bglayer color"></div>
<div class="tree"> <div class="tree">
<div class="tier" data-level="0" data-invested="0" data-total="0"> <div class="tier" data-level="0" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/siren-harmony-0.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/siren-harmony-0.png">
<div class="description"><h2>Mind's Eye</h2><em data-base="+5"></em>% Critical Hit Damage and <em data-base="+6"></em>% Melee Damage<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Mind's Eye</h2><em data-base="+5"></em>% Critical Hit Damage and <em data-base="+6"></em>% Melee Damage<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-harmony-1.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-harmony-1.png">
<div class="description"><h2>Sweet Release</h2>Killing an enemy who is currently Phaselocked creates <em data-base="1"></em> Life Orb<span class="perLevel"> per level</span> which automatically seeks out and heals you and your friends. The healing is stronger when you or your friend's health is low (up to 15% per Orb).</div> <div class="description"><h2>Sweet Release</h2>Killing an enemy who is currently Phaselocked creates <em data-base="1"></em> Life Orb<span class="perLevel"> per level</span> which automatically seeks out and heals you and your friends. The healing is stronger when you or your friend's health is low (up to 15% per Orb).</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="1" data-invested="0" data-total="0"> <div class="tier" data-level="1" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/siren-harmony-2.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/siren-harmony-2.png">
<div class="description"><h2>Restoration</h2><em data-base="+3"></em>% Maximum Health and attack allies to heal them for <em data-base="6"></em>% of the attack damage<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Restoration</h2><em data-base="+3"></em>% Maximum Health and attack allies to heal them for <em data-base="6"></em>% of the attack damage<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-harmony-3.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-harmony-3.png">
<div class="description"><h2>Wreck</h2><em data-base="+10"></em>% Fire Rate and <em data-base="+6"></em>% Damage with guns<span class="perLevel"> per level</span> while you have an enemy Phaselocked.</div> <div class="description"><h2>Wreck</h2><em data-base="+10"></em>% Fire Rate and <em data-base="+6"></em>% Damage with guns<span class="perLevel"> per level</span> while you have an enemy Phaselocked.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="2" data-invested="0" data-total="0"> <div class="tier" data-level="2" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/siren-harmony-4.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/siren-harmony-4.png">
<div class="description"><h2>Elated</h2>You and your friends regenerate <em data-base="+1"></em>% health per second<span class="perLevel"> per level</span> while you have an enemy Phaselocked.</div> <div class="description"><h2>Elated</h2>You and your friends regenerate <em data-base="+1"></em>% health per second<span class="perLevel"> per level</span> while you have an enemy Phaselocked.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/siren-harmony-5.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/siren-harmony-5.png">
<div class="description"><h2>Res</h2>You can instantly revive a friend in Fight for Your Life by using Phaselock on him/her.</div> <div class="description"><h2>Res</h2>You can instantly revive a friend in Fight for Your Life by using Phaselock on him/her.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/siren-harmony-6.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/siren-harmony-6.png">
<div class="description"><h2>Recompense</h2>Taking Health damage has a <em data-base="10"></em>% chance<span class="perLevel"> per level</span> of dealing an equal amount of damage to your attacker.</div> <div class="description"><h2>Recompense</h2>Taking Health damage has a <em data-base="10"></em>% chance<span class="perLevel"> per level</span> of dealing an equal amount of damage to your attacker.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="3" data-invested="0" data-total="0"> <div class="tier" data-level="3" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-harmony-7.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-harmony-7.png">
<div class="description"><h2>Sustenance</h2>Regenerate <em data-base="+0.4"></em>% of your missing Health per second<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Sustenance</h2>Regenerate <em data-base="+0.4"></em>% of your missing Health per second<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="4" data-invested="0" data-total="0"> <div class="tier" data-level="4" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-harmony-8.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-harmony-8.png">
<div class="description"><h2>Life Tap</h2>Kill Skill. Killing an enemy gives you <em data-base="+1.2"></em>% Life Steal<span class="perLevel"> per level</span> for a short while.</div> <div class="description"><h2>Life Tap</h2>Kill Skill. Killing an enemy gives you <em data-base="+1.2"></em>% Life Steal<span class="perLevel"> per level</span> for a short while.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="5" data-invested="0" data-total="0"> <div class="tier" data-level="5" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="1"><img src="icons/siren-harmony-9.png"> <div class="skill push1" data-points="0" data-max="1"><img src="icons/siren-harmony-9.png">
<div class="description"><h2>Scorn</h2>Melee Override. Press [melee] to throw an Orb of Slag that constantly damages enemies near it. This ability has a 18 second cooldown. Pressing [melee] when Scorn is on cooldown will perform a regular melee attack.</div> <div class="description"><h2>Scorn</h2>Melee Override. Press [melee] to throw an Orb of Slag that constantly damages enemies near it. This ability has a 18 second cooldown. Pressing [melee] when Scorn is on cooldown will perform a regular melee attack.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="totalPoints"> <div class="totalPoints">
<span class="totalPoints">0</span> <span class="totalPoints">0</span>
</div> </div>
<legend>Harmony</legend> <legend>Harmony</legend>
</div> </div>
</div> </div>
<div class="treewrapper red"> <div class="treewrapper red">
<div class="bglayer gray"></div> <div class="bglayer gray"></div>
<div class="bglayer color"></div> <div class="bglayer color"></div>
<div class="tree"> <div class="tree">
<div class="tier" data-level="0" data-invested="0" data-total="0"> <div class="tier" data-level="0" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/siren-cataclysm-0.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/siren-cataclysm-0.png">
<div class="description"><h2>Flicker</h2><em data-base="+6"></em>% Elemental Effect Chance<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Flicker</h2><em data-base="+6"></em>% Elemental Effect Chance<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-cataclysm-1.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-cataclysm-1.png">
<div class="description"><h2>Foresight</h2>Increases Magazine Size and Reload Speed with all weapon types. <em data-base="+4"></em>% Magazine Size and <em data-base="+5"></em>% Reload Speed<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Foresight</h2>Increases Magazine Size and Reload Speed with all weapon types. <em data-base="+4"></em>% Magazine Size and <em data-base="+5"></em>% Reload Speed<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="1" data-invested="0" data-total="0"> <div class="tier" data-level="1" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/siren-cataclysm-2.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/siren-cataclysm-2.png">
<div class="description"><h2>Immolate</h2>Adds <em data-base="+10"></em>% Damage<span class="perLevel"> per level</span> as Fire Damage to all shots fired when in Fight For Your Life.</div> <div class="description"><h2>Immolate</h2>Adds <em data-base="+10"></em>% Damage<span class="perLevel"> per level</span> as Fire Damage to all shots fired when in Fight For Your Life.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-cataclysm-3.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-cataclysm-3.png">
<div class="description"><h2>Helios</h2>Phaselocking an enemy causes a fiery explosion, damaging all nearby enemies. <em data-base="1"></em> Helios Damage Rank<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Helios</h2>Phaselocking an enemy causes a fiery explosion, damaging all nearby enemies. <em data-base="1"></em> Helios Damage Rank<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="2" data-invested="0" data-total="0"> <div class="tier" data-level="2" data-invested="0" data-total="0">
<div class="skill" data-points="0" data-max="5"><img src="icons/siren-cataclysm-4.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/siren-cataclysm-4.png">
<div class="description"><h2>Chain Reaction</h2>While you have an enemy Phaselocked all of your bullets that hit enemies have a <em data-base="8"></em>% chance<span class="perLevel"> per level</span> to ricochet and hit another nearby enemy.</div> <div class="description"><h2>Chain Reaction</h2>While you have an enemy Phaselocked all of your bullets that hit enemies have a <em data-base="8"></em>% chance<span class="perLevel"> per level</span> to ricochet and hit another nearby enemy.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="1"><img src="icons/siren-cataclysm-5.png"> <div class="skill" data-points="0" data-max="1"><img src="icons/siren-cataclysm-5.png">
<div class="description"><h2>Cloud Kill</h2>Shooting an enemy creates a lingering Acid Cloud, which lasts for 5 seconds, dealing constant Corrosive Damage to enemies who touch it. Only one Acid Cloud can be active at a time.</div> <div class="description"><h2>Cloud Kill</h2>Shooting an enemy creates a lingering Acid Cloud, which lasts for 5 seconds, dealing constant Corrosive Damage to enemies who touch it. Only one Acid Cloud can be active at a time.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
<div class="skill" data-points="0" data-max="5"><img src="icons/siren-cataclysm-6.png"> <div class="skill" data-points="0" data-max="5"><img src="icons/siren-cataclysm-6.png">
<div class="description"><h2>Backdraft</h2>Your melee attacks deal additional Fire Damage. Also, when your shields become depleted you create a fiery explosion, damaging nearby enemies. Your shields must fully recharge between explosions. <em data-base="1"></em> Backdraft Damage Rank<span class="perLevel"> per level</span>.</div> <div class="description"><h2>Backdraft</h2>Your melee attacks deal additional Fire Damage. Also, when your shields become depleted you create a fiery explosion, damaging nearby enemies. Your shields must fully recharge between explosions. <em data-base="1"></em> Backdraft Damage Rank<span class="perLevel"> per level</span>.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="3" data-invested="0" data-total="0"> <div class="tier" data-level="3" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-cataclysm-7.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-cataclysm-7.png">
<div class="description"><h2>Reaper</h2>You deal <em data-base="+8"></em>% increased Gun Damage<span class="perLevel"> per level</span> to any enemy who has more than 50% of his health remaining.</div> <div class="description"><h2>Reaper</h2>You deal <em data-base="+8"></em>% increased Gun Damage<span class="perLevel"> per level</span> to any enemy who has more than 50% of his health remaining.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="4" data-invested="0" data-total="0"> <div class="tier" data-level="4" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-cataclysm-8.png"> <div class="skill push1" data-points="0" data-max="5"><img src="icons/siren-cataclysm-8.png">
<div class="description"><h2>Blight Phoenix</h2>Kill Skill. Killing an enemy causes you to deal constant Fire and Corrosive Damage to nearby enemies for a short time. The damage is based on your Level and the Level of the Blight Phoenix.</div> <div class="description"><h2>Blight Phoenix</h2>Kill Skill. Killing an enemy causes you to deal constant Fire and Corrosive Damage to nearby enemies for a short time. The damage is based on your Level and the Level of the Blight Phoenix.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="tier" data-level="5" data-invested="0" data-total="0"> <div class="tier" data-level="5" data-invested="0" data-total="0">
<div class="skill push1" data-points="0" data-max="1"><img src="icons/siren-cataclysm-9.png"> <div class="skill push1" data-points="0" data-max="1"><img src="icons/siren-cataclysm-9.png">
<div class="description"><h2>Ruin</h2>Action Skill Augmentation. Phaselock now slags, corrodes and electrocutes all nearby enemies.</div> <div class="description"><h2>Ruin</h2>Action Skill Augmentation. Phaselock now slags, corrodes and electrocutes all nearby enemies.</div>
<div class="points"></div> <div class="points"></div>
</div> </div>
</div> </div>
<div class="totalPoints"> <div class="totalPoints">
<span class="totalPoints">0</span> <span class="totalPoints">0</span>
</div> </div>
<legend>Cataclysm</legend> <legend>Cataclysm</legend>
</div> </div>
</div> </div>
</div> </div>
<div class="summary"> <div class="summary">
<h2>List of Skills:</h2> <h2>List of Skills:</h2>
<div class="descriptionContainer"></div> <div class="descriptionContainer"></div>
<!--#include virtual="./footer.txt"--> <div class="footer">Art &copy; 2012 <a href="http://www.gearboxsoftware.com/" target="_blank">Gearbox Studios</a>. <a href="https://www.google.com/webfonts" target="_blank">Fonts</a> by Google. Code hosted on Github. <a href="https://github.com/seigler/bl2skills.com">Source Code</a>.</div>
</div> </div>
</body> </body>
</html> </html>
<!-- <!--
find: find:
^(.+) \t[0-9]+ \t([0-9]+) \t(.+)$ ^(.+) \t[0-9]+ \t([0-9]+) \t(.+)$
replace: replace:
\t\t<div class="skill" data-points="0" data-max="\2"><img src="icons/class-tree-\i(0)">\n\t\t\t<div class="description"><h2>\1</h2>\3</div>\n\t\t\t<div class="points"></div>\n\t\t</div> \t\t<div class="skill" data-points="0" data-max="\2"><img src="icons/class-tree-\i(0)">\n\t\t\t<div class="description"><h2>\1</h2>\3</div>\n\t\t\t<div class="points"></div>\n\t\t</div>
--> -->