Files
JesterKnightGames 4f3b6f0205 Update
Sheet should function now
2024-12-15 13:29:03 -06:00

339 lines
12 KiB
HTML

<!DOCTYPE html>
<html>
<h1>The Maddening Red Wastes</h1>
<div class="tabs">
<!-- Hidden Radio Inputs -->
<input type="radio" name="attr_tab" value="pc" id="tab-pc" checked>
<input type="radio" name="attr_tab" value="npc" id="tab-npc">
<!-- Tab Labels -->
<div class="tab-labels">
<label for="tab-pc">PC Sheet</label>
<label for="tab-npc">NPC Sheet</label>
</div>
<!-- Tab Content -->
<div class="tab-content">
<div class="tab pc-sheet">
<h2>Character Information</h2>
<div class="section">
<div class="form-group">
<label for="attr_name">Name:</label>
<input type="text" name="attr_name" placeholder="Character Name">
</div>
<div class="form-group">
<label for="attr_archetype">Archetype:</label>
<input type="text" name="attr_archetype" placeholder="Archetype">
</div>
<div class="form-group">
<label for="attr_race">Race:</label>
<input type="text" name="attr_race" placeholder="Race">
</div>
<div class="form-group">
<label for="attr_level">Level:</label>
<input type="number" name="attr_level" placeholder="0">
</div>
</div>
</div>
<!-- Core Attributes -->
<div class="tab pc-sheet">
<h2>Core Attributes</h2>
<div class="section">
<div class="form-group">
<label for="attr_head">Head:</label>
<input type="text" name="attr_head">
</div>
<div class="form-group">
<label for="attr_body">Body:</label>
<input type="text" name="attr_body">
</div>
<!-- Limbs -->
<div class="form-group">
<label for="attr_r_arm">Right Arm:</label>
<input type="text" name="attr_r_arm">
</div>
<div class="form-group">
<label for="attr_l_arm">Left Arm:</label>
<input type="text" name="attr_l_arm">
</div>
<div class="form-group">
<label for="attr_r_leg">Right Leg:</label>
<input type="text" name="attr_r_leg">
</div>
<div class="form-group">
<label for="attr_l_leg">Left Leg:</label>
<input type="text" name="attr_l_leg">
</div>
<div class="form-group">
<label for="attr_mind">Mind:</label>
<input type="text" name="attr_mind">
</div>
<div class="form-group">
<label for="attr_charm">Charm:</label>
<input type="text" name="attr_charm">
</div>
<div class="form-group">
<label for="attr_extra_limb_1">Extra Limb 1:</label>
<input type="text" name="attr_extra_limb_1">
</div>
<div class="form-group">
<label for="attr_extra_limb_2">Extra Limb 2:</label>
<input type="text" name="attr_extra_limb_2">
</div>
</div>
</div>
<!-- Combat Stats -->
<div class="tab pc-sheet">
<h2>Combat Stats</h2>
<div class="section">
<div class="form-group">
<label for="attr_hp_max">HP:</label>
<input type="number" name="attr_hp_max" placeholder="HP" style="width: 100px;">
</div>
<div class="form-group">
<label for="attr_momentum">Momentum:</label>
<input type="number" name="attr_momentum" placeholder="Momentum" style="width: 100px;">
</div>
<div class="form-group">
<label for="attr_defense">Defense:</label>
<input type="number" name="attr_defense" placeholder="Defense" style="width: 100px;">
</div>
<div class="form-group">
<label for="attr_damage_reduction">Damage Reduction:</label>
<input type="number" name="attr_damage_reduction" placeholder="DR" style="width: 100px;">
</div>
<div class="form-group">
<label for="attr_speed">Speed:</label>
<input type="text" name="attr_speed" placeholder="Speed" style="width: 100px;">
</div>
</div>
</div>
<div class="tab pc-sheet">
<!-- Roll Single Die -->
<button type="roll" name="roll_single_die" value="/roll 1?{Choose first die|d4|d6|d8|d10|d12|d20}+1?{Choose Second die|d4|d6|d8|d10|d12|d20}+?{Enter a modifier|0}">Action</button>
<!-- Roll Multiple Dice -->
<button type="roll" name="roll_multiple_dice" value="/roll ?{Number of first dice|1}?{Choose first die|d4|d6|d8|d10|d12|d20}+?{Number of second dice|0}?{Choose Second die|d4|d6|d8|d10|d12|d20}+?{Enter a modifier|0}">Damage</button>
</div>
<!-- Inventory -->
<div class="tab pc-sheet">
<h2>Inventory</h2>
<textarea name="attr_inventory" placeholder="List your inventory"></textarea>
</div>
<!-- Traits -->
<div class="tab pc-sheet">
<details open>
<summary><h2>Traits</h2></summary>
<fieldset class="repeating_traits">
<div class="repeating-row">
<label>Trait:</label>
<input type="text" name="attr_trait_name" placeholder="Enter trait name" style="width: 150px;">
<label>Description:</label>
<textarea name="attr_trait_description"
placeholder="Enter description"
style="overflow:auto; height:auto; min-height:50px; resize:none;"></textarea>
</div>
</fieldset>
</details>
</div>
<!-- Talents -->
<div class="tab pc-sheet">
<details open>
<summary><h2>Talents</h2></summary>
<fieldset class="repeating_talents">
<div class="repeating-row">
<label>Talent:</label>
<input type="text" name="attr_talent_name" placeholder="Enter talent name" style="width: 150px;">
<label>Description:</label>
<textarea name="attr_talent_description"
placeholder="Enter description"
style="overflow:auto; height:auto; min-height:50px; resize:none;"></textarea>
</div>
</fieldset>
</details>
</div>
<!-- Flaws -->
<div class="tab pc-sheet">
<details open>
<summary><h2>Flaws</h2></summary>
<fieldset class="repeating_flaws">
<div class="repeating-row">
<label>Flaw:</label>
<input type="text" name="attr_flaw_name" placeholder="Enter flaw name" style="width: 150px;">
<label>Description:</label>
<textarea name="attr_flaw_description"
placeholder="Enter description"
style="overflow:auto; height:auto; min-height:50px; resize:none;"></textarea>
</div>
</fieldset>
</details>
</div>
<!-- Techniques -->
<div class="tab pc-sheet">
<details open>
<summary><h2>Techniques</h2></summary>
<fieldset class="repeating_techniques">
<div class="repeating-row">
<label>Tree:</label>
<input type="text" name="attr_technique_tree" placeholder="Enter technique tree" style="width: 150px;">
<label>Name:</label>
<input type="text" name="attr_technique_name" placeholder="Enter technique name" style="width: 150px;">
<label>Description:</label>
<textarea name="attr_technique_description"
placeholder="Enter description"
style="overflow:auto; height:auto; min-height:50px; resize:none;"></textarea>
</div>
</fieldset>
</details>
</div>
<!-- Extra Pools -->
<div class="tab pc-sheet">
<h2>Extra Pools</h2>
<fieldset class="repeating_ExtraPools">
<div class="repeating-row">
<label>Pool:</label>
<input type="text" name="attr_technique_ExtraPools" placeholder="Enter Pool" style="width: 150px;">
<label>Value:</label>
<textarea name="attr_ExtraPools_description"
placeholder="Enter value"
style="overflow:auto; height:auto; min-height:50px; resize:none;"></textarea>
</div>
</fieldset>
</div>
<!-- NPC Sheet Content -->
<div class="tab npc-sheet">
<h2>NPC Information</h2>
<div class="section">
<!-- Name -->
<div class="form-group">
<label for="attr_npc_name">Name:</label>
<input type="text" name="attr_npc_name" placeholder="NPC Name">
</div>
<!-- Size -->
<div class="form-group">
<label for="attr_role">Size:</label>
<input type="text" name="attr_role" placeholder="Size">
</div>
<!-- Type/Subtype -->
<div class="form-group">
<label for="attr_type">Type/Subtype:</label>
<input type="text" name="attr_type" placeholder="Type/Subtype">
</div>
<!-- Level -->
<div class="form-group">
<label for="attr_level">Level:</label>
<input type="number" name="attr_level" placeholder="0">
</div>
<!-- HP -->
<div class="form-group">
<label for="attr_hp">HP:</label>
<input type="number" name="attr_hp" placeholder="HP" style="width: 100px;">
</div>
<!-- Momentum -->
<div class="form-group">
<label for="attr_momentum">Momentum:</label>
<input type="number" name="attr_momentum" placeholder="Momentum" style="width: 100px;">
</div>
<!-- Defense -->
<div class="form-group">
<label for="attr_defense">Defense:</label>
<input type="number" name="attr_defense" placeholder="Defense" style="width: 100px;">
</div>
<!-- Damage Reduction -->
<div class="form-group">
<label for="attr_damage_reduction">Damage Reduction:</label>
<input type="number" name="attr_damage_reduction" placeholder="DR" style="width: 100px;">
</div>
<!-- Speed -->
<div class="form-group">
<label for="attr_speed">Speed:</label>
<input type="text" name="attr_speed" placeholder="Speed" style="width: 100px;">
</div>
<!-- Body -->
<div class="form-group">
<label for="attr_body">Body:</label>
<input type="text" name="attr_body">
</div>
<!-- Mind -->
<div class="form-group">
<label for="attr_mind">Mind:</label>
<input type="text" name="attr_mind">
</div>
<!-- Charm -->
<div class="form-group">
<label for="attr_charm">Charm:</label>
<input type="text" name="attr_charm">
</div>
</div>
<!-- Buttons -->
<div class="tab npc-sheet">
<!-- Roll Single Die -->
<button type="roll" name="roll_single_die" value="/roll 1?{Choose first die|d4|d6|d8|d10|d12|d20}+1?{Choose Second die|d4|d6|d8|d10|d12|d20}+?{Enter a modifier|0}">Action</button>
<!-- Roll Multiple Dice -->
<button type="roll" name="roll_multiple_dice" value="/roll ?{Number of first dice|1}?{Choose first die|d4|d6|d8|d10|d12|d20}+?{Number of second dice|0}?{Choose Second die|d4|d6|d8|d10|d12|d20}+?{Enter a modifier|0}">Damage</button>
</div>
<!-- Abilities -->
<div class="section">
<label for="attr_abilities">Abilities:</label>
<textarea name="attr_abilities" placeholder="Enter abilities"></textarea>
</div>
</div>
</div>
</div>
</html>