hylianux
77cf36adec
The calculation for armor class was incorrect, so I fixed it. I also added roll buttons for all the different skill checks you could have. My only other recommendation for future upgrades is spacing, and of course using the proper css and formatting that roll20 recognizes. That stuff's over my head right now.
475 lines
19 KiB
HTML
475 lines
19 KiB
HTML
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h1>Microlite20 <small>Character Sheet</small></h1>
|
|
<form class="form-horizontal" role="form">
|
|
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">Name</label>
|
|
<div class="col-sm-4">
|
|
<input type="text" class="form-control"
|
|
placeholder="Name" name="attr_character_name">
|
|
</div>
|
|
<label class="col-sm-2 control-label">
|
|
Sex
|
|
</label>
|
|
<div class="col-sm-4">
|
|
<select class="form-control" name="attr_gender">
|
|
<option value="1">Female</option>
|
|
<option value="2">Male</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">Race
|
|
</label>
|
|
<div class="col-sm-4">
|
|
<select class="form-control" name="attr_race">
|
|
<option value="1">Human</option>
|
|
<option value="2">Elf</option>
|
|
<option value="3">Dwarf</option>
|
|
<option value="4">Halfling</option>
|
|
</select>
|
|
</select>
|
|
</div>
|
|
<label class="col-sm-2 control-label">
|
|
Class</label>
|
|
<div class="col-sm-4">
|
|
<select class="form-control" name="attr_class">
|
|
<option value="1">Fighter</option>
|
|
<option value="2">Rogue</option>
|
|
<option value="3">Mage</option>
|
|
<option value="4">Cleric</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">Level</label>
|
|
<div class="col-sm-4">
|
|
<input type="number" class="form-control"
|
|
placeholder="1" name="attr_level">
|
|
</div>
|
|
<label class="col-sm-2 control-label">
|
|
Encounter Levels
|
|
</label>
|
|
<div class="col-sm-4">
|
|
<input type="number" class="form-control"
|
|
placeholder="0" name="attr_encounter_levels">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">
|
|
Height (m)
|
|
</label>
|
|
<div class="col-sm-4">
|
|
<input type="number" class="form-control"
|
|
placeholder="1.6"
|
|
name="attr_height">
|
|
</div>
|
|
<label class="col-sm-2 control-label">
|
|
Weight (kg)
|
|
</label>
|
|
<div class="col-sm-4">
|
|
<input type="number" class="form-control"
|
|
placeholder="55"
|
|
name="attr_weight">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">
|
|
Hair Color
|
|
</label>
|
|
<div class="col-sm-4">
|
|
<input type="text" class="form-control"
|
|
placeholder="Hair Color"
|
|
name="attr_hair_color">
|
|
</div>
|
|
<label class="col-sm-2 control-label">
|
|
Eye Color
|
|
</label>
|
|
<div class="col-sm-4">
|
|
<input type="text" class="form-control"
|
|
placeholder="Eye Color"
|
|
name="attr_eye_color">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="row">
|
|
<h3>Character Statistics</h3>
|
|
<div class="col-sm-6 col-sm-offset-3">
|
|
<table class="table">
|
|
<thead>
|
|
<th>Stat</th>
|
|
<th>Score</th>
|
|
<th>Bonus</th>
|
|
<th>Stat+Physical Roll</th>
|
|
<th>Stat+Subterfuge Roll</th>
|
|
<th>Stat+Knowledge Roll</th>
|
|
<th>Stat+Communication Roll</th>
|
|
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><label class="control-label">Strength
|
|
</label>
|
|
</td>
|
|
<td><input class="form-control" type="number"
|
|
name="attr_strength" placeholder="0"></td>
|
|
<td><input class="form-control" type="number"
|
|
name="attr_strength_bonus"
|
|
disabled="true"
|
|
value="floor((@{strength} - 10) / 2)">
|
|
</td>
|
|
<td>
|
|
<button class="form-control" type="roll"
|
|
value="/roll d20+@{physical}+@{strength_bonus}">
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="form-control" type="roll"
|
|
value="/roll d20+@{subterfuge}+@{strength_bonus}">
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="form-control" type="roll"
|
|
value="/roll d20+@{knowledge}+@{strength_bonus}">
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="form-control" type="roll"
|
|
value="/roll d20+@{communication}+@{strength_bonus}">
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><label class="control-label">Dexterity
|
|
</label>
|
|
</td>
|
|
<td><input class="form-control" type="number"
|
|
name="attr_dexterity" placeholder="0">
|
|
</td>
|
|
<td><input class="form-control" type="number"
|
|
name="attr_dexterity_bonus"
|
|
disabled="true"
|
|
value="floor((@{dexterity} - 10) / 2)">
|
|
</td>
|
|
<td>
|
|
<button class="form-control" type="roll"
|
|
value="/roll d20+@{physical}+@{dexterity_bonus}">
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="form-control" type="roll"
|
|
value="/roll d20+@{subterfuge}+@{dexterity_bonus}">
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="form-control" type="roll"
|
|
value="/roll d20+@{knowledge}+@{dexterity_bonus}">
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="form-control" type="roll"
|
|
value="/roll d20+@{communication}+@{dexterity_bonus}">
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><label class="control-label">Mind</label>
|
|
</td>
|
|
<td><input class="form-control" type="number"
|
|
name="attr_mind" placeholder="0"></td>
|
|
<td><input class="form-control" type="number"
|
|
name="attr_mind_bonus"
|
|
disabled="true"
|
|
value="floor((@{mind} - 10) / 2)">
|
|
</td>
|
|
<td>
|
|
<button class="form-control" type="roll"
|
|
value="/roll d20+@{physical}+@{mind_bonus}">
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="form-control" type="roll"
|
|
value="/roll d20+@{subterfuge}+@{mind_bonus}">
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="form-control" type="roll"
|
|
value="/roll d20+@{knowledge}+@{mind_bonus}">
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="form-control" type="roll"
|
|
value="/roll d20+@{communication}+@{mind_bonus}">
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<form>
|
|
<div class="form-group">
|
|
<label class="col-sm-6 col-sm-offset-1 control-label text-center">
|
|
Hit Points <br><small>(STR + 1d6/level)</small>
|
|
</label>
|
|
<div class="col-sm-2">
|
|
<input type="number" class="form-control col-sm-2"
|
|
placeholder="0"
|
|
name="attr_hit_points">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-sm-6 col-sm-offset-1 control-label text-center">
|
|
Armor Class<br>
|
|
<small>(10 + DEX Bonus + Armor Bonus)</small>
|
|
</label>
|
|
<div class="col-sm-2">
|
|
<input type="number" class="form-control"
|
|
name="attr_armor_class" disabled="true"
|
|
value="10 + @{dexterity_bonus} + @{armor_bonus}">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<h3 class="text-center">Armor Bonus</h3>
|
|
<div class="col-sm-4 col-sm-offset-4">
|
|
<input type="number" class="form-control"
|
|
name="attr_armor_bonus" placeholder="0">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<h3>Skills <small>Rank = level + class / race bonus</small>
|
|
</h3>
|
|
<div class="col-sm-6 col-sm-offset-3">
|
|
<table class="table">
|
|
<thead>
|
|
<th>Skill</th>
|
|
<th>Rank</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>Physical</td>
|
|
<td><input type="number" class="form-control"
|
|
name="attr_physical" placeholder="0">
|
|
</td>
|
|
</tr>
|
|
<tr><td>Subterfuge</td>
|
|
<td><input type="number" class="form-control"
|
|
name="attr_subterfuge" placeholder="0"></td>
|
|
</tr>
|
|
<tr><td>Knowledge</td>
|
|
<td><input type="number" class="form-control"
|
|
name="attr_knowledge" placeholder="0"></td>
|
|
</tr>
|
|
<tr><td>Communication</td>
|
|
<td><input type="number" class="form-control"
|
|
name="attr_communication" placeholder="0"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<form class="form-horizontal" role="form">
|
|
<div class="form-group">
|
|
<label class="col-sm-6 control-label">
|
|
Melee Attack Bonus <small>(STR + level)</small>
|
|
</label>
|
|
<div class="col-sm-2">
|
|
<input type="number" class="form-control"
|
|
placeholder="0"
|
|
name="attr_melee_attack_bonus" disabled="true"
|
|
value="@{strength_bonus} + @{level}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-sm-6 control-label">
|
|
Missile Attack Bonus <small>(DEX + level)</small>
|
|
</label>
|
|
<div class="col-sm-2">
|
|
<input type="number" class="form-control"
|
|
placeholder="0"
|
|
name="attr_missile_attack_bonus" disabled="true"
|
|
value="@{dexterity_bonus} + @{level}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-sm-6 control-label">
|
|
Magic Attack Bonus <small>(MIND + level)</small>
|
|
</label>
|
|
<div class="col-sm-2">
|
|
<input type="number" class="form-control"
|
|
placeholder="0"
|
|
name="attr_magic_attack_bonus" disabled="true"
|
|
value="@{mind_bonus} + @{level}">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="row">
|
|
<h3>Weapons</h3>
|
|
<div class="col-sm-4 text-center">
|
|
<strong>Name</strong>
|
|
</div>
|
|
<div class="col-sm-2 text-center">
|
|
<strong>Dice</strong>
|
|
</div>
|
|
<div class="col-sm-2 text-center">
|
|
<strong>Type</strong>
|
|
</div>
|
|
<div class="col-sm-2 text-center">
|
|
<strong>Range (m)</strong>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<fieldset class="repeating_weapons">
|
|
<div class="col-sm-4">
|
|
<input type="text" name="attr_weapon_name"
|
|
class="form-control" placeholder="Weapon Name"></input>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<input type="number" name="attr_dnum"
|
|
class="form-control"
|
|
placeholder="1"></input>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<select name="attr_dtype" class="form-control">
|
|
<option value="4">d4</option>
|
|
<option value="6">d6</option>
|
|
<option value="8">d8</option>
|
|
<option value="10">d10</option>
|
|
<option value="12">d12</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<input type="number" class="form-control"
|
|
name="attr_weapon_range"
|
|
placeholder="0"></input>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<button class="form-control" type="roll"
|
|
value="/roll @{dnum}d@{dtype}">
|
|
</button>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<h3>Spells</h3>
|
|
<div class="col-sm-2 text-center">
|
|
<strong>Name</strong>
|
|
</div>
|
|
<div class="col-sm-2 text-center">
|
|
<strong>Level</strong>
|
|
</div>
|
|
<div class="col-sm-1 text-center">
|
|
<strong>Signature</strong>
|
|
</div>
|
|
<div class="col-sm-4 text-center">
|
|
<strong>Description</strong>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<fieldset class="repeating_spells">
|
|
<div class="col-sm-2">
|
|
<input type="text" name="attr_spell_name"
|
|
class="form-control" placeholder="Spell Name"></input>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<input type="number" name="attr_spell_level"
|
|
class="form-control" placeholder="0"></input>
|
|
</div>
|
|
<div class="col-sm-1" class="text-center">
|
|
<input type="checkbox" name="attr_spell_signature"
|
|
class="form-control"
|
|
style="width:15px; height:15px;"
|
|
value="1"></input>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<input type="text" name="attr_spell_desc"
|
|
class="form-control" placeholder="Spell Description">
|
|
</input>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<button class="form-control" type="roll"
|
|
value="/me casts @{spell_name} at DC [[10 + @{level} + @{mind_modifier}]] costing [[1 + 2 * @{spell_level} - @{spell_signature}]] HP">
|
|
</button>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<h3>Equipment</h3>
|
|
<fieldset class="repeating_equipment">
|
|
<div class="col-sm-2">
|
|
<input type="number" name="attr_eq_quantity"
|
|
class="form-control" placeholder="1"></input>
|
|
</div>
|
|
|
|
<div class="col-sm-10">
|
|
<input type="text" name="attr_eq_name"
|
|
class="form-control"
|
|
placeholder="Item Name"></input>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<h3>Wealth</h3>
|
|
<div class="col-sm-10 col-sm-offset-1">
|
|
<table class="table">
|
|
<thead>
|
|
<th>Coinage</th>
|
|
<th>Amount</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Platinum</td>
|
|
<td><input type="number" class="form-control"
|
|
placeholder="0" name="attr_platinum_coins"></input>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Gold</td>
|
|
<td><input type="number" class="form-control"
|
|
placeholder="0" name="attr_gold_coins"></input>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Silver</td>
|
|
<td><input type="number" class="form-control"
|
|
placeholder="0" name="attr_silver_coins"></input>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Copper</td>
|
|
<td><input type="number" class="form-control"
|
|
placeholder="0" name="attr_copper_coins"></input>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|