mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
668 lines
31 KiB
HTML
668 lines
31 KiB
HTML
<div class="characterwrapper">
|
|
<span class="maintitle">The Magical Land of Yeld</span>
|
|
|
|
<!--------- Tab Menu --------->
|
|
<div style="margin: auto; text-align: center;">
|
|
<button class="tabbutton" type="action" name="act_front" >Front</button>
|
|
<button class="tabbutton" type="action" name="act_side" >Side</button>
|
|
<button class="tabbutton" type="action" name="act_back" >Back</button>
|
|
</div>
|
|
<input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab' value='front' />
|
|
|
|
<!--------------- Character Front Tab ---------------------------->
|
|
<div class='sheet-front'>
|
|
<!--------- Character Information, First Section ------------->
|
|
<div class="flexrow">
|
|
<!--------- Column A ---------->
|
|
<div class="flexcol">
|
|
<div class="green-border">Name:<input type="text" class="fill-line" name="attr_name"></div>
|
|
<div class="green-border">Birthday:<input type="text" class="fill-line" name="attr_mybirthday">Age:<input type="number" name="attr_myage"></div>
|
|
<div class="green-border">Friend type:<input type="text" class="fill-line" name="attr_myfriend-type"></div>
|
|
<div class="green-border">Job:<input type="text" class="fill-line" name="attr_job"></div>
|
|
<div class="subcontent"><textarea name="attr_jobability" class="smalltext"></textarea></div>
|
|
</div>
|
|
<!--------- Column B ---------->
|
|
<div class="flexcol">
|
|
<div class="green-border">Just Remember</div>
|
|
<div class="subcontent"><textarea name="attr_justremember" class="smalltext"></textarea></div>
|
|
<div class="green-border">Keys We've Collected</div>
|
|
<div class="keys-table">
|
|
<label class="keylabel"><input type="checkbox" class="but_keyprof key1" name="attr_key1"><img src="https://i.imgur.com/kATkPl1.png"></label>
|
|
<label class="keylabel"><input type="checkbox" class="but_keyprof key2" name="attr_key2"><img src="https://i.imgur.com/fvENXWC.png"></label>
|
|
<label class="keylabel"><input type="checkbox" class="but_keyprof key3" name="attr_key3"><img src="https://i.imgur.com/V7xuRKr.png"></label>
|
|
<label class="keylabel"><input type="checkbox" class="but_keyprof key4" name="attr_key4"><img src="https://i.imgur.com/jOYBff8.png"></label>
|
|
<label class="keylabel"><input type="checkbox" class="but_keyprof key5" name="attr_key5"><img src="https://i.imgur.com/EWBPb2Q.png"></label>
|
|
<label class="keylabel"><input type="checkbox" class="but_keyprof key6" name="attr_key6"><img src="https://i.imgur.com/cVyoOau.png"></label>
|
|
<label class="keylabel"><input type="checkbox" class="but_keyprof key7" name="attr_key7"><img src="https://i.imgur.com/rVkVCC3.png"></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<!--------- Weapon Proficiencies ------------->
|
|
<div>
|
|
<div class="green-border">Weapons I Can Use</div>
|
|
<div class="subcontent">
|
|
<label class="but_weaponprof"><input type="checkbox" name="attr_prof-sword"><img src="https://i.imgur.com/O0sAB3T.jpg" /></label>
|
|
<label class="but_weaponprof"><input type="checkbox" name="attr_prof-axe"><img src="https://i.imgur.com/4RHnTjN.jpg" /></label>
|
|
<label class="but_weaponprof"><input type="checkbox" name="attr_prof-mace"><img src="https://i.imgur.com/qeF0vIK.jpg" /></label>
|
|
<label class="but_weaponprof"><input type="checkbox" name="attr_prof-staff"><img src="https://i.imgur.com/Fp0LaEW.jpg" /></label>
|
|
<label class="but_weaponprof"><input type="checkbox" name="attr_prof-bow"><img src="https://i.imgur.com/yKOyjMz.jpg" /></label>
|
|
<label class="but_weaponprof"><input type="checkbox" name="attr_prof-dagger"><img src="https://i.imgur.com/0RKIfcb.jpg" /></label>
|
|
<label class="but_weaponprof"><input type="checkbox" name="attr_prof-spear"><img src="https://i.imgur.com/BSurz6U.jpg" /></label>
|
|
<label class="but_weaponprof"><input type="checkbox" name="attr_prof-fist"><img src="https://i.imgur.com/4XNcRcU.jpg" /></label>
|
|
<label class="but_weaponprof"><input type="checkbox" name="attr_prof-great"><img src="https://i.imgur.com/fYlH5fy.jpg" /></label>
|
|
<label class="but_weaponprof"><input type="checkbox" name="attr_prof-whip"><img src="https://i.imgur.com/Ts0kJwV.jpg" /></label>
|
|
<label class="but_weaponprof"><input type="checkbox" name="attr_prof-stake"><img src="https://i.imgur.com/aPCvqDX.jpg" /></label>
|
|
<label class="but_weaponprof"><input type="checkbox" name="attr_prof-gun"><img src="https://i.imgur.com/Ul2b6by.jpg" /></label>
|
|
</div>
|
|
</div>
|
|
<!--------- Character Information, Second Section ------------->
|
|
<div class="flexrow">
|
|
<!--------- Friends List ----------->
|
|
<div class="flexcol largeflex">
|
|
<div class="green-border flexjustify"><div>My Friends</div><div>Friend Type</div><div>Job</div></div>
|
|
<div class="subcontent">
|
|
<table class="greenzebra friendtable">
|
|
<tr>
|
|
<td><input type="text" name="attr_friend-name-1"></td>
|
|
<td><input type="text" name="attr_friend-type-1"></td>
|
|
<td><input type="text" name="attr_friend-job-1"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_friend-name-2"></td>
|
|
<td><input type="text" name="attr_friend-type-2"></td>
|
|
<td><input type="text" name="attr_friend-job-2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_friend-name-3"></td>
|
|
<td><input type="text" name="attr_friend-type-3"></td>
|
|
<td><input type="text" name="attr_friend-job-3"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_friend-name-4"></td>
|
|
<td><input type="text" name="attr_friend-type-4"></td>
|
|
<td><input type="text" name="attr_friend-job-4"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_friend-name-5"></td>
|
|
<td><input type="text" name="attr_friend-type-5"></td>
|
|
<td><input type="text" name="attr_friend-job-5"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_friend-name-6"></td>
|
|
<td><input type="text" name="attr_friend-type-6"></td>
|
|
<td><input type="text" name="attr_friend-job-6"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_friend-name-7"></td>
|
|
<td><input type="text" name="attr_friend-type-7"></td>
|
|
<td><input type="text" name="attr_friend-job-7"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_friend-name-8"></td>
|
|
<td><input type="text" name="attr_friend-type-8"></td>
|
|
<td><input type="text" name="attr_friend-job-8"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" name="attr_friend-name-9"></td>
|
|
<td><input type="text" name="attr_friend-type-9"></td>
|
|
<td><input type="text" name="attr_friend-job-9"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--------- Extra Dice ----------->
|
|
<div class="flexcol">
|
|
<div class="green-border">
|
|
<div style="width: 100%;">Coin Status</div>
|
|
<div class="flexrow" style="justify-content:space-around;">
|
|
<div class="subscript">
|
|
None
|
|
<input type="radio" name="attr_coin" value="0" checked="checked"><span></span>
|
|
</div>
|
|
<div class="subscript">
|
|
Some
|
|
<input type="radio" name="attr_coin" value="1" checked="checked"><span></span>
|
|
</div>
|
|
<div class="subscript">
|
|
Lots
|
|
<input type="radio" name="attr_coin" value="2" checked="checked"><span></span>
|
|
</div>
|
|
<div class="subscript">
|
|
Tons
|
|
<input type="radio" name="attr_coin" value="3" checked="checked"><span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="green-border">
|
|
Good dice: <input type="number" class="dicenumber" name="attr_dice-good" value="0">
|
|
Evil dice: <input type="number" class="dicenumber" name="attr_dice-evil" value="0">
|
|
</div>
|
|
|
|
<div class="green-border">
|
|
<div style="width: 100%;">Reward dice:</div>
|
|
<div class="flexrow">
|
|
<div class="subscript"> Earned <input type="number" class="dicenumber" name="attr_dice-earned" value="0"> /
|
|
<input type="number" class="dicenumber" name="attr_dice-spent" value="0"> Spent </div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="green-border">
|
|
Restless dead: <input type="checkbox" name="attr_restlessdead"><span></span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--------------- Character Side Tab ---------------------------->
|
|
<div class='sheet-side'>
|
|
<div class="flexrow">
|
|
<div class="flexcol">
|
|
<!------------------- Attribute Dice -------------------->
|
|
<div class="flexrow flexjustify">
|
|
<div class="attribute-wrapper">
|
|
<button type="roll" class="but_action" value="/roll (@{now-strong} + ?{Equipment & Special Dice|1})d6 Strong">Strong</button>
|
|
<div class="bubble-wrapper"><input type="number" class="full" name="attr_full-strong" value="0"><div class="subscript full">Full</div></div>
|
|
<div class="bubble-wrapper"><input type="number" name="attr_now-strong" value="0"><div class="subscript">Now</div></div>
|
|
</div>
|
|
<div class="attribute-wrapper">
|
|
<button type="roll" class="but_action" value="/roll (@{now-smart} + ?{Equipment & Special Dice|1})d6 Smart">Smart</button>
|
|
<div class="bubble-wrapper"><input type="number" class="full" name="attr_full-smart" value="0"><div class="subscript full">Full</div></div>
|
|
<div class="bubble-wrapper"><input type="number" name="attr_now-smart" value="0"><div class="subscript">Now</div></div>
|
|
</div>
|
|
<div class="attribute-wrapper">
|
|
<button type="roll" class="but_action" value="/roll (@{now-tough} + ?{Equipment & Special Dice|1})d6 Tough">Tough</button>
|
|
<div class="bubble-wrapper"><input type="number" class="full" name="attr_full-tough" value="0"><div class="subscript full">Full</div></div>
|
|
<div class="bubble-wrapper"><input type="number" name="attr_now-tough" value="0"><div class="subscript">Now</div></div>
|
|
</div>
|
|
<div class="attribute-wrapper">
|
|
<button type="roll" class="but_action" value="/roll (@{now-brave} + ?{Equipment & Special Dice|1})d6 Brave">Brave</button>
|
|
<div class="bubble-wrapper"><input type="number" class="full" name="attr_full-brave" value="0"><div class="subscript full">Full</div></div>
|
|
<div class="bubble-wrapper"><input type="number" name="attr_now-brave" value="0"><div class="subscript">Now</div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="green-border">
|
|
<div>Restore Rolls: <input type="number" class="dice-number dice-full" name="attr_full-restore">/<input type="number" class="dice-number dice-now" name="attr_now-restore" value="0"></div>
|
|
<div style="margin-left:10px;">Banked Actions: <input type="number" name="attr_banked-actions" value="0"></div>
|
|
</div>
|
|
<div class="green-border"><div style="width: 100%;">Special Dice</div><div class="subscript">Add to Core dice rolls</div></div>
|
|
<div class="subcontent">
|
|
<table class="greenzebra blacktable">
|
|
<tr>
|
|
<th>Name</th><th>Description</th><th>Type</th><th>Dice</th>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" autocomplete="off" autocomplete="false" spellcheck="false" name="attr_name-specialdice-1"></td>
|
|
<td><input type="text" autocomplete="off" autocomplete="false" name="attr_description-specialdice-1"></td>
|
|
<td><input type="text" autocomplete="off" autocomplete="false" name="attr_type-specialdice-1"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-1" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" autocomplete="off" autocomplete="false" spellcheck="false" name="attr_name-specialdice-2"></td>
|
|
<td><input type="text" autocomplete="off" autocomplete="false" name="attr_description-specialdice-2"></td>
|
|
<td><input type="text" autocomplete="off" autocomplete="false" name="attr_type-specialdice-2"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-2" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-3"></td>
|
|
<td><input type="text" name="attr_description-specialdice-3"></td>
|
|
<td><input type="text" name="attr_type-specialdice-3"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-3" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-4"></td>
|
|
<td><input type="text" name="attr_description-specialdice-4"></td>
|
|
<td><input type="text" name="attr_type-specialdice-4"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-4" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-5"></td>
|
|
<td><input type="text" name="attr_description-specialdice-5"></td>
|
|
<td><input type="text" name="attr_type-specialdice-5"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-5" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-6"></td>
|
|
<td><input type="text" name="attr_description-specialdice-6"></td>
|
|
<td><input type="text" name="attr_type-specialdice-6"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-6" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-7"></td>
|
|
<td><input type="text" name="attr_description-specialdice-7"></td>
|
|
<td><input type="text" name="attr_type-specialdice-7"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-7" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-8"></td>
|
|
<td><input type="text" name="attr_description-specialdice-8"></td>
|
|
<td><input type="text" name="attr_type-specialdice-8"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-8" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-9"></td>
|
|
<td><input type="text" name="attr_description-specialdice-9"></td>
|
|
<td><input type="text" name="attr_type-specialdice-9"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-9" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-10"></td>
|
|
<td><input type="text" name="attr_description-specialdice-10"></td>
|
|
<td><input type="text" name="attr_type-specialdice-10"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-10" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-11"></td>
|
|
<td><input type="text" name="attr_description-specialdice-11"></td>
|
|
<td><input type="text" name="attr_type-specialdice-11"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-11" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-12"></td>
|
|
<td><input type="text" name="attr_description-specialdice-12"></td>
|
|
<td><input type="text" name="attr_type-specialdice-12"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-12" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-13"></td>
|
|
<td><input type="text" name="attr_description-specialdice-13"></td>
|
|
<td><input type="text" name="attr_type-specialdice-13"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-13" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-14"></td>
|
|
<td><input type="text" name="attr_description-specialdice-14"></td>
|
|
<td><input type="text" name="attr_type-specialdice-14"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-14" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-15"></td>
|
|
<td><input type="text" name="attr_description-specialdice-15"></td>
|
|
<td><input type="text" name="attr_type-specialdice-15"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-15" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-16"></td>
|
|
<td><input type="text" name="attr_description-specialdice-16"></td>
|
|
<td><input type="text" name="attr_type-specialdice-16"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-16" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-17"></td>
|
|
<td><input type="text" name="attr_description-specialdice-17"></td>
|
|
<td><input type="text" name="attr_type-specialdice-17"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-17" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-18"></td>
|
|
<td><input type="text" name="attr_description-specialdice-18"></td>
|
|
<td><input type="text" name="attr_type-specialdice-18"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-18" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-19"></td>
|
|
<td><input type="text" name="attr_description-specialdice-19"></td>
|
|
<td><input type="text" name="attr_type-specialdice-19"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-19" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-20"></td>
|
|
<td><input type="text" name="attr_description-specialdice-20"></td>
|
|
<td><input type="text" name="attr_type-specialdice-20"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-20" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" spellcheck="false" name="attr_name-specialdice-21"></td>
|
|
<td><input type="text" name="attr_description-specialdice-21"></td>
|
|
<td><input type="text" name="attr_type-specialdice-21"></td>
|
|
<td><input type="number" name="attr_dice-specialdice-21" value="0"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!------------- Equipment ------------->
|
|
<div class="flexcol">
|
|
<div class="green-border"><div style="width:100%;">STUFF!</div><div class="subcontent">All of your weapons, armor, clothes, and gear!</div></div>
|
|
<div class="flexrow">
|
|
<!------------- Hand 1 ---------------->
|
|
<div class="green-border equipmentwrapper">
|
|
<div class="flexrow">Name: <input type="text" name="attr_name-hand1"><img class="equipicon" src="https://i.imgur.com/QPZqfeA.jpg"/></div>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Dice & Bonuses</th>
|
|
</tr>
|
|
<tr>
|
|
<td><textarea class="smalltext" name="attr_benefits-hand1"></textarea></td>
|
|
</tr>
|
|
</table>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Broken? <input type="checkbox" name="attr_broken-hand1"></th>
|
|
<th>Lost? <input type="checkbox" name="attr_lost-hand1"></th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<!------------- Hand 2 ---------------->
|
|
<div class="green-border equipmentwrapper">
|
|
<div class="flexrow">Name: <input type="text" name="attr_name-hand2"><img class="equipicon" src="https://i.imgur.com/QPZqfeA.jpg"/></div>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Dice & Bonuses</th>
|
|
</tr>
|
|
<tr>
|
|
<td><textarea class="smalltext" name="attr_benefits-hand2"></textarea></td>
|
|
</tr>
|
|
</table>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Broken? <input type="checkbox" name="attr_broken-hand2"></th>
|
|
<th>Lost? <input type="checkbox" name="attr_lost-hand2"></th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flexrow">
|
|
<!------------- Head ---------------->
|
|
<div class="green-border equipmentwrapper">
|
|
<div class="flexrow">Name: <input type="text" name="attr_name-head"><img class="equipicon" src="https://i.imgur.com/yQipdsy.jpg"/></div>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Dice & Bonuses</th>
|
|
</tr>
|
|
<tr>
|
|
<td><textarea class="smalltext" name="attr_benefits-head"></textarea></td>
|
|
</tr>
|
|
</table>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Broken? <input type="checkbox" name="attr_broken-head"></th>
|
|
<th>Lost? <input type="checkbox" name="attr_lost-head"></th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<!------------- Torso ---------------->
|
|
<div class="green-border equipmentwrapper">
|
|
<div class="flexrow">Name: <input type="text" name="attr_name-torso"><img class="equipicon" src="https://i.imgur.com/GcCUKPc.jpg"/></div>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Dice & Bonuses</th>
|
|
</tr>
|
|
<tr>
|
|
<td><textarea class="smalltext" name="attr_benefits-torso"></textarea></td>
|
|
</tr>
|
|
</table>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Broken? <input type="checkbox" name="attr_broken-torso"></th>
|
|
<th>Lost? <input type="checkbox" name="attr_lost-torso"></th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="flexrow">
|
|
<!------------- Shoulders ---------------->
|
|
<div class="green-border equipmentwrapper">
|
|
<div class="flexrow">Name: <input type="text" name="attr_name-shoulders"><img class="equipicon" src="https://i.imgur.com/BDQKFEw.jpg"/></div>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Dice & Bonuses</th>
|
|
</tr>
|
|
<tr>
|
|
<td><textarea class="smalltext" name="attr_benefits-shoulders"></textarea></td>
|
|
</tr>
|
|
</table>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Broken? <input type="checkbox" name="attr_broken-shoulders"></th>
|
|
<th>Lost? <input type="checkbox" name="attr_lost-shoulders"></th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<!------------- Legs ---------------->
|
|
<div class="green-border equipmentwrapper">
|
|
<div class="flexrow">Name: <input type="text" name="attr_name-legs"><img class="equipicon" src="https://i.imgur.com/XFla5U6.jpg"/></div>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Dice & Bonuses</th>
|
|
</tr>
|
|
<tr>
|
|
<td><textarea class="smalltext" name="attr_benefits-legs"></textarea></td>
|
|
</tr>
|
|
</table>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Broken? <input type="checkbox" name="attr_broken-legs"></th>
|
|
<th>Lost? <input type="checkbox" name="attr_lost-legs"></th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flexrow">
|
|
<!------------- Misc 1 ---------------->
|
|
<div class="green-border equipmentwrapper">
|
|
<div class="flexrow">Name: <input type="text" name="attr_name-misc1"></div>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Dice & Bonuses</th>
|
|
</tr>
|
|
<tr>
|
|
<td><textarea class="smalltext" name="attr_benefits-misc1"></textarea></td>
|
|
</tr>
|
|
</table>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Broken? <input type="checkbox" name="attr_broken-misc1"></th>
|
|
<th>Lost? <input type="checkbox" name="attr_lost-misc1"></th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<!------------- Misc 2 ---------------->
|
|
<div class="green-border equipmentwrapper">
|
|
<div class="flexrow">Name: <input type="text" name="attr_name-misc2"></div>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Dice & Bonuses</th>
|
|
</tr>
|
|
<tr>
|
|
<td><textarea class="smalltext" name="attr_benefits-misc2"></textarea></td>
|
|
</tr>
|
|
</table>
|
|
<table class="greenzebra ">
|
|
<tr>
|
|
<th>Broken? <input type="checkbox" name="attr_broken-misc2"></th>
|
|
<th>Lost? <input type="checkbox" name="attr_lost-misc2"></th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--------------- Character Back Tab ---------------------------->
|
|
<div class='sheet-back'>
|
|
<div class="flexrow">
|
|
<div class="flexcol">
|
|
<div class="green-border">LOOT!</div>
|
|
<div class="subcontent">
|
|
<textarea class="largetext" name="attr_loottext"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="flexcol">
|
|
<div class="green-border">Spells</div>
|
|
<div class="subcontent">
|
|
<table class="greenzebra spelltable">
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Difficulty</th>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-1"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-1" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-2"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-2" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-3"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-3" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-4"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-4" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-5"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-5" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-6"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-6" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-7"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-7" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-8"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-8" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-9"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-9" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-10"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-10" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-11"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-11" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-12"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-12" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-13"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-13" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-14"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-14" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-15"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-15" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-16"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-16" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-17"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-17" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-18"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-18" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td><input type="text" class="fill-line" name="attr_spell-title-19"></td>
|
|
<td><input type="number" class="fill-line" name="attr_spell-difficulty-19" value="0"></td>
|
|
</tr>
|
|
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="flexcol">
|
|
<div class="green-border">Shepherd Flock</div>
|
|
<div class="subcontent">
|
|
<table class="greenzebra shepherdtable">
|
|
<tr>
|
|
<th style="width: 25%;"><span class="subscript">Strong</span></th>
|
|
<th style="width: 25%;"><span class="subscript">Smart</span></th>
|
|
<th style="width: 25%;"><span class="subscript">Tough</span></th>
|
|
<th style="width: 25%;"><span class="subscript">Brave</span></th>
|
|
</tr>
|
|
<tr>
|
|
<th><input type="number" class="shepherddice" name="attr_shepherd-strong" value="0"></th>
|
|
<th><input type="number" class="shepherddice" name="attr_shepherd-smart" value="0"></th>
|
|
<th><input type="number" class="shepherddice" name="attr_shepherd-tough" value="0"></th>
|
|
<th><input type="number" class="shepherddice" name="attr_shepherd-brave" value="0"></th>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="4"><span style="font-size:14px;">Special Dice</span></th>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="3" style="text-align:left; padding-left: 20px;">Name</th>
|
|
<th style="text-align:right; padding-right: 20px;">Dice</th>
|
|
<tr>
|
|
<tr>
|
|
<td colspan="3"><input type="text" name="attr_shepherd-special-1-title"></td>
|
|
<td><input type="number" class="fill-line" name="attr_shepherd-special-1-dice" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3"><input type="text" name="attr_shepherd-special-2-title"></td>
|
|
<td><input type="number" class="fill-line" name="attr_shepherd-special-2-dice" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3"><input type="text" name="attr_shepherd-special-3-title"></td>
|
|
<td><input type="number" class="fill-line" name="attr_shepherd-special-3-dice" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3"><input type="text" name="attr_shepherd-special-4-title"></td>
|
|
<td><input type="number" class="fill-line" name="attr_shepherd-special-4-dice" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3"><input type="text" name="attr_shepherd-special-5-title"></td>
|
|
<td><input type="number" class="fill-line" name="attr_shepherd-special-5-dice" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3"><input type="text" name="attr_shepherd-special-6-title"></td>
|
|
<td><input type="number" class="fill-line" name="attr_shepherd-special-6-dice" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3"><input type="text" name="attr_shepherd-special-7-title"></td>
|
|
<td><input type="number" class="fill-line" name="attr_shepherd-special-7-dice" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3"><input type="text" name="attr_shepherd-special-8-title"></td>
|
|
<td><input type="number" class="fill-line" name="attr_shepherd-special-8-dice" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3"><input type="text" name="attr_shepherd-special-9-title"></td>
|
|
<td><input type="number" class="fill-line" name="attr_shepherd-special-9-dice" value="0"></td>
|
|
</tr>
|
|
</table>
|
|
|
|
</div>
|
|
<div class="green-border">Sheep Clothes & Armor</div>
|
|
<div class="subcontent"><textarea class="smalltext"></textarea></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/worker">
|
|
const buttonlist = ["front","side","back"];
|
|
buttonlist.forEach(button => {
|
|
on(`clicked:${button}`, function() {
|
|
setAttrs({
|
|
sheetTab: button
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
|