mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
The Maddening Red Wastes
Welcome to the Red Wastes
This commit is contained in:
JesterKnightGames
@@ -1,343 +1,343 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>The Maddening Red Wastes</title>
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
</body>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>The Maddening Red Wastes</title>
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,172 +1,172 @@
|
||||
/* Title Styling */
|
||||
head {
|
||||
text-align: center; /* Center the title horizontally */
|
||||
font-size: 36px; /* Adjust the size of the title */
|
||||
font-weight: bold; /* Make the title bold */
|
||||
color: red; /* Set the text color to red */
|
||||
margin: 20px 0; /* Add space above and below the title */
|
||||
text-transform: uppercase; /* Optional: Make the title all uppercase */
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 20px;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
h2 {
|
||||
border-bottom: 2px solid #444;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
/* Sections Layout */
|
||||
.section {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
padding: 10px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* Form Group Layout */
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1 1 200px;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.form-group input,
|
||||
.form-group textarea {
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* Buttons in the action section */
|
||||
.action-buttons {
|
||||
display: flex; /* Align buttons horizontally */
|
||||
flex-wrap: wrap; /* Allow wrapping if space is limited */
|
||||
gap: 10px; /* Space between buttons */
|
||||
}
|
||||
|
||||
.action-buttons button {
|
||||
padding: 10px 20px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #007bff;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.action-buttons button:hover {
|
||||
background-color: #0056b3;
|
||||
}
|
||||
|
||||
|
||||
|
||||
label {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
margin-top: 5px;
|
||||
padding: 8px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
height: auto;
|
||||
min-height: 50px;
|
||||
resize: none;
|
||||
width: 100%; /* Ensures it stretches the container width */
|
||||
box-sizing: border-box; /* Prevents overflow padding issues */
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
fieldset .repeating-row {
|
||||
margin-bottom: 10px;
|
||||
padding: 10px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
||||
details summary {
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
details summary h2 {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
details {
|
||||
margin-bottom: 15px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
/* Hide all tab content by default */
|
||||
.tab-content .tab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Show PC Sheet when PC tab is selected */
|
||||
#tab-pc:checked ~ .tab-content .pc-sheet {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Show NPC Sheet when NPC tab is selected */
|
||||
#tab-npc:checked ~ .tab-content .npc-sheet {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Tab Labels Styling */
|
||||
.tab-labels {
|
||||
display: flex;
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tab-labels label {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.tab-labels label:hover {
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
|
||||
#tab-pc:checked ~ .tab-labels label[for="tab-pc"],
|
||||
#tab-npc:checked ~ .tab-labels label[for="tab-npc"] {
|
||||
background-color: #fff;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
/* Title Styling */
|
||||
head {
|
||||
text-align: center; /* Center the title horizontally */
|
||||
font-size: 36px; /* Adjust the size of the title */
|
||||
font-weight: bold; /* Make the title bold */
|
||||
color: red; /* Set the text color to red */
|
||||
margin: 20px 0; /* Add space above and below the title */
|
||||
text-transform: uppercase; /* Optional: Make the title all uppercase */
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 20px;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
h2 {
|
||||
border-bottom: 2px solid #444;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
/* Sections Layout */
|
||||
.section {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
padding: 10px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* Form Group Layout */
|
||||
.form-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1 1 200px;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.form-group input,
|
||||
.form-group textarea {
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* Buttons in the action section */
|
||||
.action-buttons {
|
||||
display: flex; /* Align buttons horizontally */
|
||||
flex-wrap: wrap; /* Allow wrapping if space is limited */
|
||||
gap: 10px; /* Space between buttons */
|
||||
}
|
||||
|
||||
.action-buttons button {
|
||||
padding: 10px 20px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #007bff;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.action-buttons button:hover {
|
||||
background-color: #0056b3;
|
||||
}
|
||||
|
||||
|
||||
|
||||
label {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
margin-top: 5px;
|
||||
padding: 8px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
height: auto;
|
||||
min-height: 50px;
|
||||
resize: none;
|
||||
width: 100%; /* Ensures it stretches the container width */
|
||||
box-sizing: border-box; /* Prevents overflow padding issues */
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
fieldset .repeating-row {
|
||||
margin-bottom: 10px;
|
||||
padding: 10px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
||||
details summary {
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
details summary h2 {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
details {
|
||||
margin-bottom: 15px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
/* Hide all tab content by default */
|
||||
.tab-content .tab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Show PC Sheet when PC tab is selected */
|
||||
#tab-pc:checked ~ .tab-content .pc-sheet {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Show NPC Sheet when NPC tab is selected */
|
||||
#tab-npc:checked ~ .tab-content .npc-sheet {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Tab Labels Styling */
|
||||
.tab-labels {
|
||||
display: flex;
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tab-labels label {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.tab-labels label:hover {
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
|
||||
#tab-pc:checked ~ .tab-labels label[for="tab-pc"],
|
||||
#tab-npc:checked ~ .tab-labels label[for="tab-npc"] {
|
||||
background-color: #fff;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
{
|
||||
"html": "The Maddening Red Wastes Sheet.html",
|
||||
"css": "The Maddening Red Wastes.css",
|
||||
"authors": "Jester Knight Games",
|
||||
"roll20userid": "3191894",
|
||||
"preview": "Sheet.PNG",
|
||||
"instructions": "Welcome to the Red Wastes"
|
||||
{
|
||||
"html": "The Maddening Red Wastes Sheet.html",
|
||||
"css": "The Maddening Red Wastes.css",
|
||||
"authors": "Jester Knight Games",
|
||||
"roll20userid": "3191894",
|
||||
"preview": "Sheet.PNG",
|
||||
"instructions": "Welcome to the Red Wastes"
|
||||
}
|
||||
Reference in New Issue
Block a user