roll20-character-sheets/Weaverdice/Weaverdice.html

<div class="main">

   <!-- Header -->

   <div class="header">
      <span class="title">Weaver Dice</span>
      <span class="version"></span>
      <div>
         <input type="text" name="attr_cape_n" value="" placeholder="Cape name">
      </div>
   </div>

   <!-- Main info block -->

   <div class="section main-info">
      <div>
         <span>PLAYER NAME</span>
         <input name="attr_player_n" type="text">
      </div>
      <div>
         <span>CIVILIAN NAME</span>
         <input name="attr_civilian_n" type="text">
      </div>
      <div>
         <span>AFFILIATION</span>
         <input name="attr_alignment" type="text">
      </div>
      <div>
         <span>FACTION</span>
         <input name="attr_faction" type="text">
      </div>
      <div>
         <span>AGE</span>
         <input name="attr_age" type="text">
      </div>
      <div>
         <span>GENDER</span>
         <input name="attr_gender" type="text">
      </div>
   </div>

   <!-- WOUNDS -->
   <div class="section wounds">

      <div class="title">
         <span>WOUNDS</span>
      </div>

      <div class="sub-title">
         <span>STATUS</span>
      </div>
      <div>
      <select class="health" style="font-size:160%;" name="attr_health1">
         <option value="health" selected="selected">❤️️</option>
         <option value="damage">&#128148;</option>
         <option value="armor">&#128153;</option>
         <option value="broken">&#128420;</option>
         <option value="none">️</option>
       </select>
      </div>
      <div>
         <select class="health" style="font-size:160%;" name="attr_health2">
            <option value="health" selected="selected">❤️️</option>
            <option value="damage">&#128148;</option>
            <option value="armor">&#128153;</option>
            <option value="broken">&#128420;</option>
            <option value="none">️</option>
          </select>
      </div>
      <div>
         <select class="health" style="font-size:160%;" name="attr_health3">
            <option value="health" selected="selected">❤️️</option>
            <option value="damage">&#128148;</option>
            <option value="armor">&#128153;</option>
            <option value="broken">&#128420;</option>
            <option value="none">️</option>
          </select>
      </div>
      <div>
         <select class="health" style="font-size:160%;" name="attr_health4">
            <option value="health">❤️️</option>
            <option value="damage">&#128148;</option>
            <option value="armor">&#128153;</option>
            <option value="broken">&#128420;</option>
            <option value="none" selected="selected">️</option>
          </select>
      </div>
      <div>
         <select class="health" style="font-size:160%;" name="attr_health5">
            <option value="health">❤️️</option>
            <option value="damage">&#128148;</option>
            <option value="armor">&#128153;</option>
            <option value="broken">&#128420;</option>
            <option value="none" selected="selected">️</option>
          </select>
      </div>
      <div>
         <select class="health" style="font-size:160%;" name="attr_health6">
            <option value="health">❤️️</option>
            <option value="damage">&#128148;</option>
            <option value="armor">&#128153;</option>
            <option value="broken">&#128420;</option>
            <option value="none" selected="selected">️</option>
          </select>
      </div>
      <div>
         <select class="health" style="font-size:160%;" name="attr_health7">
            <option value="health">❤️️</option>
            <option value="damage">&#128148;</option>
            <option value="armor">&#128153;</option>
            <option value="broken">&#128420;</option>
            <option value="none" selected="selected">️</option>
          </select>
      </div>
      <div>
         <select class="health" style="font-size:160%;" name="attr_health8">
            <option value="health">❤️️</option>
            <option value="damage">&#128148;</option>
            <option value="armor">&#128153;</option>
            <option value="broken">&#128420;</option>
            <option value="none" selected="selected">️</option>
          </select>
      </div>
      <div class="sub-title">
         <span>TYPE</span>
      </div>
      
      <div>
         <select class="text" name="attr_wound1">
            <option value="1" selected="selected">Healthy</option>
            <option value="2">Lesser</option>
            <option value="3">Moderate</option>
            <option value="4">Critical</option>
            <option value="0"></option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_wound2">
            <option value="1" selected="selected">Healthy</option>
            <option value="2">Lesser</option>
            <option value="3">Moderate</option>
            <option value="4">Critical</option>
            <option value="0"></option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_wound3">
            <option value="1" selected="selected">Healthy</option>
            <option value="2">Lesser</option>
            <option value="3">Moderate</option>
            <option value="4">Critical</option>
            <option value="0"></option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_wound4">
            <option value="1">Healthy</option>
            <option value="2">Lesser</option>
            <option value="3">Moderate</option>
            <option value="4">Critical</option>
            <option value="0" selected="selected"></option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_wound5">
            <option value="1">Healthy</option>
            <option value="2">Lesser</option>
            <option value="3">Moderate</option>
            <option value="4">Critical</option>
            <option value="0" selected="selected"></option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_wound6">
            <option value="1">Healthy</option>
            <option value="2">Lesser</option>
            <option value="3">Moderate</option>
            <option value="4">Critical</option>
            <option value="0" selected="selected"></option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_wound7">
            <option value="1">Healthy</option>
            <option value="2">Lesser</option>
            <option value="3">Moderate</option>
            <option value="4">Critical</option>
            <option value="0" selected="selected"></option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_wound8">
            <option value="1">Healthy</option>
            <option value="2">Lesser</option>
            <option value="3">Moderate</option>
            <option value="4">Critical</option>
            <option value="0" selected="selected"></option>
          </select>
      </div>     

      <div class="sub-title">
         <span>EFFECTS</span>
      </div>

      <div>
         <select class="text" name="attr_debuff1">
            <option value="none" selected="selected"></option>
            <option value="bleed">Bleed</option>
            <option value="scar">Scar</option>
            <option value="blinded">Blinded</option>
            <option value="disabled">Disabled</option>
            <option value="disabled">Disarmed</option>
            <option value="knocked_down">Knocked</option>
            <option value="staggered">Staggered</option>
            <option value="confused">Confused</option>
            <option value="pain">Pain</option>
            <option value="death_sentence">Dying</option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_debuff2">
            <option value="none" selected="selected"></option>
            <option value="bleed">Bleed</option>
            <option value="scar">Scar</option>
            <option value="blinded">Blinded</option>
            <option value="disabled">Disabled</option>
            <option value="disabled">Disarmed</option>
            <option value="knocked_down">Knocked</option>
            <option value="staggered">Staggered</option>
            <option value="confused">Confused</option>
            <option value="pain">Pain</option>
            <option value="death_sentence">Dying</option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_debuff3">
            <option value="none" selected="selected"></option>
            <option value="bleed">Bleed</option>
            <option value="scar">Scar</option>
            <option value="blinded">Blinded</option>
            <option value="disabled">Disabled</option>
            <option value="disabled">Disarmed</option>
            <option value="knocked_down">Knocked</option>
            <option value="staggered">Staggered</option>
            <option value="confused">Confused</option>
            <option value="pain">Pain</option>
            <option value="death_sentence">Dying</option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_debuff4">
            <option value="none" selected="selected"></option>
            <option value="bleed">Bleed</option>
            <option value="scar">Scar</option>
            <option value="blinded">Blinded</option>
            <option value="disabled">Disabled</option>
            <option value="disabled">Disarmed</option>
            <option value="knocked_down">Knocked</option>
            <option value="staggered">Staggered</option>
            <option value="confused">Confused</option>
            <option value="pain">Pain</option>
            <option value="death_sentence">Dying</option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_debuff5">
            <option value="none" selected="selected"></option>
            <option value="bleed">Bleed</option>
            <option value="scar">Scar</option>
            <option value="blinded">Blinded</option>
            <option value="disabled">Disabled</option>
            <option value="disabled">Disarmed</option>
            <option value="knocked_down">Knocked</option>
            <option value="staggered">Staggered</option>
            <option value="confused">Confused</option>
            <option value="pain">Pain</option>
            <option value="death_sentence">Dying</option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_debuff6">
            <option value="none" selected="selected"></option>
            <option value="bleed">Bleed</option>
            <option value="scar">Scar</option>
            <option value="blinded">Blinded</option>
            <option value="disabled">Disabled</option>
            <option value="disabled">Disarmed</option>
            <option value="knocked_down">Knocked</option>
            <option value="staggered">Staggered</option>
            <option value="confused">Confused</option>
            <option value="pain">Pain</option>
            <option value="death_sentence">Dying</option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_debuff7">
            <option value="none" selected="selected"></option>
            <option value="bleed">Bleed</option>
            <option value="scar">Scar</option>
            <option value="blinded">Blinded</option>
            <option value="disabled">Disabled</option>
            <option value="disabled">Disarmed</option>
            <option value="knocked_down">Knocked</option>
            <option value="staggered">Staggered</option>
            <option value="confused">Confused</option>
            <option value="pain">Pain</option>
            <option value="death_sentence">Dying</option>
          </select>
      </div>
      <div>
         <select class="text" name="attr_debuff8">
            <option value="none" selected="selected"></option>
            <option value="bleed">Bleed</option>
            <option value="scar">Scar</option>
            <option value="blinded">Blinded</option>
            <option value="disabled">Disabled</option>
            <option value="disabled">Disarmed</option>
            <option value="knocked_down">Knocked</option>
            <option value="staggered">Staggered</option>
            <option value="confused">Confused</option>
            <option value="pain">Pain</option>
            <option value="death_sentence">Dying</option>
          </select>
      </div>

   </div>



   <!-- Stats & Inventory -->
   <div class="stats-inventory">
      
      <!-- Stats -->
      <div class="section stats">

         <div class="title">
            <span>STATS</span>
         </div>

         <div class="brawn-img img-size">
            <span>BRAWN</span>
            <button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Brawn}} {{Roll=[[1d6+@{brawn}]]}}"></button>
         </div>
         <div class="dexterity-img img-size">
            <span>DEXTERITY</span>
            <button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Dexterity}} {{Roll=[[1d6+@{dexterity}]]}}"></button>
         </div>
         <div class="social-img img-size">
            <span>SOCIAL</span>
            <button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Social}} {{Roll=[[1d6+@{social}]]}}"></button>
         </div>
         <div class="guts-img img-size">
            <span>GUTS</span>
            <button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Guts}} {{Roll=[[1d6+@{guts}]]}}"></button>
            
         </div>

         <div class="brawn info">
            <span>Stat: <input type="number" name="attr_brawn_stat" value="@{brawn}+3" disabled="true"></span>
            <span>Modifier: <input type="number" name="attr_brawn" value="0"></span>
            
         </div>

         <div class="dexterity info">
            <span>Stat: <input type="number" name="attr_dexterity_stat" value="@{dexterity}+3" disabled="true"></span>
            <span>Modifier: <input type="number" name="attr_dexterity" value="0"></span>
            
         </div>

         <div class="social info">
            <span>Stat: <input type="number" name="attr_social_stat" value="@{social}+3" disabled="true"></span>
            <span>Modifier: <input type="number" name="attr_social" value="0"></span>
            
         </div>

         <div class="guts info">
            <span>Stat: <input type="number" name="attr_guts_stat" value="@{guts}+3" disabled="true"></span>
            <span>Modifier: <input type="number" name="attr_guts" value="0"></span>
            
         </div>


         <div class="athletics-img img-size">
            <span>ATHLETICS</span>
            <button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Ahletics}} {{Roll=[[1d6+@{athletics}]]}}"></button>
         </div>
         <div class="wits-img img-size">
            <span>WITS</span>
            <button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Wits}} {{Roll=[[1d6+@{wits}]]}}"></button>
         </div>
         <div class="knowledge-img img-size">
            <span>KNOWLEDGE</span>
            <button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Knowledge}} {{Roll=[[1d6+@{knowledge}]]}}"></button>
         </div>
         <div></div>

         <div class="athletics info">
            <span>Stat: <input type="number" name="attr_athletics_stat" value="@{athletics}+3" disabled="true"></span>
            <span>Modifier: <input type="number" name="attr_athletics" value="0"></span>
            
         </div>

         <div class="wits info">
            <span>Stat: <input type="number" name="attr_wits_stat" value="@{wits}+3" disabled="true"></span>
            <span>Modifier: <input type="number" name="attr_wits" value="0"></span>
            
         </div>

         <div class="knowledge info">
            <span>Stat: <input type="number" name="attr_knowledge_stat" value="@{knowledge}+3" disabled="true"></span>
            <span>Modifier: <input type="number" name="attr_knowledge" value="0"></span>
         </div>

         <div></div>

      </div>


      <!-- Inventory -->
      <div class="section inventory">
         <div class="title">
            <span>GEAR</span>
            <span>NOTES</span>
            <span>WEIGHT</span>
         </div>
         <fieldset class="repeating_gear">
            <input type="text" name="attr_gearname" value="name">
            <input type="text" name="attr_gearnotes" value="notes">
            <input type="number" name="attr_gearweight" value="1">
         </fieldset>
      </div>

   </div>

