mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
313 lines
15 KiB
HTML
313 lines
15 KiB
HTML
|
|
|
|
<div class="col">
|
|
<img src="https://i.imgur.com/PjamsyS.png" />
|
|
</div>
|
|
|
|
<div>
|
|
<button type="action" name="act_chars" >Character & Attributes</button>
|
|
<button type="action" name="act_wps" >Willpower & Skills</button>
|
|
<button type="action" name="act_hps" >Health</button>
|
|
<button type="action" name="act_invs" >Inventory & Notes</button>
|
|
</div>
|
|
<input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab' value='chars' />
|
|
|
|
<div class='sheet-chars'>
|
|
<h2>Character</h2>
|
|
<span>
|
|
<div class="2colrow">
|
|
<div class="col" style="width: 200px">
|
|
<label style="font-size: large"/>Name:</label><input type="text" name="attr_character_name" />
|
|
<br />
|
|
<br />
|
|
<label style="font-size: large"/>Attitude:</label><input type="text" name="attr_attitude" />
|
|
</div>
|
|
<div class="col" style="width: 200px">
|
|
<label style="font-size: large"/>Haunt:</label><input type="text" name="attr_haunt" />
|
|
<br />
|
|
<br />
|
|
<label style="font-size: large"/>Virtue:</label><input type="text" name="attr_virtue" />
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<h2>Attributes</h2>
|
|
<div class="2colrow">
|
|
<div class="col" style=width: "200px">
|
|
<label style="font-size: medium"/>Frailty </label><input type="number" name='attr_frailty' class='sheet-short'>
|
|
<br />
|
|
<button type='roll' name='roll_easy' value='&{template:red} {{name=@{character_name}}}{{Rolling=Easy - Frailty (Attribute @{Frailty})}}{{result=[[3d6d2 < @{Frailty}]]}}'></button><span class='dee'>Easy</span>
|
|
<button type='roll' name='roll_medium' value='&{template:red} {{name=@{character_name}}} {{Rolling=Medium - Frailty (Attribute @{Frailty})}}{{result=[[3d6kl2dl1 < @{frailty}]]}}'></button><span class='dee'>Medium</span>
|
|
<button type='roll' name='roll_hard' value='&{template:red} {{name=@{character_name}}} {{Rolling=Hard - Frailty (Attribute @{Frailty})}}{{result=[[3d6dh2 < @{frailty}]]}}'></button><span class='dee'>Hard</span>
|
|
<br />
|
|
<br />
|
|
<label style="font-size: medium"/>Clumsiness </label><input type="number" name='attr_clumsiness' class='sheet-short'>
|
|
<br />
|
|
<button type='roll' name='roll_easy' value='&{template:red} {{name=@{character_name}}} {{Rolling=Easy - Clumsiness (Attribute @{Clumsiness})}}{{result=[[3d6d2 < @{Clumsiness}]]}}'></button><span class='dee'>Easy</span>
|
|
<button type='roll' name='roll_medium' value='&{template:red} {{name=@{character_name}}} {{Rolling=Medium - Clumsiness (Attribute @{Clumsiness})}}{{result=[[3d6kl2dl1 < @{Clumsiness}]]}}'></button><span class='dee'>Medium</span>
|
|
<button type='roll' name='roll_hard' value='&{template:red} {{name=@{character_name}}} {{Rolling=Hard - Clumsiness (Attribute @{Clumsiness})}}{{result=[[3d6dh2 < @{Clumsiness}]]}}'></button><span class='dee'>Hard</span>
|
|
<br />
|
|
<br />
|
|
<label style="font-size: medium"/>Carelessness </label><input type="number" name='attr_carelessness' class='sheet-short'>
|
|
<br />
|
|
<button type='roll' name='roll_easy' value='&{template:red} {{name=@{character_name}}} {{Rolling=Medium - Carelessness (Attribute @{Carelessness})}}{{result=[[3d6d2 < @{Carelessness}]]}}'></button><span class='dee'>Easy</span>
|
|
<button type='roll' name='roll_medium' value='&{template:red} {{name=@{character_name}}} {{Rolling=Medium - Carelessness (Attribute @{Carelessness})}}{{result=[[3d6kl2dl1 < @{Carelessness}]]}}'></button><span class='dee'>Medium</span>
|
|
<button type='roll' name='roll_hard' value='&{template:red} {{name=@{character_name}}}{{Rolling=Hard - Carelessness (Attribute @{Carelessness})}} {{result=[[3d6dh2 < @{Carelessness}]]}}'></button><span class='dee'>Hard</span>
|
|
<br />
|
|
<br />
|
|
<label style="font-size: medium"/>Impatience </label><input type="number" name='attr_impatience' class='sheet-short'>
|
|
<br />
|
|
<button type='roll' name='roll_easy' value='&{template:red} {{name=@{character_name}}} {{Rolling=Easy - Impatience (Attribute @{Impatience})}}{{result=[[3d6d2 < @{Impatience}]]}}'></button><span class='dee'>Easy</span>
|
|
<button type='roll' name='roll_medium' value='&{template:red} {{name=@{character_name}}} {{Rolling=Medium - Impatience (Attribute @{Impatience})}}{{result=[[3d6kl2dl1 < @{Impatience}]]}}'></button><span class='dee'>Medium</span>
|
|
<button type='roll' name='roll_hard' value='&{template:red} {{name=@{character_name}}} {{Rolling=Hard - Impatience (Attribute @{Impatience})}}{{result=[[3d6dh2 < @{Impatience}]]}}'></button><span class='dee'>Hard</span>
|
|
<br />
|
|
<br />
|
|
</div>
|
|
<div class="col">
|
|
<label style="font-size: medium"/>Cowardice </label><input type="number" name='attr_cowardice' class='sheet-short'>
|
|
<br />
|
|
<button type='roll' name='roll_easy' value='&{template:red} {{name=@{character_name}}} {{Rolling=Easy - Cowardice (Attribute @{Cowardice})}}{{result=[[3d6d2 < @{Cowardice}]]}}'></button><span class='dee'>Easy</span>
|
|
<button type='roll' name='roll_medium' value='&{template:red} {{name=@{character_name}}} {{Rolling=Medium - Cowardice (Attribute @{Cowardice})}}{{result=[[3d6kl2dl1 < @{Cowardice}]]}}'></button><span class='dee'>Medium</span>
|
|
<button type='roll' name='roll_hard' value='&{template:red} {{name=@{character_name}}} {{Rolling=Hard - Cowardice (Attribute @{Cowardice})}}{{result=[[3d6dh2 < @{Cowardice}]]}}'></button><span class='dee'>Hard</span>
|
|
<br />
|
|
<br />
|
|
<label style="font-size: medium"/>Ignorance </label><input type="number" name='attr_ignorance' class='sheet-short'>
|
|
<br />
|
|
<button type='roll' name='roll_easy' value='&{template:red} {{name=@{character_name}}}{{Rolling=Easy - Ignorance (Attribute @{Ignorance})}}{{result=[[3d6d2 < @{Ignorance}]]}}'></button><span class='dee'>Easy</span>
|
|
<button type='roll' name='roll_medium' value='&{template:red} {{name=@{character_name}}}{{Rolling=Medium - Ignorance (Attribute @{Ignorance})}} {{result=[[3d6kl2dl1 < @{Ignorance}]]}}'></button><span class='dee'>Medium</span>
|
|
|
|
<button type='roll' name='roll_hard' value='&{template:red} {{name=@{character_name}}} {{Rolling=Hard - Ignorance (Attribute @{Ignorance})}}{{result=[[3d6dh2 < @{Ignorance}]]}}'></button><span class='dee'>Hard</span>
|
|
<br />
|
|
<br />
|
|
<label style="font-size: medium"/>Repulsion </label><input type="number" name='attr_repulsion' class='sheet-short'>
|
|
<br />
|
|
<button type='roll' name='roll_easy' value='&{template:red} {{name=@{character_name}}} {{Rolling=Easy - Repulsion (Attribute @{Repulsion})}}{{result=[[3d6d2 < @{Repulsion}]]}}'></button><span class='dee'>Easy</span>
|
|
<button type='roll' name='roll_medium' value='&{template:red} {{name=@{character_name}}} {{Rolling=Medium - Repulsion (Attribute @{Repulsion})}}{{result=[[3d6kl2dl1 < @{Repulsion}]]}}'></button><span class='dee'>Medium</span>
|
|
<button type='roll' name='roll_hard' value='&{template:red} {{name=@{character_name}}} {{Rolling=Hard - Repulsion (Attribute @{Repulsion})}}{{result=[[3d6dh2 < @{Repulsion}]]}}'></button><span class='dee'>Hard</span>
|
|
<br />
|
|
<br />
|
|
<label style="font-size: medium"/>Temper </label><input type="number" name='attr_temper' class='sheet-short'>
|
|
<br />
|
|
<button type='roll' name='roll_easy' value='&{template:red} {{name=@{character_name}}} {{Rolling=Easy - Temper (Attribute @{Temper})}}{{result=[[3d6d2 < @{Temper}]]}}'></button><span class='dee'>Easy</span>
|
|
<button type='roll' name='roll_medium' value='&{template:red} {{name=@{character_name}}} {{Rolling=Medium - Temper (Attribute @{Temper})}}{{result=[[3d6kl2dl1 < @{Temper}]]}}'></button><span class='dee'>Medium</span>
|
|
<button type='roll' name='roll_hard' value='&{template:red} {{name=@{character_name}}} {{Rolling=Hard - Temper (Attribute @{Temper})}}{{outcome=}}{{result=[[3d6dh2 < @{Temper}]]}}'></button><span class='dee'>Hard</span>
|
|
<br />
|
|
</div>
|
|
</div>
|
|
|
|
</span>
|
|
</div>
|
|
|
|
<div class='sheet-wps'>
|
|
<h2>Willpower</h2>
|
|
<span>
|
|
<table>
|
|
<thead style="width: 100%;">
|
|
<th>Willpower</th>
|
|
<th colspan="3">Stress</th>
|
|
<tbody>
|
|
<tr>
|
|
<td><input type="number" name='attr_willpower' class='sheet-short'></td>
|
|
<td><label class="container">Calm
|
|
<input type="checkbox" id="stress1" name="attr_stress1" value="st1"><span></span></label></td>
|
|
<td><label class="container">Tense
|
|
<input type="checkbox" id="stress2" name="attr_stress2" value="st2"><span></span></label></td>
|
|
<td><label class="container">Stressed
|
|
<input type="checkbox" id="stress3" name="attr_stress3" value="st3"><span></span></label></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td>
|
|
<td><label>1 WP=3 dice</label></td>
|
|
<td><label>1 WP=2 dice</label></td>
|
|
<td><label>1 WP=1 dice</label></td>
|
|
</tr>
|
|
</table>
|
|
<hr />
|
|
<h2>Skills</h2>
|
|
<table style="width: 60%;">
|
|
<thead style="font-size: 15px;">
|
|
<th style="text-align: center;">Name</th>
|
|
<th style="text-align: center;">Type</th>
|
|
<th style="text-align: center;">Effect</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><input type="text" name="attr_sname1" /></td>
|
|
<td><input type="text" name="attr_stype1" /></td>
|
|
<td><input type="text" name="attr_seffect1" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_sname2" /></td>
|
|
<td><input type="text" name="attr_stype2" /></td>
|
|
<td><input type="text" name="attr_seffect2" /></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<hr />
|
|
|
|
</span>
|
|
</div>
|
|
|
|
<div class='sheet-hps'>
|
|
<h2>Health</h2>
|
|
<span>
|
|
<div class ='sheet-col'>
|
|
<table style="width: 100%;">
|
|
<thead style="font-size: 15px;">
|
|
<tr>
|
|
<th colspan="9"> Death's Door</th>
|
|
</tr/>
|
|
<tr>
|
|
<th colspan="3" style="text-align: center;">1st</th>
|
|
<th colspan="3" style="text-align: center;">2nd</th>
|
|
<th colspan="3" style="text-align: center;">3rd</th>
|
|
</tr>
|
|
</thead>
|
|
<tr>
|
|
<td><input type="checkbox" id="minor1" name="attr_minor1" value="M1"><span></span></td>
|
|
<td><input type="checkbox" id="minor2" name="attr_minor2" value="M2"><span></span></td>
|
|
<td><input type="checkbox" id="minor3" name="attr_minor3" value="M3"><span></span></td>
|
|
<td style="padding-left: 15px;"><input type="checkbox" id="minor4" name="attr_minor4" value="M4"><span></span></td>
|
|
<td><input type="checkbox" id="minor5" name="attr_minor5" value="M5"><span></span></td>
|
|
<td><input type="checkbox" id="minor6" name="attr_minor6" value="M6"><span></span></td>
|
|
<td style="padding-left: 15px;"><input type="checkbox" id="minor7" name="attr_minor7" value="M7"><span></span></td>
|
|
<td><input type="checkbox" id="minor8" name="attr_minor8" value="M8"><span></span></td>
|
|
<td><input type="checkbox" id="minor9" name="attr_minor9" value="M9"><span></span></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="checkbox" id="minor10" name="attr_minor10" value="M10"><span></span></td>
|
|
<td><input type="checkbox" id="minor11" name="attr_minor11" value="M11"><span></span></td>
|
|
<td><input type="checkbox" id="minor12" name="attr_minor12" value="M12"><span></span></td>
|
|
<td style="padding-left: 15px;"><input type="checkbox" id="minor13" name="attr_minor13" value="M13"><span></span></td>
|
|
<td><input type="checkbox" id="minor14" name="attr_minor14" value="M14"><span></span></td>
|
|
<td><input type="checkbox" id="minor15" name="attr_minor15" value="M15"><span></span></td>
|
|
<td style="padding-left: 15px;"><input type="checkbox" id="minor16" name="attr_minor16" value="M16"><span></span></td>
|
|
<td><input type="checkbox" id="minor17" name="attr_minor17" value="M17"><span></span></td>
|
|
<td><input type="checkbox" id="minor18" name="attr_minor18" value="M18"><span></span></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="checkbox" id="minor19" name="attr_minor19" value="M19"><span></span></td>
|
|
<td><input type="checkbox" id="minor20" name="attr_minor20" value="M20"><span></span></td>
|
|
<td><input type="checkbox" id="minor21" name="attr_minor21" value="M21"><span></span></td>
|
|
<td style="padding-left: 15px;"><input type="checkbox" id="minor22" name="attr_minor22" value="M22"><span></span></td>
|
|
<td><input type="checkbox" id="minor23" name="attr_minor23" value="M23"><span></span></td>
|
|
<td><input type="checkbox" id="minor24" name="attr_minor24" value="M24"><span></span></td>
|
|
<td style="padding-left: 15px;"><input type="checkbox" id="minor25" name="attr_minor25" value="M25"><span></span></td>
|
|
<td><input type="checkbox" id="minor26" name="attr_minor26" value="M26"><span></span></td>
|
|
<td><input type="checkbox" id="minor27" name="attr_minor27" value="M27"><span></span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<br />
|
|
<table style="width: 60%;">
|
|
<thead style="font-size: 15px;">
|
|
<th style="text-align: center;">Wound</th>
|
|
<th style="text-align: center;">Severity</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><input type="text" name="attr_wound1" /></td>
|
|
<td><input type="text" name="attr_sev1" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_wound2"/></td>
|
|
<td><input type="text" name="attr_sev2"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_wound3"/></td>
|
|
<td><input type="text" name="attr_sev3"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_wound4"/></td>
|
|
<td><input type="text" name="attr_sev4" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_wound5"/></td>
|
|
<td><input type="text" name="attr_sev5"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_wound6"/></td>
|
|
<td><input type="text" name="attr_sev6"/></td>
|
|
</tr>
|
|
</table>
|
|
|
|
</span>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class='sheet-invs'>
|
|
<h2>Inventory</h2>
|
|
<span>
|
|
<!-- Inv Repeating -->
|
|
<h2>Active Items</h2>
|
|
<fieldset class="repeating_inv">
|
|
<div class='container'>
|
|
<div class='row'>
|
|
<div class='col'>
|
|
<h4>Name</h4>
|
|
<input type="text" name="attr_invdesc1"/></div>
|
|
<div class='col'>
|
|
<h4>Size</h4>
|
|
<label class="container">Small
|
|
<input type="checkbox" id="size1" name="attr_size1" value="s1"><span></span></label><label class="container">Large
|
|
<input type="checkbox" id="size2" name="attr_size2" value="s2"><span></span></label>
|
|
</div>
|
|
<div class='col'>
|
|
<h4>Quality</h4>
|
|
<label class="container">1
|
|
<input type="checkbox" id="qual1" name="attr_qual1" value="q1"><span></span></label>
|
|
<label class="container">2
|
|
<input type="checkbox" id="qual2" name="attr_qual2" value="q2"><span></span></label>
|
|
<label class="container">3
|
|
<input type="checkbox" id="qual3" name="attr_qual3" value="q3"><span></span></label></div></div>
|
|
<div class='col'>
|
|
<h4>Durability</h4></div>
|
|
<div class='col'>
|
|
<input type="checkbox" id="dur1" name="attr_dur1" value="D1"><span></span>
|
|
<input type="checkbox" id="dur2" name="attr_dur2" value="D2"><span></span>
|
|
<input type="checkbox" id="dur3" name="attr_dur3" value="D3"><span></span>
|
|
<input type="checkbox" id="dur4" name="attr_dur4" value="D4"><span></span>
|
|
<input type="checkbox" id="dur5" name="attr_dur5" value="D5"><span></span>
|
|
<input type="checkbox" id="dur6" name="attr_dur6" value="D6"><span></span>
|
|
<input type="checkbox" id="dur7" name="attr_dur7" value="D7"><span></span>
|
|
<input type="checkbox" id="dur8" name="attr_dur8" value="D8"><span></span>
|
|
</div></div>
|
|
<br /><br />
|
|
</fieldset>
|
|
<br />
|
|
<hr />
|
|
<h2>Passive Items</h2>
|
|
<fieldset class="repeating_inv2" style="display: none;">
|
|
<input type="text" name="attr_pname0" />
|
|
</fieldset>
|
|
<hr />
|
|
<h2>Journal/Notes</h2>
|
|
<div>
|
|
<textarea name="journal"></textarea>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<rolltemplate class="sheet-rolltemplate-red">
|
|
<table>
|
|
<caption>{{name}}</caption>
|
|
{{#allprops() }}
|
|
<tr><td>{{key}}</td><td>{{value}}</td>
|
|
{{/allprops() }}
|
|
</table>
|
|
</rolltemplate>
|
|
|
|
<script type="text/worker">
|
|
const buttonlist = ["chars","wps","hps","invs"];
|
|
buttonlist.forEach(button => {
|
|
on(`clicked:${button}`, function() {
|
|
setAttrs({
|
|
sheetTab: button
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|