Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

1075 lines (985 sloc) 47.104 kb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Anima: Beyond Fantasy Character Generator</title>
<meta name="keywords" content="anima, character generator" />
<meta name="description" content="Generate or update a character for the Anima: Beyond Fantasy role-playing game" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--<link href="images/favicon.png" rel="icon" type="image/png" />
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon" />-->
<link rel="stylesheet" href="css/bootstrap.min.css" media="screen" />
<link rel="stylesheet" href="css/fuelux.css" />
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<form id="main_form" action="javascript:void(0);" role="form" class="form-horizontal">
<div class="container">
<div><strong><span class="summary"> </span></strong>&nbsp;&nbsp;&nbsp;&nbsp;<span class="Gnosis"> </span></div>
<div class="row">
<div class="col-xs-3 col-sm-1"><strong>LP</strong>&nbsp;<span class="lp"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-9 col-sm-2"><strong>Appearance</strong>&nbsp;<span class="Appearance"> </span>&thinsp;&thinsp;</div>
</div>
<div class="row">
<div class="col-xs-3 col-sm-1"><strong>STR</strong>&nbsp;<span class="STR"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-3 col-sm-1"><strong>DEX</strong>&nbsp;<span class="DEX"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-3 col-sm-1"><strong>AGI</strong>&nbsp;<span class="AGI"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-3 col-sm-1"><strong>CON</strong>&nbsp;<span class="CON"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-3 col-sm-1"><strong>INT</strong>&nbsp;<span class="INT"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-3 col-sm-1"><strong>POW</strong>&nbsp;<span class="POW"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-3 col-sm-1"><strong>WP</strong>&nbsp;<span class="WP"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-3 col-sm-1"><strong>PER</strong>&nbsp;<span class="PER"> </span>&thinsp;&thinsp;</div>
</div>
<div class="row">
<div class="col-xs-2 col-sm-1"><strong>PhR</strong>&nbsp;<span class="PhR"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-2 col-sm-1"><strong>MR</strong>&nbsp;<span class="MR"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-2 col-sm-1"><strong>PsR</strong>&nbsp;<span class="PsR"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-2 col-sm-1"><strong>VR</strong>&nbsp;<span class="VR"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-4 col-sm-1"><strong>DR</strong>&nbsp;<span class="DR"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-12 col-sm-7"><span class="resistance_modifiers"> </span>&nbsp;</div>
</div>
<div><strong>Initiative:</strong>&nbsp;<span class="Initiative"> </span></div>
<div><strong>Attack Ability:</strong>&nbsp;<span class="Attack"> </span></div>
<div><strong>Defense Ability:</strong>&nbsp;<span class="Defense"> </span><span>, Damage Barrier <span class="Damage_Barrier"> </span></span><span>, <span class="Base_Damage_reduction"> </span> to Base Damage of attacks</span></div>
<div><strong>Wear Armor:</strong>&nbsp;<span class="Wear_Armor"> </span></div>
<div class="zeon-row row">
<div class="col-xs-6 col-sm-2"><strong>Zeon:</strong>&nbsp;<span class="Zeon"> </span>&nbsp;&nbsp;&nbsp;</div>
<div class="col-xs-6 col-sm-2"><strong>MA:</strong>&nbsp;<span class="MA"> </span></div>
</div>
<div class="magic">
<div><strong>Magic Projection:</strong>&nbsp;<span class="Magic_Projection"> </span></div>
<div><strong>Magic Level:</strong>&nbsp;<span class="Magic_Level"> </span></div>
</div>
<div class="summoning row">
<div class="col-xs-6 col-sm-3 col-md-2"><strong>Summon:</strong>&nbsp;<span class="Summon"> </span>&nbsp;&nbsp;&nbsp;</div>
<div class="col-xs-6 col-sm-3 col-md-2"><strong>Control:</strong>&nbsp;<span class="Control"> </span>&nbsp;&nbsp;&nbsp;</div>
<div class="col-xs-6 col-sm-3 col-md-2"><strong>Bind:</strong>&nbsp;<span class="Bind"> </span>&nbsp;&nbsp;&nbsp;</div>
<div class="col-xs-6 col-sm-3 col-md-2"><strong>Banish:</strong>&nbsp;<span class="Banish"> </span></div>
</div>
<div class="psychic">
<div><strong>Psychic Projection:</strong>&nbsp;<span class="Psychic_Projection"> </span></div>
<div><strong>Psychic Points:</strong>&nbsp;<span class="Psychic_Points"> </span></div>
</div>
<div class="racial-row"><strong>Racial Abilities:</strong><span class="Racial-Abilities"> </span></div>
<div class="abilities-block"> </div>
<div class="ki-row row">
<div class="col-xs-12 col-md-6 col-lg-7">
<div><strong>MK:</strong>&nbsp;<span class="MK"> </span> (<span class="unallocated_mk"> </span> unallocated)</div>
<div class="ki-abilities"><strong>Ki Abilities:</strong> <span class="Ki-Abilities"> </span></div>
</div>
<div class="ki-table col-xs-12 col-md-6 col-lg-5">
<table class="table table-condensed">
<thead>
<tr>
<th>&nbsp;</th>
<th>STR</th>
<th>DEX</th>
<th>AGI</th>
<th>CON</th>
<th>POW</th>
<th>WP</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Ki Accumulation</strong></td>
<td class="Accumulation_STR"> </td>
<td class="Accumulation_DEX"> </td>
<td class="Accumulation_AGI"> </td>
<td class="Accumulation_CON"> </td>
<td class="Accumulation_POW"> </td>
<td class="Accumulation_WP"> </td>
<td class="Accumulation_Total"> </td>
</tr>
<tr>
<td><strong>Ki Points</strong></td>
<td class="Ki_STR"> </td>
<td class="Ki_DEX"> </td>
<td class="Ki_AGI"> </td>
<td class="Ki_CON"> </td>
<td class="Ki_POW"> </td>
<td class="Ki_WP"> </td>
<td class="Ki_Total"> </td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="clearfix"> </div>
<div class="dominion-techniques-row"><strong>Dominion Techniques:</strong> <span class="Dominion-Techniques"> </span></div>
<div><strong>Secondary Abilities:</strong> <span class="secondary-abilities"> </span></div>
<div class="row">
<div class="col-xs-12 col-md-2"><strong>Unarmed Combat:</strong>&nbsp;&nbsp;</div>
<div class="col-xs-6 col-sm-3 col-md-2"><strong>Initiative:</strong> <span class="Unarmed_Initiative"> </span>&nbsp;&nbsp;</div>
<div class="col-xs-6 col-sm-3 col-md-2"><strong>Attack:</strong> <span class="Unarmed_Attack"> </span>&nbsp;&nbsp;</div>
<div class="col-xs-6 col-sm-3 col-md-2"><strong>Defense:</strong> <span class="Unarmed_Defense"> </span>&nbsp;&nbsp;</div>
<div class="col-xs-6 col-sm-3 col-md-2"><strong>Damage:</strong> <span class="Unarmed_Damage"> </span></div>
</div>
<div class="unarmed-advantages-block"> </div>
<div class="row">
<div class="col-xs-6 col-sm-3 col-md-2"><strong>Size</strong>&nbsp;<span class="Size"> </span></div>
<div class="col-xs-6 col-sm-3 col-md-2"><strong>Regeneration</strong>&nbsp;<span class="Regeneration"> </span></div>
<div class="col-xs-6 col-sm-3 col-md-2"><strong>Movement Value</strong>&nbsp;<span class="MV"> </span>&thinsp;&thinsp;</div>
<div class="col-xs-6 col-sm-3 col-md-2"><strong>Fatigue</strong>&nbsp;<span class="fatigue"> </span>&thinsp;&thinsp;</div>
</div>
<hr />
<div class="row">
<div class="col-xs-12 col-md-5 col-lg-4">
<div id="creature_type" class="form-group">
<label for="Type" class="control-label col-xs-2">Type</label>
<div class="col-xs-10"><select id="Type" name="Type" class="form-control">
<option value="Human">Human or Nephilim</option>
<option value="Natural">Natural</option>
<option value="Between Worlds">Between Worlds</option>
<option value="Between Worlds (Construct)">Between Worlds (Construct)</option>
<option value="Between Worlds, Undead">Between Worlds, Undead</option>
<option value="Between Worlds, Undead (Construct)">Between Worlds, Undead (Construct)</option>
<option value="Spirit">Spirit</option>
<option value="Spirit, Undead">Spirit, Undead</option>
</select><p class="display form-control-static"> </p></div>
</div>
<div class="form-group">
<div class="col-xs-12">
<button id="proceed" type="button" class="btn btn-primary">Proceed</button>
<button id="save_button" type="button" class="btn btn-default">Save</button>
<button id="load_button" type="button" class="btn btn-default">Load</button>
</div>
</div>
<div id="attributes" class="row" style="display: none;">
<div class="col-xs-12 col-sm-6 col-md-12">
<div class="form-group">
<label for="Created" class="control-label col-xs-6">Created by a spell?</label>
<div class="col-xs-6"><select id="Created" name="Created" class="form-control">
<option value="No">No</option>
<option value="Yes">Yes</option>
</select><p class="display form-control-static"> </p></div>
</div>
<div class="form-group">
<label for="Damage_Resistance" class="control-label col-xs-6">Damage Resistance?</label>
<div class="col-xs-6"><select id="Damage_Resistance" name="Damage_Resistance" class="form-control">
<option value="No">No</option>
<option value="Yes">Yes</option>
</select><p class="display form-control-static"> </p></div>
</div>
<div class="form-group">
<label id="Element_label" for="Element" class="control-label col-xs-6">Element</label>
<div class="col-xs-6"><select id="Element" name="Element" class="form-control">
<option value="">None</option>
<option value="Air">Air</option>
<option value="Darkness">Darkness</option>
<option value="Earth">Earth</option>
<option value="Fire">Fire</option>
<option value="Light">Light</option>
<option value="Water">Water</option>
</select><p class="display form-control-static"> </p></div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-12">
<div class="form-group">
<label for="Gnosis" class="control-label col-xs-6 col-sm-5 col-md-6">Gnosis</label>
<div class="col-xs-6 col-sm-7 col-md-6"><div id="Gnosis" class="spinner"> </div><p class="display form-control-static"> </p></div>
</div>
<div class="form-group">
<label for="creature_class" class="control-label col-xs-6 col-sm-5 col-md-6">Class</label>
<div class="col-xs-6 col-sm-7 col-md-6"><select id="creature_class" name="creature_class" class="form-control">
<option value="Acrobatic Warrior">Acrobatic Warrior</option>
<option value="Assassin">Assassin</option>
<option value="Dark Paladin">Dark Paladin</option>
<option value="Freelancer" selected="selected">Freelancer</option>
<option value="Illusionist">Illusionist</option>
<option value="Mentalist">Mentalist</option>
<option value="Paladin">Paladin</option>
<option value="Ranger">Ranger</option>
<option value="Shadow">Shadow</option>
<option value="Summoner">Summoner</option>
<option value="Tao">Tao</option>
<option value="Technician">Technician</option>
<option value="Thief">Thief</option>
<option value="Warlock">Warlock</option>
<option value="Warrior">Warrior</option>
<option value="Warrior Mentalist">Warrior Mentalist</option>
<option value="Wizard Mentalist">Wizard Mentalist</option>
<option value="Warrior Summoner">Warrior Summoner</option>
<option value="Weaponsmaster">Weaponsmaster</option>
<option value="Wizard">Wizard</option>
</select><p class="display form-control-static"> </p></div>
</div>
<div class="form-group">
<label for="creature_level" class="control-label col-xs-6 col-sm-5 col-md-6">Level</label>
<div class="col-xs-6 col-sm-7 col-md-6"><div id="creature_level" class="spinner"> </div><p class="display form-control-static"> </p></div>
</div>
</div>
<div class="clearfix"> </div>
<div class="col-xs-12">
<button id="choose_essential_abilities" type="button" class="btn btn-default">Choose Essential Abilities</button>
</div>
</div>
<div id="essential_abilities" style="display: none;">
<div class="panel panel-default">
<div class="panel-heading"><strong>Essential Abilities</strong> <span id="ea_dp">(<span id="dp_left_for_ea"> </span> DP remaining out of <span id="dp_total_for_ea"> </span>)</span></div>
<div class="panel-body row">
<div class="col-xs-12 col-sm-3 col-md-12"><strong>Advantages</strong></div>
<div class="col-xs-12 col-sm-9 col-md-12"><span id="ea_advantages"> </span>&nbsp;<a id="add_ea_advantage" class="btn-xs" href="#"><i class="glyphicon glyphicon-plus"> </i></a></div>
<div class="clearfix"> </div>
<div class="col-xs-12 col-sm-3 col-md-12"><strong>Disadvantages</strong></div>
<div class="col-xs-12 col-sm-9 col-md-12"><span id="ea_disadvantages"> </span>&nbsp;<a id="add_ea_disadvantage" class="btn-xs" href="#"><i class="glyphicon glyphicon-plus"> </i></a></div>
</div>
</div>
<div><button id="choose_characteristics" type="button" class="btn btn-default">Choose Characteristics</button></div>
</div>
<div id="characteristics" class="row" style="display: none;">
<div class="row col-xs-12 col-sm-7 col-md-12">
<div id="physical" class="col-xs-6">
<div class="form-group">
<label for="STR" class="control-label col-xs-3 col-sm-4">STR</label>
<div class="col-xs-9 col-sm-8"><div id="STR" class="physical characteristic spinner"> </div><p class="display form-control-static"> </p></div>
</div>
<div class="form-group">
<label for="DEX" class="control-label col-xs-3 col-sm-4">DEX</label>
<div class="col-xs-9 col-sm-8"><div id="DEX" class="physical characteristic spinner"> </div><p class="display form-control-static"> </p></div>
</div>
<div class="form-group">
<label for="AGI" class="control-label col-xs-3 col-sm-4">AGI</label>
<div class="col-xs-9 col-sm-8"><div id="AGI" class="physical characteristic spinner"> </div><p class="display form-control-static"> </p></div>
</div>
<div class="form-group">
<label for="CON" class="control-label col-xs-3 col-sm-4">CON</label>
<div class="col-xs-9 col-sm-8"><div id="CON" class="physical characteristic spinner"> </div><p class="display form-control-static"> </p></div>
</div>
</div>
<div id="mental" class="col-xs-6">
<div class="form-group">
<label for="INT" class="control-label col-xs-3 col-sm-4">INT</label>
<div class="col-xs-9 col-sm-8"><div id="INT" class="spiritual characteristic spinner"> </div><p class="display form-control-static"> </p></div>
</div>
<div class="form-group">
<label for="POW" class="control-label col-xs-3 col-sm-4">POW</label>
<div class="col-xs-9 col-sm-8"><div id="POW" class="spiritual characteristic spinner"> </div><p class="display form-control-static"> </p></div>
</div>
<div class="form-group">
<label for="WP" class="control-label col-xs-3 col-sm-4">WP</label>
<div class="col-xs-9 col-sm-8"><div id="WP" class="spiritual characteristic spinner"> </div><p class="display form-control-static"> </p></div>
</div>
<div class="form-group">
<label for="PER" class="control-label col-xs-3 col-sm-4">PER</label>
<div class="col-xs-9 col-sm-8"><div id="PER" class="spiritual characteristic spinner"> </div><p class="display form-control-static"> </p></div>
</div>
</div>
<div class="clearfix"> </div>
<div class="form-group col-xs-12">
<div class="col-xs-3 visible-xs"> </div>
<label for="Appearance" class="control-label col-xs-3 col-sm-6">Appearance</label>
<div class="col-xs-6"><div id="Appearance" class="spinner"> </div><p class="display form-control-static"> </p></div>
</div>
</div>
<div class="col-xs-12 col-sm-5 col-md-12">
<div class="form-group">
<label for="Gender" class="control-label col-xs-2">Gender</label>
<div class="col-xs-10"><select id="Gender" name="Gender" class="required form-control">
<option value="">----</option>
<option value="Female">Female</option>
<option value="Male">Male</option>
</select><p class="display form-control-static"> </p></div>
</div>
<div id="race_and_class">
<div class="form-group">
<label for="Race" class="control-label col-xs-2">Race</label>
<div class="col-xs-10"><select id="Race" name="Race" class="required form-control">
<option value="">----</option>
<option value="Human">Human</option>
<option value="D'Anjayni Nephilim">D'Anjayni Nephilim</option>
<option value="Daimah Nephilim">Daimah Nephilim</option>
<option value="Devah Nephilim">Devah Nephilim</option>
<option value="Duk'zarist Nephilim">Duk'zarist Nephilim</option>
<option value="Ebudan Nephilim">Ebudan Nephilim</option>
<option value="Jayan Nephilim">Jayan Nephilim</option>
<option value="Sylvain Nephilim">Sylvain Nephilim</option>
<option value="Vetala Nephilim">Vetala Nephilim</option>
<option value="Other">Other</option>
</select><p class="display form-control-static"> </p></div>
</div>
<div class="form-group">
<label for="first_class" class="control-label col-xs-2">Class</label>
<div class="col-xs-10"><select id="first_class" name="first_class" class="form-control">
<option value="Acrobatic Warrior">Acrobatic Warrior</option>
<option value="Assassin">Assassin</option>
<option value="Dark Paladin">Dark Paladin</option>
<option value="Freelancer" selected="selected">Freelancer</option>
<option value="Illusionist">Illusionist</option>
<option value="Mentalist">Mentalist</option>
<option value="Paladin">Paladin</option>
<option value="Ranger">Ranger</option>
<option value="Shadow">Shadow</option>
<option value="Summoner">Summoner</option>
<option value="Tao">Tao</option>
<option value="Technician">Technician</option>
<option value="Thief">Thief</option>
<option value="Warlock">Warlock</option>
<option value="Warrior">Warrior</option>
<option value="Warrior Mentalist">Warrior Mentalist</option>
<option value="Wizard Mentalist">Wizard Mentalist</option>
<option value="Warrior Summoner">Warrior Summoner</option>
<option value="Weaponsmaster">Weaponsmaster</option>
<option value="Wizard">Wizard</option>
</select><p class="display form-control-static"> </p></div>
</div>
</div>
<div class="form-group">
<label for="name" class="control-label col-xs-2">Name</label>
<div class="col-xs-10"><input type="text" id="Name" name="Name" class="form-control" /></div>
</div>
<div class="form-group">
<label for="level" class="control-label col-xs-2">XP</label>
<div class="col-xs-10"><div id="XP" class="spinner"> </div><p class="display form-control-static"><span> </span>&nbsp;<a id="add_xp" class="btn-xs" href="#"><i class="glyphicon glyphicon-plus"> </i></a></p></div>
</div>
</div>
<div class="clearfix"> </div>
<div class="col-xs-12">
<button id="choose_advantages" type="button" class="btn btn-default">Choose Advantages</button>
</div>
</div>
<div id="advantages" style="display: none;">
<div class="panel panel-default">
<div class="panel-heading"><strong>Creation Points</strong> (<span id="cp_remaining"> </span> remaining out of <span id="cp_total"> </span>)</div>
<div class="panel-body row">
<div class="col-xs-12 col-sm-3 col-md-12"><strong>Advantages</strong></div>
<div class="col-xs-12 col-sm-9 col-md-12"><span id="Advantages"> </span> <a id="add_advantage" class="btn-xs" href="#"><i class="glyphicon glyphicon-plus"> </i></a></div>
<div class="clearfix"> </div>
<div class="col-xs-12 col-sm-3 col-md-12"><strong>Disadvantages</strong></div>
<div class="col-xs-12 col-sm-9 col-md-12"><span id="Disadvantages"> </span> <a id="add_disadvantage" class="btn-xs" href="#"><i class="glyphicon glyphicon-plus"> </i></a></div>
</div>
</div>
<div><button id="choose_abilities" type="button" class="btn btn-default">Choose Abilities</button>
<input type="hidden" id="dialog_level" name="dialog_level" value="" />
</div>
</div>
</div>
<div class="col-xs-12 col-md-7 col-lg-8">
<div id="levels" style="display: none;"> </div>
</div>
</div>
</div>
</form>
<div id="ability_dp_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div id="ability_spend">Spend how many DP on <span id="ability_name"> </span>
<span id="ability_details"> (<span id="ability_characteristic"> </span>)</span> this level?</div>
<div id="ability_save" style="display: none;">Save how many <span id="ability_primary"> </span> DP this level?</div>
<input type="hidden" id="ability_level" name="ability_level" value="" />
<input type="hidden" id="ability_cost" name="ability_cost" value="" />
<div id="ability_dp_parent"> </div>
<div>Maximum currently allowed: <span id="ability_limit"> </span></div>
<div id="specialization_label">Specialization (if any):</div>
<div class="input-group" id="ability_specialization">
<input class="form-control" type="text">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu pull-right">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="advantages_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div id="advantages_tabs">
<ul class="nav nav-tabs">
<li class="active"><a href="#Common_Advantages" data-toggle="tab">Common</a></li>
<li><a href="#Background_Advantages" data-toggle="tab">Background</a></li>
<li><a href="#Magic_Advantages" data-toggle="tab">Magic</a></li>
<li><a href="#Psychic_Advantages" data-toggle="tab">Psychic</a></li>
</ul>
<div class="tab-content">
<div id="Common_Advantages" class="tab-pane active"> </div>
<div id="Background_Advantages" class="tab-pane"> </div>
<div id="Magic_Advantages" class="tab-pane"> </div>
<div id="Psychic_Advantages" class="tab-pane"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="advantage_cost_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="advantage_cost_name" name="advantage_cost_name" value="" />
<label class="advantage_cost_1 radio"><input type="radio" id="advantage_cost_1" name="advantage_cost" value="1" /> 1</label>
<label class="advantage_cost_2 radio"><input type="radio" id="advantage_cost_2" name="advantage_cost" value="2" /> 2</label>
<label class="advantage_cost_3 radio"><input type="radio" id="advantage_cost_3" name="advantage_cost" value="3" /> 3</label>
</div>
</div>
</div>
</div>
<div id="advantage_options_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="advantage_options_name" name="advantage_options_name" value="" />
<input type="hidden" id="advantage_options_cost" name="advantage_options_cost" value="" />
<div id="advantage_options"> </div>
</div>
</div>
</div>
</div>
<div id="class_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<select id="Class" name="Class" class="form-control">
<option value="Acrobatic Warrior">Acrobatic Warrior</option>
<option value="Assassin">Assassin</option>
<option value="Dark Paladin">Dark Paladin</option>
<option value="Freelancer">Freelancer</option>
<option value="Illusionist">Illusionist</option>
<option value="Mentalist">Mentalist</option>
<option value="Paladin">Paladin</option>
<option value="Ranger">Ranger</option>
<option value="Shadow">Shadow</option>
<option value="Summoner">Summoner</option>
<option value="Tao">Tao</option>
<option value="Technician">Technician</option>
<option value="Thief">Thief</option>
<option value="Warlock">Warlock</option>
<option value="Warrior">Warrior</option>
<option value="Warrior Mentalist">Warrior Mentalist</option>
<option value="Wizard Mentalist">Wizard Mentalist</option>
<option value="Warrior Summoner">Warrior Summoner</option>
<option value="Weaponsmaster">Weaponsmaster</option>
<option value="Wizard">Wizard</option>
</select>
</div>
</div>
</div>
</div>
<div id="characteristic_bonus_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<select id="Characteristic" name="Characteristic" class="form-control">
<option value="STR">STR</option>
<option value="DEX">DEX</option>
<option value="AGI">AGI</option>
<option value="CON">CON</option>
<option value="INT">INT</option>
<option value="POW">POW</option>
<option value="WP">WP</option>
<option value="PER">PER</option>
</select>
</div>
</div>
</div>
</div>
<div id="cultural_roots_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<select id="cultural_roots_background" class="form-control"> </select>
<div id="cultural_roots"> </div>
</div>
</div>
</div>
</div>
<div id="delete_advantage_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="delete_advantage_name" value="" />
</div>
</div>
</div>
</div>
<div id="delete_disadvantage_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="delete_disadvantage_name" value="" />
</div>
</div>
</div>
</div>
<div id="delete_dominion_technique_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="delete_dominion_technique_tree" value="" />
<input type="hidden" id="delete_dominion_technique_name" value="" />
<input type="hidden" id="delete_dominion_technique_level" value="" />
</div>
</div>
</div>
</div>
<div id="delete_ea_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="delete_ea_name" value="" />
</div>
</div>
</div>
</div>
<div id="delete_ki_ability_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="delete_ki_ability_name" value="" />
<input type="hidden" id="delete_ki_ability_level" value="" />
<input type="hidden" id="delete_ki_ability_option" value="" />
</div>
</div>
</div>
</div>
<div id="delete_martial_art_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="delete_martial_art_name" value="" />
<input type="hidden" id="delete_martial_art_level" value="" />
<input type="hidden" id="delete_martial_art_degree" value="" />
</div>
</div>
</div>
</div>
<div id="delete_module_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="delete_module_name" value="" />
<input type="hidden" id="delete_module_level" value="" />
</div>
</div>
</div>
</div>
<div id="delete_power_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="delete_power_name" value="" />
<input type="hidden" id="delete_power_level" value="" />
</div>
</div>
</div>
</div>
<div id="disadvantages_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div id="disadvantages_tabs">
<ul class="nav nav-tabs">
<li class="active"><a href="#Common_Disadvantages" data-toggle="tab">Common</a></li>
<li><a href="#Background_Disadvantages" data-toggle="tab">Background</a></li>
<li><a href="#Magic_Disadvantages" data-toggle="tab">Magic</a></li>
<li><a href="#Psychic_Disadvantages" data-toggle="tab">Psychic</a></li>
</ul>
<div class="tab-content">
<div id="Common_Disadvantages" class="tab-pane active"> </div>
<div id="Background_Disadvantages" class="tab-pane"> </div>
<div id="Magic_Disadvantages" class="tab-pane"> </div>
<div id="Psychic_Disadvantages" class="tab-pane"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="disadvantage_benefit_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="disadvantage_benefit_name" name="disadvantage_benefit_name" value="" />
<label class="disadvantage_benefit_1 radio"><input type="radio" id="disadvantage_benefit_1" name="disadvantage_benefit" value="1" /> 1</label>
<label class="disadvantage_benefit_2 radio"><input type="radio" id="disadvantage_benefit_2" name="disadvantage_benefit" value="2" /> 2</label>
</div>
</div>
</div>
</div>
<div id="disadvantage_option_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="disadvantage_option_name" name="disadvantage_option_name" value="" />
<input type="hidden" id="disadvantage_option_benefit" name="disadvantage_option_benefit" value="" />
<div id="disadvantage_option"> </div>
</div>
</div>
</div>
</div>
<div id="dominion_technique_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<p class="text-error"> </p>
<form class="form-horizontal" action="javascript:void(0);">
<input type="hidden" id="dominion_character_level" />
<div class="control-group">
<label class="control-label" for="dominion_tree">Tree</label>
<div class="controls">
<input type="text" id="dominion_tree" class="form-control" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="dominion_name">Name</label>
<div class="controls">
<input type="text" id="dominion_name" class="form-control" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="dominion_level">Level</label>
<div class="controls">
<div id="dominion_level" class="spinner"> </div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="dominion_mk">MK</label>
<div class="controls">
<div id="dominion_mk" class="spinner"> </div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div id="dp_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div id="dp_tabs">
<ul class="nav nav-tabs">
<li class="active"><a href="#Combat" data-toggle="tab">Combat</a></li>
<li><a href="#Martial_Arts" data-toggle="tab">Martial Arts</a></li>
<li><a href="#Psychic" data-toggle="tab">Psychic</a></li>
<li><a href="#Supernatural" data-toggle="tab">Supernatural</a></li>
<li><a href="#Secondary" data-toggle="tab">Secondary Abilities</a></li>
<li><a href="#Powers" data-toggle="tab">Powers</a></li>
<li><a href="#Other" data-toggle="tab">Other</a></li>
</ul>
<div class="tab-content">
<div id="Combat" class="tab-pane active row">
<div id="Combat_Abilities" class="col-xs-12 col-sm-4"> </div>
<div id="Combat_Modules_1" class="col-xs-12 col-sm-4"> </div>
<div id="Combat_Modules_2" class="col-xs-12 col-sm-4"> </div>
</div>
<div id="Martial_Arts" class="tab-pane row">
<div class="col-xs-12 col-sm-6">
<span class="field">Basic</span><br />
<div id="Basic_Martial_Arts"> </div>
<br />
</div>
<div class="col-xs-12 col-sm-6">
<span class="field">Advanced</span><br />
<div id="Advanced_Martial_Arts"> </div>
</div>
</div>
<div id="Psychic" class="tab-pane"> </div>
<div id="Supernatural" class="tab-pane"> </div>
<div id="Secondary" class="tab-pane row">
<div class="row col-xs-6">
<div class="col-xs-12 col-sm-6">
<span class="field">Athletics</span><br />
<div id="DP_Athletics"> </div>
<br />
<span class="field">Creative</span><br />
<div id="DP_Creative"> </div>
<br />
</div>
<div class="col-xs-12 col-sm-6">
<span class="field">Intellectual</span><br />
<div id="DP_Intellectual"> </div>
<br />
</div>
</div>
<div class="row col-xs-6">
<div class="col-xs-12 col-sm-6">
<span class="field">Perceptive</span><br />
<div id="DP_Perceptive"> </div>
<br />
<span class="field">Social</span><br />
<div id="DP_Social"> </div>
<br />
</div>
<div class="col-xs-12 col-sm-6">
<span class="field">Subterfuge</span><br />
<div id="DP_Subterfuge"> </div>
<br />
<span class="field">Vigor</span><br />
<div id="DP_Vigor"> </div>
</div>
</div>
</div>
<div id="Powers" class="tab-pane"> </div>
<div id="Other" class="tab-pane"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ea_option_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="ea_option_name" name="ea_option_name" value="" />
<div id="ea_option"> </div>
</div>
</div>
</div>
</div>
<div id="ea_advantages_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div id="ea_advantages_tabs">
<ul class="nav nav-tabs">
<li class="active"><a href="#EA_Common_Advantages" data-toggle="tab">Common</a></li>
<li><a href="#EA_Magic_Advantages" data-toggle="tab">Magic</a></li>
<li><a href="#EA_Psychic_Advantages" data-toggle="tab">Psychic</a></li>
</ul>
<div class="tab-content">
<div id="EA_Common_Advantages" class="tab-pane active"> </div>
<div id="EA_Magic_Advantages" class="tab-pane"> </div>
<div id="EA_Psychic_Advantages" class="tab-pane"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ea_disadvantages_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div id="ea_disadvantages_tabs">
<ul class="nav nav-tabs">
<li class="active"><a href="#EA_Common_Disadvantages" data-toggle="tab">Common</a></li>
<li><a href="#EA_Magic_Disadvantages" data-toggle="tab">Magic</a></li>
<li><a href="#EA_Psychic_Disadvantages" data-toggle="tab">Psychic</a></li>
</ul>
<div class="tab-content">
<div id="EA_Common_Disadvantages" class="tab-pane active"> </div>
<div id="EA_Magic_Disadvantages" class="tab-pane"> </div>
<div id="EA_Psychic_Disadvantages" class="tab-pane"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="freelancer_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="freelancer_name" name="freelancer_name" value="" />
<input type="hidden" id="freelancer_level" name="freelancer_level" value="" />
<div id="Freelancer" class="row">
<div class="row col-xs-6">
<div class="col-xs-12 col-sm-6">
<span class="field">Athletics</span><br />
<div id="Freelancer_Athletics"> </div>
<br />
<span class="field">Creative</span><br />
<div id="Freelancer_Creative"> </div>
<br />
</div>
<div class="col-xs-12 col-sm-6">
<span class="field">Intellectual</span><br />
<div id="Freelancer_Intellectual"> </div>
<br />
</div>
</div>
<div class="row col-xs-6">
<div class="col-xs-12 col-sm-6">
<span class="field">Perceptive</span><br />
<div id="Freelancer_Perceptive"> </div>
<br />
<span class="field">Social</span><br />
<div id="Freelancer_Social"> </div>
<br />
</div>
<div class="col-xs-12 col-sm-6">
<span class="field">Subterfuge</span><br />
<div id="Freelancer_Subterfuge"> </div>
<br />
<span class="field">Vigor</span><br />
<div id="Freelancer_Vigor"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ki_ability_options_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="ki_ability_options_name" name="module_options_name" value="" />
<input type="hidden" id="ki_ability_options_level" name="module_options_level" value="" />
<div id="ki_ability_options"> </div>
</div>
</div>
</div>
</div>
<div id="ki_characteristic_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="ki_characteristic_available" name="ki_characteristic_available" value="" />
<input type="hidden" id="ki_characteristic_level" name="ki_characteristic_level" value="" />
<input type="hidden" id="ki_characteristic_name" name="ki_characteristic_name" value="" />
<select id="Ki_Characteristic" name="Ki_Characteristic" class="form-control">
<option value="STR">STR</option>
<option value="DEX">DEX</option>
<option value="AGI">AGI</option>
<option value="CON">CON</option>
<option value="POW">POW</option>
<option value="WP">WP</option>
</select>
</div>
</div>
</div>
</div>
<div id="load_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<p>Enter the character data to be loaded:</p>
<div><textarea id="load_text" class="form-control" rows="10"> </textarea></div>
</div>
</div>
</div>
</div>
<div id="mk_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div id="mk_tabs">
<ul class="nav nav-tabs">
<li class="active"><a href="#Ki_Abilities" data-toggle="tab">Ki Abilities</a></li>
<li><a href="#Nemesis_Abilities" data-toggle="tab">Nemesis Abilities</a></li>
<li><a href="#Other_MK" data-toggle="tab">Other</a></li>
</ul>
<div class="tab-content">
<div id="Ki_Abilities" class="tab-pane active"> </div>
<div id="Nemesis_Abilities" class="tab-pane"> </div>
<div id="Other_MK" class="tab-pane">
<div><a href="#" id="add_dominion_technique">Dominion Technique</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="module_options_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="module_options_name" name="module_options_name" value="" />
<input type="hidden" id="module_options_level" name="module_options_level" value="" />
<div id="module_options"> </div>
</div>
</div>
</div>
</div>
<div id="mp_imbalance_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div>Shift Magic Projection how strongly in favor of offense? (Negative values indicate a shift in favor of defense.)</div>
<input type="hidden" id="mp_imbalance_level" />
<div id="mp_imbalance" class="spinner"> </div>
</div>
</div>
</div>
</div>
<div id="natural_bonus_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="natural_bonus_level" value="" />
<div class="row">
<div class="row col-xs-6">
<div class="col-xs-12 col-sm-6">
<span class="field">Athletics</span><br />
<div id="NB_Athletics"> </div>
<br />
<span class="field">Creative</span><br />
<div id="NB_Creative"> </div>
<br />
</div>
<div class="col-xs-12 col-sm-6">
<span class="field">Intellectual</span><br />
<div id="NB_Intellectual"> </div>
<br />
</div>
</div>
<div class="row col-xs-6">
<div class="col-xs-12 col-sm-6">
<span class="field">Perceptive</span><br />
<div id="NB_Perceptive"> </div>
<br />
<span class="field">Social</span><br />
<div id="NB_Social"> </div>
<br />
</div>
<div class="col-xs-12 col-sm-6">
<span class="field">Subterfuge</span><br />
<div id="NB_Subterfuge"> </div>
<br />
<span class="field">Vigor</span><br />
<div id="NB_Vigor"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="power_options_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<input type="hidden" id="power_options_type" name="power_options_type" value="" />
<input type="hidden" id="power_options_level" name="power_options_level" value="" />
<div>Name of power: <input type="text" id="power_options_name" name="power_options_name" value="" class="form-control" /></div>
<div id="power_options"> </div>
<div>Total power cost: <span id="power_options_total"> </span> DP</div>
<div>Previously spent on this power: <span id="power_options_previous"> </span> DP</div>
<div>Maximum spendable at this level: <span id="power_options_limit"> </span> DP</div>
</div>
</div>
</div>
</div>
<div id="save_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<p>Copy the following into a text file and save it for future use:</p>
<div><textarea id="save_text" class="form-control" rows="10"> </textarea></div>
</div>
</div>
</div>
</div>
<div id="xp_dialog" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<p>Enter the number of Experience Points gained:</p>
<div><div id="xp_added" class="spinner"> </div></div>
</div>
</div>
</div>
</div>
<script data-main="js/main" src="js/libs/require.js"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.