<!-- Skills Section -->

   <!-- Skill 1 -->
   <div class="section skill">
      <div class="name title">
         <input name="attr_skillname1" type="text" placeholder="Skill 1">
         <input name="attr_skill1" type="number">
      </div>
      <div class="info">
         <div class="dice-row">
            <span>
               Dice:<input type="number" name="attr_skill_1_n" value="1">
            </span>
            <select name="attr_skill_1_dice" class="dice"/>
               <option value="d6" selected="selected">d6</option>
               <option value="d8">d8</option>
            </select>
            <span>
               Roll Mod:<input name="attr_skill_1_mod" type="text" value="k1">
            </span>
            <select name="attr_skill_1_stat" class="stat"/>
               <option value="0" selected="selected">No Stat</option>
               <option value="@{brawn}">Brawn</option>
               <option value="@{athletics}">Athletics</option>
               <option value="@{dexterity}">Dexterity</option>
               <option value="@{wits}">Wits</option>
               <option value="@{social}">Social</option>
               <option value="@{knowledge}">Knowledge</option>
               <option value="@{guts}" >Guts</option>
            </select>
            <span>
               Bonus:<input  type="number" name="attr_skill_1_bonus" value="0">
            </span>
            <button class="sheet-d6-dice" type="roll" value="&{template:blue} {{name=@{skillname1}}} {{Roll=[[@{skill_1_n}@{skill_1_dice}@{skill_1_mod} + @{skill_1_stat}+ @{skill_1_bonus}]]}}"></button>
         </div>
         <textarea rows="6" name="attr_skilldesc1" placeholder="Short description of effect goes here."></textarea>
      </div>
   </div>

   <!-- Skill 2 -->
   <div class="section skill">

      <div class="name title">
         <input name="attr_skillname2" type="text" placeholder="Skill 2">
         <input name="attr_skill2" type="number">
      </div>
      <div class="info">
         <div class="dice-row">
            <span>
               Dice:<input type="number" name="attr_skill_2_n" value="1">
            </span>
            <select name="attr_skill_2_dice" class="dice"/>
               <option value="d6" selected="selected">d6</option>
               <option value="d8">d8</option>
            </select>
            <span class="sub-title">
               Roll Mod:<input name="attr_skill_2_mod" type="text" value="k1">
            </span>
            <select name="attr_skill_2_stat" class="stat"/>
               <option value="0" selected="selected">No Stat</option>
               <option value="@{brawn}">Brawn</option>
               <option value="@{athletics}">Athletics</option>
               <option value="@{dexterity}">Dexterity</option>
               <option value="@{wits}">Wits</option>
               <option value="@{social}">Social</option>
               <option value="@{knowledge}">Knowledge</option>
               <option value="@{guts}" >Guts</option>
            </select>
            <span class="sub-title">
               Bonus:<input  type="number" name="attr_skill_2_bonus" value="0">
            </span>
            <button class="sheet-d6-dice" type="roll" value="&{template:blue} {{name=@{skillname2}}} {{Roll=[[@{skill_2_n}@{skill_2_dice}@{skill_2_mod} + @{skill_2_stat}+ @{skill_2_bonus}]]}}"></button>
         </div>
         <textarea rows="6" name="attr_skilldesc2" value="Short description of effect goes here."></textarea>
      </div>
   </div>

   <!-- Skill 3 -->
   <div class="section skill">
      <div class="name title">
         <input name="attr_skillname3" type="text" placeholder="Skill 3">
         <input name="attr_skill3" type="number">
      </div>
      <div class="info">
         <div class="dice-row">
            <span>
               Dice:<input type="number" name="attr_skill_3_n" value="1">
            </span>
            <select name="attr_skill_3_dice" class="dice"/>
               <option value="d6" selected="selected">d6</option>
               <option value="d8">d8</option>
            </select>
            <span class="sub-title">
               Roll Mod:<input name="attr_skill_3_mod" type="text" value="k1">
            </span>
            <select name="attr_skill_3_stat" class="stat"/>
               <option value="0" selected="selected">No Stat</option>
               <option value="@{brawn}">Brawn</option>
               <option value="@{athletics}">Athletics</option>
               <option value="@{dexterity}">Dexterity</option>
               <option value="@{wits}">Wits</option>
               <option value="@{social}">Social</option>
               <option value="@{knowledge}">Knowledge</option>
               <option value="@{guts}" >Guts</option>
            </select>
            <span class="sub-title">
               Bonus:<input  type="number" name="attr_skill_3_bonus" value="0">
            </span>
            <button class="sheet-d6-dice" type="roll" value="&{template:blue} {{name=@{skillname3}}} {{Roll=[[@{skill_3_n}@{skill_3_dice}@{skill_3_mod} + @{skill_3_stat}+ @{skill_3_bonus}]]}}"></button>
         </div>
         <textarea rows="6" name="attr_skilldesc3" value="Short description of effect goes here."></textarea>
      </div>
   </div>

   <!-- Skill 4 -->
   <div class="section skill">
      <div class="name title">
         <input name="attr_skillname4" type="text" placeholder="Skill 4">
         <input name="attr_skill4" type="number">
      </div>
      <div class="info">
         <div class="dice-row">
            <span>
               Dice:<input type="number" name="attr_skill_4_n" value="1">
            </span>
            <select name="attr_skill_4_dice" class="dice"/>
               <option value="d6" selected="selected">d6</option>
               <option value="d8">d8</option>
            </select>
            <span class="sub-title">
               Roll Mod:<input name="attr_skill_4_mod" type="text" value="k1">
            </span>
            <select name="attr_skill_4_stat" class="stat"/>
               <option value="0" selected="selected">No Stat</option>
               <option value="@{brawn}">Brawn</option>
               <option value="@{athletics}">Athletics</option>
               <option value="@{dexterity}">Dexterity</option>
               <option value="@{wits}">Wits</option>
               <option value="@{social}">Social</option>
               <option value="@{knowledge}">Knowledge</option>
               <option value="@{guts}" >Guts</option>
            </select>
            <span class="sub-title">
               Bonus:<input  type="number" name="attr_skill_4_bonus" value="0">
            </span>
            <button class="sheet-d6-dice" type="roll" value="&{template:blue} {{name=@{skillname4}}} {{Roll=[[@{skill_4_n}@{skill_4_dice}@{skill_4_mod} + @{skill_4_stat}+ @{skill_4_bonus}]]}}"></button>
         </div>
         <textarea rows="6" name="attr_skilldesc4" value="Short description of effect goes here."></textarea>
      </div>
   </div>

   <!-- Skill 5 -->
   <div class="section skill">
      <div class="name title">
         <input name="attr_skillname5" type="text" placeholder="Skill 5">
         <input name="attr_skill5" type="number">
      </div>
      <div class="info">
         <div class="dice-row">
            <span>
               Dice:<input type="number" name="attr_skill_5_n" value="1">
            </span>
            <select name="attr_skill_5_dice" class="dice"/>
               <option value="d6" selected="selected">d6</option>
               <option value="d8">d8</option>
            </select>
            <span class="sub-title">
               Roll Mod:<input name="attr_skill_5_mod" type="text" value="k1">
            </span>
            <select name="attr_skill_5_stat" class="stat"/>
               <option value="0" selected="selected">No Stat</option>
               <option value="@{brawn}">Brawn</option>
               <option value="@{athletics}">Athletics</option>
               <option value="@{dexterity}">Dexterity</option>
               <option value="@{wits}">Wits</option>
               <option value="@{social}">Social</option>
               <option value="@{knowledge}">Knowledge</option>
               <option value="@{guts}" >Guts</option>
            </select>
            <span class="sub-title">
               Bonus:<input  type="number" name="attr_skill_5_bonus" value="0">
            </span>
            <button class="sheet-d6-dice" type="roll" value="&{template:blue} {{name=@{skillname5}}} {{Roll=[[@{skill_5_n}@{skill_5_dice}@{skill_5_mod} + @{skill_5_stat}+ @{skill_5_bonus}]]}}"></button>
         </div>
         <textarea rows="6" name="attr_skilldesc5" value="Short description of effect goes here."></textarea>
      </div>
   </div>
