roll20-character-sheets/Hero Kids/Hero-Kids.html

<input type="hidden" name="attr_sheet_version" value="0" />
<input type="checkbox" name="attr_Strength" class="hidden toggle-strength-roll" value="1d6" checked />
<input type="checkbox" name="attr_Dexterity" class="hidden toggle-dexterity-roll" value="1d6" checked />
<input type="checkbox" name="attr_Intelligence" class="hidden toggle-intelligence-roll" value="1d6" checked />
<div class="wrapper">
    <input type="radio" name="attr_tab1" class="tab tab1" value="1" checked/><span class="tab tab1">Player</span>&nbsp;
    <input type="radio" name="attr_tab1" class="tab tab2" value="2" /><span class="tab tab2">Monster</span>&nbsp;
    <input type="radio" name="attr_tab1" class="tab tab3" value="3" /><span class="tab tab3">Pet</span><br>
    <input type="radio" name="attr_tab1" class="tab tab4" value="4" /><span class="tab tab4">Equipment</span>

    <div class="tab-content section-player">
        <span class="logo"></span>
        <div class="sheet-2colrow">
            <div class="sheet-col">
                <h1>Hero's Name:</h1>
                <input type="text" name="attr_character_name" title="@{character_name}" class="name">
            </div>
            <div class="sheet-col">
                <h1>Hero's Class:</h1>
                <input type="text" name="attr_character-class" title="@{character-class}" class="name">
            </div>
        </div><br>
        <div class="sheet-2colrow">
            <div class="sheet-col">
                <div class="grid-hero-six">
                    <span class="span-all">
                        <h2>Melee</h2>
                    </span>
                    <span class="icon melee-attack">
                        <button type="roll" class="attack-roll" name="attr_Roll-Melee" title="MELEE ATTACK!    [ MELEE-DIE1, MELEE-DIE2, MELEE-DIE3 ]" value="&{template:default} {{name=@{character_name} - Melee Attack}} {{Hero Melee Chance 1=[[@{Melee-Die1}]]}} {{Hero Melee Chance 2=[[@{Melee-Die2}]]}} {{Hero Melee Chance 3=[[@{Melee-Die3}]]}}"></button>
                    </span>
                    <label><input type="checkbox" name="attr_Melee-Die1" class="hidden" value="1d6" /><span class="d6" title="@{Melee-Die1}"></span></label>
                    <label><input type="checkbox" name="attr_Melee-Die2" class="hidden" value="1d6" /><span class="d6" title="@{Melee-Die2}"></span></label>
                    <label><input type="checkbox" name="attr_Melee-Die3" class="hidden" value="1d6" /><span class="d6" title="@{Melee-Die3}"></span></label>
                    <button type="roll" name="attr_Roll-Ability-Strength" class="strength-roll" title="STRENGTH TEST!    [ BASE, STRENGTH, MELEE-DIE1, MELEE-DIE2, MELEE-DIE3 ]" value="&{template:default} {{name=@{character_name} - Strength Ability Test}} {{Base=[[1d6]]}} {{Strength=[[@{Strength}]]}} {{Inventory/Skills 1=[[@{Melee-Die1}]]}} {{Inventory/Skills 2=[[@{Melee-Die2}]]}} {{Inventory/Skills 3=[[@{Melee-Die3}]]}}"><span>STR</span></button>
                    <h2>+</h2>
                    <label><input type="checkbox" name="attr_Strength" class="hidden" value="1d6" checked /><span class="d6" title="ADD ONE DIE FOR STRENGTH.    [ @{Strength} ]"></span></label>
                </div>
                <div class="grid-hero-six">
                    <span class="span-all"><h2>Ranged</h2></span>
                    <span class="icon ranged-attack">
                        <button type="roll" name="attr_Roll-Ranged" class="attack-roll" title="RANGED ATTACK!    [ RANGED-DIE1, RANGED-DIE2, RANGED-DIE3 ]" value="&{template:default} {{name=@{character_name} - Ranged Attack}} {{Hero Ranged Chance 1=[[@{Ranged-Die1}]]}} {{Hero Ranged Chance 2=[[@{Ranged-Die2}]]}} {{Hero Ranged Chance 3=[[@{Ranged-Die3}]]}}"></button>
                    </span>
                    <label><input type="checkbox" name="attr_Ranged-Die1" class="hidden" value="1d6" /><span class="d6" title="@{Ranged-Die1}"></span></label>
                    <label><input type="checkbox" name="attr_Ranged-Die2" class="hidden" value="1d6" /><span class="d6" title="@{Ranged-Die2}"></span></label>
                    <label><input type="checkbox" name="attr_Ranged-Die3" class="hidden" value="1d6" /><span class="d6" title="@{Ranged-Die3}"></span></label>
                    <button type="roll" name="attr_Roll-Ability-Dexterity" class="dexterity-roll" title="DEXTERITY TEST!     [ BASE, DEXTERITY, RANGED-DIE1, RANGED-DIE2, RANGED-DIE3 ]" value="&{template:default} {{name=@{character_name} - Dexterity Ability Test}} {{Base=[[1d6]]}} {{Dexterity=[[@{Dexterity}]]}} {{Inventory/Skills 1=[[@{Ranged-Die1}]]}} {{Inventory/Skills 2=[[@{Ranged-Die2}]]}} {{Inventory/Skills 3=[[@{Ranged-Die3}]]}}"><span>DEX</span></button>
                    <h2>+</h2>
                    <label><input type="checkbox" name="attr_Dexterity" class="hidden" value="1d6" checked /><span class="d6" title="ADD ONE DIE FOR DEXTERITY.    [ @{Dexterity} ]"></span></label>
                </div>
                <div class="grid-hero-six">
                    <span class="span-all"><h2>Magic</h2></span>
                    <span class="icon magic-attack">
                        <button type="roll" name="attr_Roll-Magic" class="attack-roll" title="MAGIC ATTACK!    [ MAGIC-DIE1, MAGIC-DIE2, MAGIC-DIE3 ]" value="&{template:default} {{name=@{character_name} - Magic Attack}} {{Hero Magic Chance 1=[[@{Magic-Die1}]]}} {{Hero Magic Chance 2=[[@{Magic-Die2}]]}} {{Hero Magic Chance 3=[[@{Magic-Die3}]]}}"></button>
                    </span>
                    <label><input type="checkbox" name="attr_Magic-Die1" class="hidden" value="1d6" /><span class="d6" title="@{Magic-Die1}"></span></label>
                    <label><input type="checkbox" name="attr_Magic-Die2" class="hidden" value="1d6" /><span class="d6" title="@{Magic-Die2}"></span></label>
                    <label><input type="checkbox" name="attr_Magic-Die3" class="hidden" value="1d6" /><span class="d6" title="@{Magic-Die3}"></span></label>
                    <button type="roll" name="attr_Roll-Ability-Intelligence" class="intelligence-roll" title="INTELLIGENCE TEST!    [ BASE, INTELLIGENCE, MAGIC-DIE1, MAGIC-DIE2, MAGIC-DIE3 ]" value="&{template:default} {{name=@{character_name} - Intelligence Ability Test}} {{Base=[[1d6]]}} {{Intelligence=[[@{Intelligence}]]}} {{Inventory/Skills 1=[[@{Magic-Die1}]]}} {{Inventory/Skills 2=[[@{Magic-Die2}]]}} {{Inventory/Skills 3=[[@{Magic-Die3}]]}}"><span>INT</span></button>
                    <h2>+</h2>
                    <label><input type="checkbox" name="attr_Intelligence" class="hidden" value="1d6" checked /><span class="d6" title="ADD ONE DIE FOR INTELLIGENCE.    [ @{Intelligence} ]"></span></label>
                </div>
                <div class="grid-five">
                    <span class="span-all"><h2>Armor</h2></span>
                    <span class="icon armor">
                        <button type="roll" name="attr_Roll-Armor" class="defense-roll" title="ARMOR DEFENSE!    [ ARMOR-DIE1, ARMOR-DIE2, ARMOR-DIE3 ]" value="&{template:default} {{name=@{character_name} - Armor Defense}} {{Hero Armor Chance 1=[[@{Armor-Die1}]]}} {{Hero Armor Chance 2=[[@{Armor-Die2}]]}} {{Hero Armor Chance 3=[[@{Armor-Die3}]]}}"></button>
                    </span>
                    <label><input type="checkbox" name="attr_Armor-Die1" class="hidden" value="1d6" /><span class="d6" title="@{Armor-Die1}"></span></label>
                    <label><input type="checkbox" name="attr_Armor-Die2" class="hidden" value="1d6" /><span class="d6" title="@{Armor-Die2}"></span></label>
                    <label><input type="checkbox" name="attr_Armor-Die3" class="hidden" value="1d6" /><span class="d6" title="@{Armor-Die3}"></span></label>
                </div>
                <div class="grid-five">
                    <span class="span-all">
                        <h2>Health</h2>
                    </span>
                    <span class="icon health">
                        <button type="action" name="act_fullheal" class="restore-roll" title="RESTORE ALL HEALTH!"></button>
                    </span>
                    <label class="health-box ko" title="@{Health-Box1}"><span><input type="checkbox" name="attr_Health-Box1" value="1" /><span></span></span><span>KO</span></label>
                    <label class="health-box hurt" title="@{Health-Box2}"><span><input type="checkbox" name="attr_Health-Box2" value="1" /><span></span></span><span>Hurt</span></label>
                    <label class="health-box bruised" title="@{Health-Box3}"><span><input type="checkbox" name="attr_Health-Box3" value="1" /><span></span></span><span>Bruised</span></label>
                </div>
            </div>
            <div class="sheet-col">
                <h2>Special Attack:</h2><input type="text" name="attr_Special-Attack-Name" class="title"><br>
                <textarea name="attr_Special-Attack-Desc" class="special"></textarea>
                <h2>Special Ability:</h2><input type="text" name="attr_Special-Ability-Name" class="title2"><br>
                <textarea name="attr_Special_Ability-Desc" class="special"></textarea>
                <h2>Bonus Ability:</h2><input type="text" name="attr_Bonus-Ability-Name" class="title3"><br>
                <textarea name="attr_Bonus-Ability-Desc" class="special"></textarea>
                <div class="grid-six">
                    <span class="span-all"><h2>Inventory and Skills</h2></span>
                    <label title="@{Potion1}"><input type="checkbox" class="hidden" name="attr_Potion1" value="1d6" /><span class="icon potion"></span></label>
                    <label title="@{Potion2}"><input type="checkbox" class="hidden" name="attr_Potion2" value="1d6" /><span class="icon potion"></span></label>
                    <label title="@{Sneaky}"><input type="checkbox" class="hidden" name="attr_Sneaky" value="1d6" /><span class="icon sneaky"></span></label>
                    <label title="@{Speak}"><input type="checkbox" class="hidden" name="attr_Speak" value="1d6" /><span class="icon speak"></span></label>
                    <label title="@{Track}"><input type="checkbox" class="hidden" name="attr_Track" value="1d6" /><span class="icon track"></span></label>
                    <label title="@{Book}"><input type="checkbox" class="hidden" name="attr_Book" value="1d6" /><span class="icon book"></span></label>

                    <label title="@{Food}"><input type="checkbox" class="hidden" name="attr_Food" value="1d6" /><span class="icon food"></span></label>
                    <label title="@{Gold}"><input type="checkbox" class="hidden" name="attr_Gold" value="1d6" /><span class="icon gold"></span></label>
                    <label title="Herbs"><input type="checkbox" class="hidden" name="attr_Herbs" value="1d6" /><span class="icon herbs"></span></label>
                    <label title="@{Rope}"><input type="checkbox" class="hidden" name="attr_Rope" value="1d6" /><span class="icon rope"></span></label>
                    <label title="@{Wings}"><input type="checkbox" class="hidden" name="attr_Wings" value="1d6" /><span class="icon wings"></span></label>
                    <label title="@{Nightvision}"><input type="checkbox" class="hidden" name="attr_Nightvision" value="1d6" /><span class="icon nightvision"></span></label>
                </div>
            </div>
        </div>
    </div>

    <div class="tab-content section-monster">
        <span class="logo"></span>
        <div class="col center">
            <h2>Monster's Name:</h2>
            <input type="text" name="attr_character_name" title="@{character_name}" class="name">
        </div><br><br>
        <div class="sheet-2colrow">
            <div class="sheet-col">
                <div class="grid-five">
                    <span class="span-all"><h2>Melee</h2></span>
                    <span class="icon melee-attack">
                        <button type="roll" name="attr_Roll-Monster-Melee" class="attack-roll" title="MELEE ATTACK!    [ MELEE-DIE1, MELEE-DIE2, MELEE-DIE3 ]" value="&{template:default} {{name=@{character_name} - Melee Attack}} {{Monster Melee Chance 1=[[@{Monster-Melee-Die1}]]}} {{Monster Melee Chance 2=[[@{Monster-Melee-Die2}]]}} {{Monster Melee Chance 3=[[@{Monster-Melee-Die3}]]}}"></button>
                    </span>
                    <label><input type="checkbox" name="attr_Monster-Melee-Die1" class="hidden" value="1d6" /><span class="d6" title="@{Monster-Melee-Die1}"></span></label>
                    <label><input type="checkbox" name="attr_Monster-Melee-Die2" class="hidden" value="1d6" /><span class="d6" title="@{Monster-Melee-Die2}"></span></label>
                    <label><input type="checkbox" name="attr_Monster-Melee-Die3" class="hidden" value="1d6" /><span class="d6" title="@{Monster-Melee-Die3}"></span></label>
                </div>
                <div class="grid-five">
                    <span class="span-all"><h2>Ranged</h2></span>
                    <span class="icon ranged-attack">
                        <button type="roll" name="attr_Roll-Monster-Ranged" class="attack-roll" title="RANGED ATTACK!    [ RANGED-DIE1, RANGED-DIE2, RANGED-DIE3 ]" value="&{template:default} {{name=@{character_name} - Ranged Attack}} {{Monster Ranged Chance 1=[[@{Monster-Ranged-Die1}]]}} {{Monster Ranged Chance 2=[[@{Monster-Ranged-Die2}]]}} {{Monster Ranged Chance 3=[[@{Monster-Ranged-Die3}]]}}"></button>
                    </span>
                    <label><input type="checkbox" name="attr_Monster-Ranged-Die1" class="hidden" value="1d6" /><span class="d6" title="@{Monster-Ranged-Die1}"></span></label>
                    <label><input type="checkbox" name="attr_Monster-Ranged-Die2" class="hidden" value="1d6" /><span class="d6" title="@{Monster-Ranged-Die2}"></span></label>
                    <label><input type="checkbox" name="attr_Monster-Ranged-Die3" class="hidden" value="1d6" /><span class="d6" title="@{Monster-Ranged-Die3}"></span></label>
                </div>
                <div class="grid-five">
                    <span class="span-all"><h2>Magic</h2></span>
                    <span class="icon magic-attack">
                        <button type="roll" name="attr_Roll-Monster-Magic" class="attack-roll" title="MAGIC ATTACK!    [ MAGIC-DIE1, MAGIC-DIE2, MAGIC-DIE3 ]" value="&{template:default} {{name=@{character_name} - Magic Attack}} {{Monster Magic Chance 1=[[@{Monster-Magic-Die1}]]}} {{Monster Magic Chance 2=[[@{Monster-Magic-Die2}]]}} {{Monster Magic Chance 3=[[@{Monster-Magic-Die3}]]}}"></button>
                    </span>
                    <label><input type="checkbox" name="attr_Monster-Magic-Die1" class="hidden" value="1d6" /><span class="d6" title="@{Monster-Magic-Die1}"></span></label>
                    <label><input type="checkbox" name="attr_Monster-Magic-Die2" class="hidden" value="1d6" /><span class="d6" title="@{Monster-Magic-Die2}"></span></label>
                    <label><input type="checkbox" name="attr_Monster-Magic-Die3" class="hidden" value="1d6" /><span class="d6" title="@{Monster-Magic-Die3}"></span></label>
                </div>
                <div class="grid-five">
                    <span class="span-all"><h2>Armor</h2></span>
                    <span class="icon armor">
                        <button type="roll" name="attr_Roll-Monster-Armor" class="defense-roll" title="ARMOR DEFENSE!    [ ARMOR-DIE1, ARMOR-DIE2, ARMOR-DIE3 ]" value="&{template:default} {{name=@{character_name} - Armor Defense}} {{Monster Armor Chance 1=[[@{Monster-Armor-Die1}]]}} {{Monster Armor Chance 2=[[@{Monster-Armor-Die2}]]}} {{Monster Armor Chance 3=[[@{Monster-Armor-Die3}]]}}"></button>
                    </span>
                    <label><input type="checkbox" name="attr_Monster-Armor-Die1" class="hidden" value="1d6" /><span class="d6" title="@{Monster-Armor-Die1}"></span></label>
                    <label><input type="checkbox" name="attr_Monster-Armor-Die2" class="hidden" value="1d6" /><span class="d6" title="@{Monster-Armor-Die2}"></span></label>
                    <label><input type="checkbox" name="attr_Monster-Armor-Die3" class="hidden" value="1d6" /><span class="d6" title="@{Monster-Armor-Die3}"></span></label>
                </div>
                <div class="grid-five">
                    <span class="span-all">
                        <h2>Health</h2>
                    </span>
                    <span class="icon health">
                        <button type="action" name="act_monster-fullheal" class="restore-roll" title="RESTORE ALL HEALTH!"></button>
                    </span>
                    <label class="health-box ko" title="@{Monster-Health-Box1}"><span><input type="checkbox" name="attr_Monster-Health-Box1" value="1" /><span></span></span><span>KO</span></label>
                    <label class="health-box hurt" title="@{Monster-Health-Box2}"><span><input type="checkbox" name="attr_Monster-Health-Box2" value="1" /><span></span></span><span>Hurt</span></label>
                    <label class="health-box bruised" title="@{Monster-Health-Box3}"><span><input type="checkbox" name="attr_Monster-Health-Box3" value="1" /><span></span></span><span>Bruised</span></label>
                    <label class="health-box grazed" title="@{Monster-Health-Box4}"><span><input type="checkbox" name="attr_Monster-Health-Box4" value="1" /><span></span></span><span>Grazed</span></label>
                </div>
            </div>
            <div class="sheet-col">
                <h2>Special Attack:</h2><input type="text" name="attr_Monster-Special-Attack-Name" class="title"><br>
                <textarea name="attr_Monster-Special-Attack-Desc" class="special"></textarea>
                <h2>Special Ability:</h2><input type="text" name="attr_Monster-Special-Ability-Name" class="title2"><br>
                <textarea name="attr_Monster-Special_Ability-Desc" class="special"></textarea>
                <h2>Bonus Ability:</h2><input type="text" name="attr_Monster-Bonus-Ability-Name" class="title3"><br>
                <textarea name="attr_Monster-Bonus-Ability-Desc" class="special"></textarea>
                <div class="grid-six">
                    <span class="span-all"><h2>Inventory and Skills</h2></span>
                    <label title="@{Monster-Potion1}"><input type="checkbox" class="hidden" name="attr_Monster-Potion1" value="1d6" /><span class="icon potion"></span></label>
                    <label title="@{Monster-Potion2}"><input type="checkbox" class="hidden" name="attr_Monster-Potion2" value="1d6" /><span class="icon potion"></span></label>
                    <label title="@{Monster-Sneaky}"><input type="checkbox" class="hidden" name="attr_Monster-Sneaky" value="1d6" /><span class="icon sneaky"></span></label>
                    <label title="@{Monster-Speak}"><input type="checkbox" class="hidden" name="attr_Monster-Speak" value="1d6" /><span class="icon speak"></span></label>
                    <label title="@{Monster-Track}"><input type="checkbox" class="hidden" name="attr_Monster-Track" value="1d6" /><span class="icon track"></span></label>
                    <label title="@{Monster-Book}"><input type="checkbox" class="hidden" name="attr_Monster-Book" value="1d6" /><span class="icon book"></span></label>

                    <label title="@{Monster-Food}"><input type="checkbox" class="hidden" name="attr_Monster-Food" value="1d6" /><span class="icon food"></span></label>
                    <label title="@{Monster-Gold}"><input type="checkbox" class="hidden" name="attr_Monster-Gold" value="1d6" /><span class="icon gold"></span></label>
                    <label title="@{Monster-Herbs}"><input type="checkbox" class="hidden" name="attr_Monster-Herbs" value="1d6" /><span class="icon herbs"></span></label>
                    <label title="@{Monster-Rope}"><input type="checkbox" class="hidden" name="attr_Monster-Rope" value="1d6" /><span class="icon rope"></span></label>
                    <label title="@{Monster-Wings}"><input type="checkbox" class="hidden" name="attr_Monster-Wings" value="1d6" /><span class="icon wings"></span></label>
                    <label title="@{Monster-Nightvision}"><input type="checkbox" class="hidden" name="attr_Monster-Nightvision" value="1d6" /><span class="icon nightvision"></span></label>
                </div>
            </div>
        </div>
    </div>

    <div class="tab-content section-pet">
        <span class="logo"></span>
        <div class="col center">
            <h2>Pet's Name:</h2>
            <input type="text" name="attr_character_name" title="@{character_name}" class="name">
        </div><br><br>
        <div class="sheet-2colrow">
            <div class="sheet-col">
                <div class="grid-five">
                    <span class="span-all">
                        <h2>Melee</h2>
                    </span>
                    <span class="icon melee-attack">
                        <button type="roll" name="attr_Roll-Pet-Melee" class="attack-roll" title="MELEE ATTACK!    [ MELEE-DIE1, MELEE-DIE2, MELEE-DIE3 ]" value="&{template:default} {{name=@{character_name} - Melee Attack}} {{Pet Melee Chance 1=[[@{Pet-Melee-Die1}]]}} {{Pet Melee Chance 2=[[@{Pet-Melee-Die2}]]}} {{Pet Melee Chance 3=[[@{Pet-Melee-Die3}]]}}"></button>
                    </span>
                    <label><input type="checkbox" name="attr_Pet-Melee-Die1" class="hidden" value="1d6" /><span class="d6" title="@{Pet-Melee-Die1}"></span></label>
                    <label><input type="checkbox" name="attr_Pet-Melee-Die2" class="hidden" value="1d6" /><span class="d6" title="@{Pet-Melee-Die2}"></span></label>
                    <label><input type="checkbox" name="attr_Pet-Melee-Die3" class="hidden" value="1d6" /><span class="d6" title="@{Pet-Melee-Die3}"></span></label>
                </div>
                <div class="grid-five">
                    <span class="span-all">
                        <h2>Ranged</h2>
                    </span>
                    <span class="icon ranged-attack">
                        <button type="roll" name="attr_Roll-Pet-Ranged" class="attack-roll" title="RANGED ATTACK!    [ RANGED-DIE1, RANGED-DIE2, RANGED-DIE3 ]" value="&{template:default} {{name=@{character_name} - Ranged Attack}} {{Pet Ranged Chance 1=[[@{Pet-Ranged-Die1}]]}} {{Pet Ranged Chance 2=[[@{Pet-Ranged-Die2}]]}} {{Pet Ranged Chance 3=[[@{Pet-Ranged-Die3}]]}}"></button>
                    </span>
                    <label><input type="checkbox" name="attr_Pet-Ranged-Die1" class="hidden" value="1d6" /><span class="d6" title="@{Pet-Ranged-Die1}"></span></label>
                    <label><input type="checkbox" name="attr_Pet-Ranged-Die2" class="hidden" value="1d6" /><span class="d6" title="@{Pet-Ranged-Die2}"></span></label>
                    <label><input type="checkbox" name="attr_Pet-Ranged-Die3" class="hidden" value="1d6" /><span class="d6" title="@{Pet-Ranged-Die3}"></span></label>
                </div>
                <div class="grid-five">
                    <span class="span-all">
                        <h2>Magic</h2>
                    </span>
                    <span class="icon magic-attack">
                        <button type="roll" name="attr_Roll-Pet-Magic" class="attack-roll" title="MAGIC ATTACK!    [ MAGIC-DIE1, MAGIC-DIE2, MAGIC-DIE3 ]" value="&{template:default} {{name=@{character_name} - Magic Attack}} {{Pet Magic Chance 1=[[@{Pet-Magic-Die1}]]}} {{Pet Magic Chance 2=[[@{Pet-Magic-Die2}]]}} {{Pet Magic Chance 3=[[@{Pet-Magic-Die3}]]}}"></button>
                    </span>
                    <label><input type="checkbox" name="attr_Pet-Magic-Die1" class="hidden" value="1d6" /><span class="d6" title="@{Pet-Magic-Die1}"></span></label>
                    <label><input type="checkbox" name="attr_Pet-Magic-Die2" class="hidden" value="1d6" /><span class="d6" title="@{Pet-Magic-Die2}"></span></label>
                    <label><input type="checkbox" name="attr_Pet-Magic-Die3" class="hidden" value="1d6" /><span class="d6" title="@{Pet-Magic-Die3}"></span></label>
                </div>
                <div class="grid-five">
                    <span class="span-all"><h2>Armor</h2></span>
                    <span class="icon armor">
                        <button type="roll" name="attr_Roll-Pet-Armor" class="defense-roll" title="ARMOR DEFENSE!    [ ARMOR-DIE1, ARMOR-DIE2, ARMOR-DIE3 ]" value="&{template:default} {{name=@{character_name} - Armor Defense}} {{Pet Armor Chance 1=[[@{Pet-Armor-Die1}]]}} {{Pet Armor Chance 2=[[@{Pet-Armor-Die2}]]}} {{Pet Armor Chance 3=[[@{Pet-Armor-Die3}]]}}"></button>
                    </span>
                    <label><input type="checkbox" name="attr_Pet-Armor-Die1" class="hidden" value="1d6" /><span class="d6" title="@{Pet-Armor-Die1}"></span></label>
                    <label><input type="checkbox" name="attr_Pet-Armor-Die2" class="hidden" value="1d6" /><span class="d6" title="@{Pet-Armor-Die2}"></span></label>
                    <label><input type="checkbox" name="attr_Pet-Armor-Die3" class="hidden" value="1d6" /><span class="d6" title="@{Pet-Armor-Die3}"></span></label>
                </div>
                <div class="grid-five">
                    <span class="span-all">
                        <h2>Health</h2>
                    </span>
                    <span class="icon health">
                        <button type="action" name="act_pet-fullheal" class="restore-roll" title="RESTORE ALL HEALTH!"></button>
                    </span>
                    <label class="health-box ko" title="@{Pet-Health-Box1}"><span><input type="checkbox" name="attr_Pet-Health-Box1" value="1" /><span></span></span><span>KO</span></label>
                    <label class="health-box hurt" title="@{Pet-Health-Box2}"><span><input type="checkbox" name="attr_Pet-Health-Box2" value="1" /><span></span></span><span>Hurt</span></label>
                    <label class="health-box bruised" title="@{Pet-Health-Box3}"><span><input type="checkbox" name="attr_Pet-Health-Box3" value="1" /><span></span></span><span>Bruised</span></label>
                </div>
            </div>
            <div class="sheet-col">
                <h2>Special Attack:</h2><input type="text" name="attr_Pet-Special-Attack-Name" class="title"><br>
                <textarea name="attr_Pet-Special-Attack-Desc" class="special"></textarea>
                <h2>Special Ability:</h2><input type="text" name="attr_Pet-Special-Ability-Name" class="title2"><br>
                <textarea name="attr_Pet-Special_Ability-Desc" class="special"></textarea>
                <h2>Bonus Ability:</h2><input type="text" name="attr_Pet-Bonus-Ability-Name" class="title3"><br>
                <textarea name="attr_Pet-Bonus-Ability-Desc" class="special"></textarea>
                <div class="grid-six">
                    <span class="span-all">
                        <h2>Inventory and Skills</h2>
                    </span>
                    <label title="@{Pet-Potion1}"><input type="checkbox" class="hidden" name="attr_Pet-Potion1" value="1d6" /><span class="icon potion"></span></label>
                    <label title="@{Pet-Potion2}"><input type="checkbox" class="hidden" name="attr_Pet-Potion2" value="1d6" /><span class="icon potion"></span></label>
                    <label title="@{Pet-Sneaky}"><input type="checkbox" class="hidden" name="attr_Pet-Sneaky" value="1d6" /><span class="icon sneaky"></span></label>
                    <label title="@{Pet-Speak}"><input type="checkbox" class="hidden" name="attr_Pet-Speak" value="1d6" /><span class="icon speak"></span></label>
                    <label title="@{Pet-Track}"><input type="checkbox" class="hidden" name="attr_Pet-Track" value="1d6" /><span class="icon track"></span></label>
                    <label title="@{Pet-Book}"><input type="checkbox" class="hidden" name="attr_Pet-Book" value="1d6" /><span class="icon book"></span></label>

                    <label title="@{Pet-Food}"><input type="checkbox" class="hidden" name="attr_Pet-Food" value="1d6" /><span class="icon food"></span></label>
                    <label title="@{Pet-Gold}"><input type="checkbox" class="hidden" name="attr_Pet-Gold" value="1d6" /><span class="icon gold"></span></label>
                    <label title="@{Pet-Herbs}"><input type="checkbox" class="hidden" name="attr_Pet-Herbs" value="1d6" /><span class="icon herbs"></span></label>
                    <label title="@{Pet-Rope}"><input type="checkbox" class="hidden" name="attr_Pet-Rope" value="1d6" /><span class="icon rope"></span></label>
                    <label title="@{Pet-Wings}"><input type="checkbox" class="hidden" name="attr_Pet-Wings" value="1d6" /><span class="icon wings"></span></label>
                    <label title="@{Pet-Nightvision}"><input type="checkbox" class="hidden" name="attr_Pet-Nightvision" value="1d6" /><span class="icon nightvision"></span></label>
                </div>
            </div>
        </div>
    </div>

    <div class="tab-content section-inventory">
        <span class="logo"></span>
        <div class="sheet-4colrow">
            <div class="sheet-col">
                <input type="text" name="attr_Boomerang-Buckler" title="@{Boomerang-Buckler}" placeholder="Boomerang Buckler" class="item-name" /><br>
                <textarea name="attr_Boomerang-Buckler-desc" title="@{Boomerang-Buckler-desc}" class="item" placeholder="Returning Throw: Ranged attack with your armor dice at a target up to 4 squares away, but until the start of your next turn your armor pool has no dice."></textarea><br>
                <span class="grid-two">
                    <label class="right">
                        <input type="checkbox" name="attr_Use-Boomerang-Buckler" class="hidden" value="1d6" />
                        <span class="d6" title="@{Use-Boomerang-Buckler}"></span>
                    </label>
                    <button type="roll" name="roll_Roll-Boomerang-Buckler" title="@{Roll-Boomerang-Buckler}" value="&{template:default} {{name=@{character_name} - @{Boomerang-Buckler}}} {{Extra Die = [[@{Use-Boomerang-Buckler}]]}} {{@{Boomerang-Buckler-desc}}}"></button>
                </span>
                <hr>
                <fieldset name="repeating_item1" class="repeating_item1">
                    <input type="text" name="attr_item1" title="@{repeating_item1_$X_item1}" placeholder="Item Name" class="item-name" /><br>
                    <textarea name="attr_item1-desc" title="@{repeating_item1_$X_item1-desc}" class="item" placeholder="Place item effects and notes here!"></textarea><br>
                    <span class="grid-two">
                        <label class="right">
                            <input type="checkbox" name="attr_Use-Item1" class="hidden" value="1d6" />
                            <span class="d6" title="@{repeating_item1_$X_Use-Item1}"></span>
                        </label>
                        <button type="roll" name="roll_Roll-Use-Item1" title="@{@{repeating_item1_$X_Roll-Use-Item1}" value="&{template:default} {{name=@{character_name} - @{item1}}} {{Extra Die = [[@{Use-Item1}]]}} {{@{item1-desc}=}}"></button>
                    </span>
                    <hr>
                </fieldset>
            </div>
            <div class="sheet-col">
                <input type="text" name="attr_Defenders-Shield" title="@{Defenders-Shield}" placeholder="Defender's Shield" class="item-name" /><br>
                    <textarea name="attr_Defenders-Shield-desc" title="@{Defenders-Shield-desc}" class="item" placeholder="Defender's Block: Move 1 die from your armor pool to an adjacent ally's armor pool until the start of your next turn."></textarea><br>
                    <span class="grid-two">
                        <label class="right">
                            <input type="checkbox" name="attr_Use-Defenders-Shield" class="hidden" value="1d6" />
                            <span class="d6" title="@{Use-Defenders-Shield}" ></span>
                        </label>
                        <button type="roll" name="roll_Roll-Defenders-Shield" title="@{Roll-Defenders-Shield}" value="&{template:default} {{name=@{character_name} - @{Defenders-Shield}}} {{Extra Die = [[@{Use-Defenders-Shield}]]}} {{@{Defenders-Shield-desc}}}"></button>
                    </span>
                    <hr>
                <fieldset name="repeating_item2" class="repeating_item2">
                    <input type="text" name="attr_item2" title="@{repeating_item2_$X_Item2}" placeholder="Item Name" class="item-name" /><br>
                    <textarea name="attr_item2-desc" title="@{repeating_item2_$X_item2-desc}" class="item" placeholder="Place item effects and notes here!"></textarea><br>
                    <span class="grid-two">
                        <label class="right">
                            <input type="checkbox" name="attr_Use-Item2" class="hidden" value="1d6" />
                            <span class="d6" title="@{repeating_item2_$X_Use-Item2}"></span>
                        </label>
                        <button type="roll" name="roll_Roll-Use-Item2" title="@{@{repeating_item2_$X_Roll-Use-Item2}" value="&{template:default} {{name=@{character_name} - @{item2}}} {{Extra Die = [[@{Use-Item2}]]}} {{@{item2-desc}}}"></button>
                    </span>
                    <hr>
                </fieldset>
            </div>
            <div class="sheet-col">
                <input type="text" name="attr_Everpresent-Shield" title="@{Everpresent-Shield}" placeholder="Everpresent Shield" class="item-name" /><br>
                    <textarea name="attr_Everpresent-Shield-desc" title="@{Everpresent-Shield-desc}" class="item" placeholder="Warding Block: When you are attacked by more than 1 enemy, your armor pool gains 1 extra die until the start of your next turn."></textarea><br>
                    <span class="grid-two">
                        <label class="right">
                            <input type="checkbox" name="attr_Use-Everpresent-Shield" class="hidden" value="1d6" />
                            <span class="d6" title="@{Use-Everpresent-Shield}"></span>
                        </label>
                        <button type="roll" name="roll_Roll-Use-Everpresent-Shield" title="@{Roll-Use-Everpresent-Shield}" value="&{template:default} {{name=@{character_name} - @{Everpresent-Shield}}} {{Extra Die = [[@{Use-Everpresent-Shield}]]}} {{@{Everpresent-Shield-desc}}}"></button>
                    </span>
                    <hr>
                <fieldset name="repeating_item3" class="repeating_item3">
                    <input type="text" name="attr_item3" title="@{repeating_item3_$X_item3}" placeholder="Item Name" class="item-name" /><br>
                    <textarea name="attr_item3-desc" title="@{repeating_item3_$X_item3-desc}" class="item" placeholder="Place item effects and notes here!"></textarea><br>
                    <span class="grid-two">
                        <label class="right">
                            <input type="checkbox" name="attr_Use-Item3" class="hidden" value="1d6" />
                            <span class="d6" title="@{repeating_item3_$X_Use-item3}"></span>
                        </label>
                        <button type="roll" name="roll_Roll-Use-Item3" title="@{repeating_item3_$X_Roll-Use-Item3}" value="&{template:default} {{name=@{character_name} - @{item3}}} {{Extra Die = [[@{Use-Item3}]]}} {{@{item3-desc}}}"></button>
                    </span>
                    <hr>
                </fieldset>
            </div>
            <div class="sheet-col">
                <input type="text" name="attr_Guards-Shield" title="@{Guards-Shield}" placeholder="Guard's Shield" class="item-name" /><br>
                    <textarea name="attr_Guards-Shield-desc" title="@{Guards-Shield-desc}" class="item" placeholder="Defensive Wall: Use your action to add all of your melee, ranged, or magic dice to your armor pool until the start of your next turn."></textarea><br>
                    <span class="grid-two">
                        <label class="right">
                            <input type="checkbox" name="attr_Use-Guards-Shield" class="hidden" value="1d6" />
                            <span class="d6"  title="@{Use-Guards-Shield}"></span>
                        </label>
                        <button type="roll" name="roll_Roll-Use-Guards-Shield" title="@{Roll-Use-Guards-Shield}" value="&{template:default} {{name=@{character_name} - @{Guards-Shield}}} {{Extra Die = [[@{Use-Guards-Shield}]]}} {{@{Guards-Shield-desc}}}"></button>
                    </span><hr>
                <fieldset name="repeating_item4" class="repeating_item4">
                    <input type="text" name="attr_item4" title="@{repeating_item4_$X_item4}" placeholder="Item Name" class="item-name" /><br>
                    <textarea name="attr_item4-desc" title="@{repeating_item4_$X_item4-desc}" class="item" placeholder="Place item effects and notes here!"></textarea><br>
                    <span class="grid-two">
                        <label class="right">
                            <input type="checkbox" name="attr_Use-Item4" class="hidden" value="1d6" />
                            <span class="d6" title="@{repeating_item4_$X_Use-item4}"></span>
                        </label>
                        <button type="roll" name="roll_Roll-Use-Item4" title="@{repeating_item4_$X_Roll-Use-Item4}" value="&{template:default} {{name=@{character_name} - @{item4}}} {{Extra Die = [[@{Use-Item4}]]}} {{@{item4-desc}}}"></button>
                    </span>
                    <hr>
                </fieldset>
            </div>
        </div>
    </div>
</div>

<script type="text/worker">
  on('clicked:fullheal', (eventInfo) => {
    const output = [];
    output['health-box1'] = 0;
    output['health-box2'] = 0;
    output['health-box3'] = 0;
    setAttrs(output, {silent: true});
  });

  on('clicked:monster-fullheal', (eventInfo) => {
    const output = [];
    output['monster-health-box1'] = 0;
    output['monster-health-box2'] = 0;
    output['monster-health-box3'] = 0;
    output['monster-health-box4'] = 0;
    setAttrs(output, {silent: true});
  });

  on('clicked:pet-fullheal', (eventInfo) => {
    const output = [];
    output['pet-health-box1'] = 0;
    output['pet-health-box2'] = 0;
    output['pet-health-box3'] = 0;
    setAttrs(output, {silent: true});
  });
</script>