682 lines
33 KiB
HTML
682 lines
33 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>simpletrixx</title>
|
|
<style>
|
|
p.num {text-align: right; font-family: mySecondFont;}
|
|
@font-face {
|
|
font-family: myFirstFont;
|
|
src: url(FantaisieArtistique.otf);
|
|
}
|
|
@font-face {
|
|
font-family: mySecondFont;
|
|
src: url(Enchanted\ Land\ DEMO.otf);
|
|
}
|
|
input {
|
|
vertical-align: middle;
|
|
color:gold;
|
|
background: transparent;
|
|
}
|
|
label {
|
|
vertical-align: middle;
|
|
}
|
|
input[type="text"], input[type="number"] {
|
|
border-radius: 0.2rem;
|
|
border-width: 2px;
|
|
border-bottom-color: rgb(206, 151, 14);
|
|
border-right-color: rgb(206, 151, 14);
|
|
border-top-color: rgb(206, 151, 14);
|
|
border-left-color: rgb(206, 151, 14);
|
|
}
|
|
input[type="text"], input[type="number"]:focus {
|
|
outline: none;
|
|
}
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
appearance: textfield;
|
|
margin: 0;
|
|
}
|
|
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
input[type="range"] {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
height: 22px;
|
|
}
|
|
input[type="checkbox"] {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background-color: transparent;
|
|
margin: 0;
|
|
width: 17px;
|
|
height: 17px;
|
|
margin-right: 5px;
|
|
border-radius: 0.5rem;
|
|
border: 0.1rem solid darkgoldenrod;
|
|
}
|
|
input[type="checkbox"]:checked {
|
|
width: 17px;
|
|
height: 17px;
|
|
border: none;
|
|
background-image: url('regler.png');
|
|
}
|
|
input[type="button"] {
|
|
color: #ff0000;
|
|
text-shadow:
|
|
1px 1px 0 #000;
|
|
background-color: #3b3b3b;
|
|
border-radius: 0.2rem;
|
|
border-width: 2px;
|
|
border-top-color: gold;
|
|
border-left-color: gold;
|
|
border-bottom-color: darkgoldenrod;
|
|
border-right-color: darkgoldenrod;
|
|
}
|
|
input[type="range"]::-moz-range-track {
|
|
background: linear-gradient(to right, #3b3b3b 0%, #db2121 50%, darkgoldenrod 100%);
|
|
border-radius: 0.5rem;
|
|
height: 0.5rem;
|
|
}
|
|
input[type="range"]::-webkit-slider-runnable-track {
|
|
background: linear-gradient(to right, #3b3b3b 0%, #db2121 50%, darkgoldenrod 100%);
|
|
border-radius: 0.5rem;
|
|
height: 0.5rem;
|
|
}
|
|
input[type="range"]::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
margin-top: -5px;
|
|
background-image: url('regler.png');
|
|
width: 17px;
|
|
height: 17px;
|
|
}
|
|
input[type="range"]::-moz-range-thumb {
|
|
border: none;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
background-image: url('regler.png');
|
|
width: 17px;
|
|
height: 17px;
|
|
}
|
|
fieldset {
|
|
border-color: darkgoldenrod;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="font-family: myFirstFont; background-color: rgb(92, 13, 13); background-image: url('Texture\ 5\ redacted.jpg'); color: darkgoldenrod;">
|
|
<form style="float: left; width: 65%;">
|
|
<fieldset>
|
|
<legend>What's your name?</legend>
|
|
<input type="text" id="firstname" placeholder="firstname">
|
|
<input type="text" id="surname" placeholder="surname">
|
|
<label>Total XP</label>
|
|
<input type="number" id="TotalXP" value="0">
|
|
<p style="float: right; margin: 0;" id="SoulShardTotal"></p>
|
|
<p style="float: right; margin: 0; margin-right: 20px;" id="Level"></p>
|
|
</fieldset><br>
|
|
<fieldset>
|
|
<legend>Where are you from?</legend>
|
|
<fieldset style="float: left; width: 30%;">
|
|
<legend>Climate</legend>
|
|
<input type ="checkbox" id="Arctic"><label for="Arctic">Arctic</label><br>
|
|
<input type ="checkbox" id="Temperate"><label for="Temperate">Temperate</label><br>
|
|
<input type ="checkbox" id="Tropical"><label for="Tropical">Tropical</label>
|
|
</fieldset>
|
|
<fieldset style="float: left; width: 30%;">
|
|
<legend>Elevation</legend>
|
|
<input type ="checkbox" id="Mountains"><label for="Mountains">Mountains</label><br>
|
|
<input type ="checkbox" id="Plains"><label for="Plains">Plains</label><br>
|
|
<input type ="checkbox" id="Coast"><label for="Coast">Coast</label>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>Vegetation</legend>
|
|
<input type ="checkbox" id="Forest"><label for="Forest">Forest</label><br>
|
|
<input type ="checkbox" id="Desert"><label for="Desert">Desert</label><br>
|
|
<input type ="checkbox" id="Urban"><label for="Urban">Urban</label>
|
|
</fieldset>
|
|
</fieldset><br>
|
|
<fieldset>
|
|
<legend>Choose your XP Settings:</legend>
|
|
<fieldset style="float: left; width: 30%;">
|
|
<input type="range" id="Athletics" name="Athletics" value="0" min="0" max="100">
|
|
<label for="Athletics">Athletics</label><br>
|
|
|
|
<input type="range" id="Evasion" name="Evasion" value="0" min="0" max="100">
|
|
<label for="Evasion">Evasion</label><br>
|
|
|
|
<input type="range" id="Stealth" name="Stealth" value="0" min="0" max="100">
|
|
<label for="Stealth">Stealth</label><br>
|
|
<br>
|
|
<input type="range" id="Negotiation" name="Negotiation" value="0" min="0" max="100">
|
|
<label for="Negotiation">Negotiation</label><br>
|
|
|
|
<input type="range" id="Charm" name="Charm" value="0" min="0" max="100">
|
|
<label for="Charm">Charm</label><br>
|
|
|
|
<input type="range" id="Command" name="Command" value="0" min="0" max="100">
|
|
<label for="Command">Command</label><br>
|
|
</fieldset>
|
|
<fieldset style="float: left; width: 30%;">
|
|
<input type="range" id="Medical" name="Medical" value="0" min="0" max="100">
|
|
<label for="Medical">Medical</label><br>
|
|
|
|
<input type="range" id="Nature" name="Nature" value="0" min="0" max="100">
|
|
<label for="Nature">Nature</label><br>
|
|
|
|
<input type="range" id="Engineering" name="Engineering" value="0" min="0" max="100">
|
|
<label for="Engineering">Engineering</label><br>
|
|
<br>
|
|
<input type="range" id="Arcana" name="Arcana" value="0" min="0" max="100">
|
|
<label for="Arcana">Arcana</label><br>
|
|
|
|
<input type="range" id="Security" name="Security" value="0" min="0" max="100">
|
|
<label for="Security">Security</label><br>
|
|
|
|
<input type="range" id="Liberal_Arts" name="Liberal_Arts" value="0" min="0" max="100">
|
|
<label for="Liberal_Arts">Liberal Arts</label><br>
|
|
</fieldset>
|
|
<fieldset>
|
|
<input type="range" id="Slash" name="Slash" value="0" min="0" max="100">
|
|
<label for="Slash">Slash</label><br>
|
|
|
|
<input type="range" id="Hew" name="Hew" value="0" min="0" max="100">
|
|
<label for="Hew">Hew</label><br>
|
|
|
|
<input type="range" id="Stab" name="Stab" value="0" min="0" max="100">
|
|
<label for="Stab">Stab</label><br>
|
|
<br>
|
|
<input type="range" id="Parry" name="Parry" value="0" min="0" max="100">
|
|
<label for="Parry">Parry</label><br>
|
|
|
|
<input type="range" id="Shoot" name="Shoot" value="0" min="0" max="100">
|
|
<label for="Shoot">Shoot</label><br>
|
|
|
|
<input type="range" id="Throw" name="Throw" value="0" min="0" max="100">
|
|
<label for="Throw">Throw</label>
|
|
</fieldset>
|
|
<fieldset style="float: left; width: 33%;">
|
|
<legend>Magic Skills</legend>
|
|
<input type="range" id="White Magic" name="White Magic" value="0" min="0" max="100">
|
|
<label for="White Magic">White Magic</label><br>
|
|
|
|
<input type="range" id="Elemental Magic" name="Elemental Magic" value="0" min="0" max="100">
|
|
<label for="Elemental Magic">Elemental Magic</label><br>
|
|
|
|
<input type="range" id="Druidic Magic" name="Druidic Magic" value="0" min="0" max="100">
|
|
<label for="Druidic Magic">Druidic Magic</label><br>
|
|
|
|
<input type="range" id="Mirror Magic" name="Mirror Magic" value="0" min="0" max="100">
|
|
<label for="Mirror Magic">Mirror Magic</label><br>
|
|
|
|
<input type="range" id="Necromancy" name="Necromancy" value="0" min="0" max="100">
|
|
<label for="Necromancy">Necromancy</label>
|
|
</fieldset>
|
|
<fieldset style="float: left; width: 14%;">
|
|
<legend>Abilities</legend>
|
|
<table>
|
|
<tr>
|
|
<td>Strength</td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="StrengthIncreaseField">0</p></td>
|
|
<td><input type="button" id="StrengthIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Perception</td>
|
|
<td><p class="num" style="margin: 0;" id="PerceptionIncreaseField">0</p></td>
|
|
<td><input type="button" id="PerceptionIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Agility</td>
|
|
<td><p class="num" style="margin: 0;" id="AgilityIncreaseField">0</p></td>
|
|
<td><input type="button" id="AgilityIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Charisma</td>
|
|
<td><p class="num" style="margin: 0;" id="CharismaIncreaseField">0</p></td>
|
|
<td><input type="button" id="CharismaIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Endurance</td>
|
|
<td><p class="num" style="margin: 0;" id="EnduranceIncreaseField">0</p></td>
|
|
<td><input type="button" id="EnduranceIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
<fieldset style="float: left;">
|
|
<legend>Mutations</legend>
|
|
<table>
|
|
<tr>
|
|
<td>Senses</td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="SenseIncreaseField">0</p></td>
|
|
<td><input type="button" id="SenseIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Gills</td>
|
|
<td><p class="num" style="margin: 0;" id="GillsIncreaseField">0</p></td>
|
|
<td><input type="button" id="GillsIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Wings</td>
|
|
<td><p class="num" style="margin: 0;" id="WingsIncreaseField">0</p></td>
|
|
<td><input type="button" id="WingsIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Tough Hide</td>
|
|
<td><p class="num" style="margin: 0;" id="HideIncreaseField">0</p></td>
|
|
<td><input type="button" id="HideIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Metabolism</td>
|
|
<td><p class="num" style="margin: 0;" id="MetabolismIncreaseField">0</p></td>
|
|
<td><input type="button" id="MetabolismIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>Meta Magic</legend>
|
|
<table>
|
|
<tr>
|
|
<td>Duration</td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="DurationIncreaseField">0</p></td>
|
|
<td><input type="button" id="DurationIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Area of Effect</td>
|
|
<td><p class="num" style="margin: 0;" id="RadiusIncreaseField">0</p></td>
|
|
<td><input type="button" id="RadiusIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Crit Strength</td>
|
|
<td><p class="num" style="margin: 0;" id="CritIncreaseField">0</p></td>
|
|
<td><input type="button" id="CritIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Spell Penetration</td>
|
|
<td><p class="num" style="margin: 0;" id="RangeIncreaseField">0</p></td>
|
|
<td><input type="button" id="RangeIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Channeling</td>
|
|
<td><p class="num" style="margin: 0;" id="ChannelIncreaseField">0</p></td>
|
|
<td><input type="button" id="ChannelIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
<fieldset style="width: 96%;">
|
|
<legend>Magic</legend>
|
|
<fieldset style="float: left; width: 12%;">
|
|
<legend>White Magic</legend>
|
|
<table>
|
|
<tr>
|
|
<td>Wrath</td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="WrathIncreaseField">0</p></td>
|
|
<td><input type="button" id="WrathIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Mercy</td>
|
|
<td><p class="num" style="margin: 0;" id="MercyIncreaseField">0</p></td>
|
|
<td><input type="button" id="MercyIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Vigour</td>
|
|
<td><p class="num" style="margin: 0;" id="VigourIncreaseField">0</p></td>
|
|
<td><input type="button" id="VigourIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
<fieldset style="float: left; width: 16%;">
|
|
<legend>Elemental Magic</legend>
|
|
<table>
|
|
<tr>
|
|
<td>Fire</td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="FireIncreaseField">0</p></td>
|
|
<td><input type="button" id="FireIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Ice</td>
|
|
<td><p class="num" style="margin: 0;" id="IceIncreaseField">0</p></td>
|
|
<td><input type="button" id="IceIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Lightning</td>
|
|
<td><p class="num" style="margin: 0;" id="LightningIncreaseField">0</p></td>
|
|
<td><input type="button" id="LightningIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
<fieldset style="float: left; width: 16%;">
|
|
<legend>Druidic Magic</legend>
|
|
<table>
|
|
<tr>
|
|
<td>Environ</td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="EnvironIncreaseField">0</p></td>
|
|
<td><input type="button" id="EnvironIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Beast</td>
|
|
<td><p class="num" style="margin: 0;" id="BeastIncreaseField">0</p></td>
|
|
<td><input type="button" id="BeastIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Blood</td>
|
|
<td><p class="num" style="margin: 0;" id="BloodIncreaseField">0</p></td>
|
|
<td><input type="button" id="BloodIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
<fieldset style="float: left; width: 16%;">
|
|
<legend>Mirror Magic</legend>
|
|
<table>
|
|
<tr>
|
|
<td>Arcanum</td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="ArcanumIncreaseField">0</p></td>
|
|
<td><input type="button" id="ArcanumIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Reflection</td>
|
|
<td><p class="num" style="margin: 0;" id="ReflectionIncreaseField">0</p></td>
|
|
<td><input type="button" id="ReflectionIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Curse</td>
|
|
<td><p class="num" style="margin: 0;" id="CurseIncreaseField">0</p></td>
|
|
<td><input type="button" id="CurseIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>Necromancy</legend>
|
|
<table>
|
|
<tr>
|
|
<td>Undead Army</td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="ArmyIncreaseField">0</p></td>
|
|
<td><input type="button" id="ArmyIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Vampirism</td>
|
|
<td><p class="num" style="margin: 0;" id="VampirismIncreaseField">0</p></td>
|
|
<td><input type="button" id="VampirismIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Death</td>
|
|
<td><p class="num" style="margin: 0;" id="DeathIncreaseField">0</p></td>
|
|
<td><input type="button" id="DeathIncreaseButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
</fieldset>
|
|
</fieldset>
|
|
</form>
|
|
<div style="float: right; width: 33%; margin-left: 2%;">
|
|
<h3>Stats</h3>
|
|
<table style="float: left; width: 30%; margin-right: 10px;">
|
|
<tr>
|
|
<td>Strength</td>
|
|
<td><p class="num" style="margin: 0;" id="Str"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Perception</td>
|
|
<td><p class="num" style="margin: 0;" id="Per"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Agility</td>
|
|
<td><p class="num" style="margin: 0;" id="Agi"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Charisma</td>
|
|
<td><p class="num" style="margin: 0;" id="Cha"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Endurance</td>
|
|
<td><p class="num" style="margin: 0;" id="End"></p></td>
|
|
</tr>
|
|
</table>
|
|
<table style="float: left; width: 30%; margin-right: 10px;">
|
|
<tr>
|
|
<td>Health</td>
|
|
<td><p class="num" style="margin: 0;" id="Health"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Stamina</td>
|
|
<td><p class="num" style="margin: 0;" id="Exertion"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Composure</td>
|
|
<td><p class="num" style="margin: 0;" id="Composure"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Reaction</td>
|
|
<td><p class="num" style="margin: 0;" id="Reaction"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Fortitude</td>
|
|
<td><p class="num" style="margin: 0;" id="Fortitude"></p></td>
|
|
</tr>
|
|
</table>
|
|
<table style="float: left; width: 31%;">
|
|
<tr>
|
|
<td>Armor Class</td>
|
|
<td><p class="num" style="margin: 0;" id="ArmorClass"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Channel</td>
|
|
<td><p class="num" style="margin: 0;" id="Mana"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Run Speed</td>
|
|
<td><p class="num" style="margin: 0;" id="WalkSpeed"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Swim Speed</td>
|
|
<td><p class="num" style="margin: 0;" id="SwimSpeed"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Jump Distance</td>
|
|
<td><p class="num" style="margin: 0;" id="JumpDistance"></p></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div style="float: right; width: 33%; margin-left: 2%; margin-top: 18px;">
|
|
<table style="float: left; width: 30%; margin-right: 10px;">
|
|
<tr>
|
|
<td>Athletics</td>
|
|
<td><p class="num" style="margin: 0;" id="SAth"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Evasion</td>
|
|
<td><p class="num" style="margin: 0;" id="SEva"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Stealth</td>
|
|
<td><p class="num" style="margin: 0;" id="SSte"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Negotiation</td>
|
|
<td><p class="num" style="margin: 0;" id="SNeg"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Charm</td>
|
|
<td><p class="num" style="margin: 0;" id="SCha"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Command</td>
|
|
<td><p class="num" style="margin: 0;" id="SCom"></p></td>
|
|
</tr>
|
|
</table>
|
|
<table style="float: left; width: 30%; margin-right: 10px;">
|
|
<tr>
|
|
<td>Medical</td>
|
|
<td><p class="num" style="margin: 0;" id="SMed"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Nature</td>
|
|
<td><p class="num" style="margin: 0;" id="SNat"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Engineering</td>
|
|
<td><p class="num" style="margin: 0;" id="SEng"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Arcana</td>
|
|
<td><p class="num" style="margin: 0;" id="SArc"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Security</td>
|
|
<td><p class="num" style="margin: 0;" id="SSec"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Liberal Arts</td>
|
|
<td><p class="num" style="margin: 0;" id="SLib"></p></td>
|
|
</tr>
|
|
</table>
|
|
<table style="width: 30%;">
|
|
<tr>
|
|
<td>Slash</td>
|
|
<td><p class="num" style="margin: 0;" id="SSla"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Hew</td>
|
|
<td><p class="num" style="margin: 0;" id="SHew"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Stab</td>
|
|
<td><p class="num" style="margin: 0;" id="SSta"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Parry</td>
|
|
<td><p class="num" style="margin: 0;" id="SPar"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Shoot</td>
|
|
<td><p class="num" style="margin: 0;" id="SSho"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Throw</td>
|
|
<td><p class="num" style="margin: 0;" id="SThr"></p></td>
|
|
</tr>
|
|
</table><br>
|
|
<table>
|
|
<tr>
|
|
<td>White Magic</td>
|
|
<td><p class="num" style="margin: 0;" id="SWhi"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Elemental Magic</td>
|
|
<td><p class="num" style="margin: 0;" id="SEle"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Druidic Magic</td>
|
|
<td><p class="num" style="margin: 0;" id="SDru"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Mirror Magic</td>
|
|
<td><p class="num" style="margin: 0;" id="SMir"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Necromancy</td>
|
|
<td><p class="num" style="margin: 0;" id="SNec"></p></td>
|
|
</tr>
|
|
</table><br>
|
|
<table>
|
|
<tr>
|
|
<td>Weapon</td>
|
|
<td>Speed</td>
|
|
<td>Damage</td>
|
|
<td>Attack</td>
|
|
<td>Output</td>
|
|
<td>DamToSelf</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Hunting Knife</td>
|
|
<td><p class="num" style="margin: 0;" id="DaggerIni"></p></td>
|
|
<td><p class="num" style="margin: 0;" id="DaggerDam"></p></td>
|
|
<td><input type="button" id="DaggerPress" onclick="" value="Attack"></button></td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="DaggerOutput"></p></td>
|
|
<td><p class="num" style="margin: 0;" id="DaggerDamSelf"></p></td>
|
|
<tr>
|
|
<td>Dual Scimitars</td>
|
|
<td><p class="num" style="margin: 0;" id="ScimitarIni"></p></td>
|
|
<td><p class="num" style="margin: 0;" id="ScimitarDam"></p></td>
|
|
<td><input type="button" id="ScimitarPress" onclick="" value="Attack"></button></td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="ScimitarOutput"></p></td>
|
|
<td><p class="num" style="margin: 0;" id="ScimitarDamSelf"></p></td>
|
|
</tr>
|
|
<td>Casomyr</td>
|
|
<td><p class="num" style="margin: 0;" id="CasomyrIni"></p></td>
|
|
<td><p class="num" style="margin: 0;" id="CasomyrDam"></p></td>
|
|
<td><input type="button" id="CasomyrPress" onclick="" value="Attack"></button></td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="CasomyrOutput"></p></td>
|
|
<td><p class="num" style="margin: 0;" id="CasomyrDamSelf"></p></td>
|
|
</tr>
|
|
</table><br>
|
|
<table>
|
|
<tr>
|
|
<td>Spell</td>
|
|
<td>Speed</td>
|
|
<td>Damage</td>
|
|
<td>Critical</td>
|
|
<td>Attack</td>
|
|
<td>Output</td>
|
|
<td>Health</td>
|
|
<td>ToSelf</td>
|
|
</tr>
|
|
<tr>
|
|
<td><p style="margin: 0;" id="FireBolt">Fire Bolt</p></td>
|
|
<td><p class="num" style="margin: 0;" id="FireBoltIni"></p></td>
|
|
<td><p class="num" style="margin: 0;" id="FireBoltDam"></p></td>
|
|
<td><p class="num" style="margin: 0;" id="FireBoltCrit"></p></td>
|
|
<td><input type="button" id="FireBoltPress" onclick="" value="Attack"></button></td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="FireBoltOutput"></p></td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="FireBoltSelfDam"></p></td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="FireBoltDamSelf"></p></td>
|
|
</tr>
|
|
</table>
|
|
<fieldset>
|
|
<table>
|
|
<tr>
|
|
<td><input type="range" id="FireBoltRanIni" value="0"></td>
|
|
<td>Cast time</td>
|
|
<td><p style="margin: 0;" id="FireBoltTime"></p></td>
|
|
</tr>
|
|
</table>
|
|
<table>
|
|
<tr>
|
|
<td>use Soul Shard?</td>
|
|
<td><p class="num" style="margin: 0;" id="FireBoltSoulShardField">0</p></td>
|
|
<td><input type="button" id="FireBoltSoulShardButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>use Soul Receptacle?</td>
|
|
<td><p class="num" style="margin: 0;" id="FireBoltSoulReceptacleField">0</p></td>
|
|
<td><input type="button" id="FireBoltSoulReceptacleButton" onclick="" value="+"></button></td>
|
|
</tr>
|
|
</table>
|
|
<table>
|
|
<tr>
|
|
<td><input type="range" id="FireBoltRanDur" value="0" max="75"></td>
|
|
<td>Duration</td>
|
|
<td><p style="margin: 0;" id="FireBoltDur"></p></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="range" id="FireBoltRanRad" value="0" max="75"></td>
|
|
<td>Radius</td>
|
|
<td><p style="margin: 0;" id="FireBoltRad"></p></td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
<table>
|
|
<tr>
|
|
<td><p style="margin: 0;" id="VampDrain">Drain Life</p></td>
|
|
<td><p class="num" style="margin: 0;" id="VampDrainIni"></p></td>
|
|
<td><p class="num" style="margin: 0;" id="VampDrainDam"></p></td>
|
|
<td><input type="button" id="VampDrainPress" onclick="" value="Attack"></button></td>
|
|
<td><p class="num" style="margin: 0; width: 20px;" id="VampDrainOutput"></p></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<script src="simpleTrixx.js"></script>
|
|
</body>
|
|
</html> |