<!-- Skills end -->

   <!-- Powers -->
   <div class="powers section">
      <div class="title">
         <span>POWER</span>
      </div>
      <textarea name="attr_powerdesc"></textarea>
   </div>

   <!-- Perks, flaws -->
   <div class="perks section">
      <div class="title">
         <span>PERKS, FLAWS</span>
      </div>
      <textarea name="attr_perksflaws"></textarea>
   </div>

   <!-- reputation -->
   <div class="reputation section">
      <div class="title">
         <span>REPUTATION</span>
      </div>
      <textarea name="attr_reputation"></textarea>
   </div>


   <!-- assets allies-->
   <table class="tab-collps">      
      <tr>
         <td class="section gray-border bg-gray" colspan="2" rowspan="1">
            <p class="center"><span class="sub-title center">ASSETS</span></p>
         </td>
         <td class="graysides">
            <p class="sheet-gap"></p>
         </td>
         <td class="bg-gray section  gray-border" colspan="2" rowspan="1">
            <p class="center"><span class="sub-title">ALLIES, UNDERLINGS</span></p>
         </td>
      </tr>
      <tr>
         <td class="name gray-border bg-gray">
            <span class="sub-title center">ASSET</span>
         </td>
         <td class="sheet-notes gray-border bg-gray">
            <p class="center"><span class="sub-title center">NOTES</span></p>
         </td>
         <td class="graysides">
            <p class="sheet-gap"></p>
         </td>
         <td class="name gray-border bg-gray">
            <span class="sub-title center">ALLY</span>
         </td>
         <td class="sheet-notes gray-border bg-gray">
            <p class="center"><span class="sub-title center">NOTES</span></p>
         </td>
      </tr>
      <tr>
         <td class="name gray-border" colspan="2" rowspan="1">
            <fieldset class="repeating_assets">
               <input style="width:42%;" type="text" name="attr_assetname" value="name">
               <div style="display: inline-block">
                  <input style="width:113%" type="text" name="attr_assetnotes" value="notes">
               </div>
            </fieldset>
         </td>
         <td class="graysides">
            <p class="sheet-gap"></p>
         </td>
         <td class="name gray-border" colspan="2" rowspan="1">
            <fieldset class="repeating_allies">
               <input style="width:42%;" type="text" name="attr_allyname" value="name">
               <div style="display: inline-block">
                  <input style="width:113%" type="text" name="attr_allynotes" value="notes">
               </div>
            </fieldset>
         </td>
      </tr>
   </table>


   <!-- resources & territory-->
   <p class="sheet-gap"></p>
   <table class="tab-collps">      
      <tr>
         <td class="bg-gray section gray-border" colspan="2" rowspan="1">
            <p class="center"><span class="sub-title">RESOURCES</span></p>
         </td>
         <td class="graysides">
            <p class="sheet-gap"></p>
         </td>
         <td class="section bg-gray  gray-border" colspan="2" rowspan="1">
            <p class="center"><span class="sub-title">TERRITORY</span></p>
         </td>
      </tr>
      <tr>
         <td class="name gray-border bg-gray">
            <span class="sub-title center">RESOURCE</span>
         </td>
         <td class="sheet-notes gray-border bg-gray">
            <p class="center"><span class="sub-title">NOTES</span></p>
         </td>
         <td class="graysides">
            <p class="sheet-gap"></p>
         </td>
         <td class="bg-gray name gray-border">
            <span class="sub-title center">AREA</span>
         </td>
         <td class="bg-gray sheet-notes gray-border">
            <p class="center"><span class="sub-title center">RELEVANCE</span></p>
         </td>
      </tr>
      <tr>
         <td class="name gray-border" colspan="2" rowspan="1">
            <fieldset class="repeating_resources">
               <input style="width:42%;" type="text" name="attr_resourcename" value="name">
               <div style="display: inline-block">
                  <input style="width:113%" type="text" name="attr_resourcenotes" value="notes">
               </div>
            </fieldset>
         </td>
         <td class="graysides">
            <p class="sheet-gap"></p>
         </td>
         <td class="name gray-border" colspan="2" rowspan="1">
            <fieldset class="repeating_territories">
               <input style="width:42%;" type="text" name="attr_areaname" value="name">
               <div style="display: inline-block">
                  <input style="width:113%" type="text" name="attr_areanotes" value="notes">
               </div>
            </fieldset>
         </td>
      </tr>
   </table>
   <p class="sheet-gap"></p>

   <!-- Appearance -->
   <div class="appearance">
      <div class="section">
         <span>APPEARANCE, COSTUMED</span>
         <textarea rows="4" name="attr_civdesc" value="Appearance in costume; include advantages."></textarea>
      </div>
      <div class="section">
         <span>APPEARANCE, CIVILIAN</span>
         <textarea rows="4" name="attr_capedesc" value="Appearance out of costume."></textarea>
      </div>
   </div>


   <!-- trigger -->
   <div class="trigger section">
      <div class="title">
         <span>TRIGGER EVENT</span>
      </div>
      <textarea name="attr_trigger"></textarea>
   </div>

   <!--personality  -->
   <div class="personality section">
      <div class="title">
         <span>PERSONALITY</span>
      </div>
      <textarea name="attr_personality"></textarea>
   </div>
   <!-- history -->
   <div class="history section">
      <div class="title">
         <span>HISTORY</span>
      </div>
      <textarea name="attr_history"></textarea>
   </div>

   <!--achievements  -->
   <div class="achievements section">
      <div class="title">
         <span>ACHIEVEMENTS</span>
      </div>
      <textarea name="attr_achievements"></textarea>
   </div>

   <!--current goals  -->
   <div class="goals section">
      <div class="title">
         <span>CURRENT GOALS</span>
      </div>
      <textarea name="attr_goals"></textarea>
   </div>

   <!--notes  -->
   <div class="notes section">
      <div class="title">
         <span>NOTES</span>
      </div>
      <textarea name="attr_notes"></textarea>
   </div>

</div>

<p class="gap"></p>
<p class="version footer">Author: Andreas J. | UserID: 1223200 | Weaver Dice </p>
   

<!--------------------------------------------------------------------->
<!----------------------- ROLL TEMPLATES ------------------------------>

<rolltemplate class="sheet-rolltemplate-blue">
<table>
    <caption>{{name}}</caption>
    {{#allprops() }}
       <tr><td>{{key}}</td><td>{{value}}</td>
    {{/allprops() }}
</table>
</rolltemplate>

<rolltemplate class="sheet-rolltemplate-green">
<table>
    <caption>{{name}}</caption>
    {{#allprops() }}
       <tr><td>{{key}}</td><td>{{value}}</td>
    {{/allprops() }}
</table>
</rolltemplate>

<rolltemplate class="sheet-rolltemplate-red">
<table>
    <caption>{{name}}</caption>
    {{#allprops() }}
       <tr><td>{{key}}</td><td>{{value}}</td>
    {{/allprops() }}
</table>
</rolltemplate>

<rolltemplate class="sheet-rolltemplate-black">
<table>
    <caption>{{name}}</caption>
    {{#allprops() }}
       <tr><td>{{key}}</td><td>{{value}}</td>
    {{/allprops() }}
</table>
</rolltemplate>