roll20-character-sheets/Barbaric/barbaric.html

<!-- variables-->
<!-- mixins-->
<!-- main sheet code-->
<main>
  <section class="name flex-row"><span class="border flex-col"><span data-i18n="name">Name</span>
      <input class="bold" type="text" name="attr_character_name"/></span><span class="border flex-col"><span data-i18n="heritage">heritage</span>
      <input name="attr_heritage" type="text" list="heritage"/></span><span class="border flex-col"><span data-i18n="endurance">endurance</span>
      <input name="attr_endurance" type="number"/></span><span class="border flex-col"><span data-i18n="lifeblood">lifeblood</span>
      <input name="attr_lifeblood" type="number"/></span><span class="border flex-col pad"><span data-i18n="fatigued-">Fatigued?</span>
      <input name="attr_fatigue" type="checkbox" value="1"/></span><span class="border flex-col"><span data-i18n="hero-points">hero points</span>
      <input name="attr_heropoints" type="number"/></span><span class="border flex-col"><span data-i18n="player">Player</span>
      <input name="attr_player_name" type="text"/></span></section>
  <section class="skills flex-col">
    <label data-i18n="skills">skills</label>
    <div class="section flex-row">
      <input class="txtfield warn-missing" type="number" name="attr_combat" placeholder="0"/>
      <button class="blank" name="roll_combat" type="roll" value="&amp;{template:rolls} {{title=Combat}} {{subtitle=@{character_name} }} {{color=black}} {{^{roll-i18n}=[[ [[2d6]]+@{combat} ]]}} {{baseroll=$[[0]]}}"><span data-i18n="combat">combat</span></button>
    </div>
    <div class="section flex-row">
      <input class="txtfield warn-missing" type="number" name="attr_craft" placeholder="0"/>
      <button class="blank" name="roll_craft" type="roll" value="&amp;{template:rolls} {{title=Craft}} {{subtitle=@{character_name} }} {{color=black}} {{^{roll-i18n}=[[ [[2d6]]+@{craft} ]]}} {{baseroll=$[[0]]}}"><span data-i18n="craft">craft</span></button>
    </div>
    <div class="section flex-row">
      <input class="txtfield warn-missing" type="number" name="attr_lore" placeholder="0"/>
      <button class="blank" name="roll_lore" type="roll" value="&amp;{template:rolls} {{title=Lore}} {{subtitle=@{character_name} }} {{color=black}} {{^{roll-i18n}=[[ [[2d6]]+@{lore} ]]}} {{baseroll=$[[0]]}}"><span data-i18n="lore">lore</span></button>
    </div>
    <div class="section flex-row">
      <input class="txtfield warn-missing" type="number" name="attr_physical" placeholder="0"/>
      <button class="blank" name="roll_physical" type="roll" value="&amp;{template:rolls} {{title=Physical}} {{subtitle=@{character_name} }} {{color=black}} {{^{roll-i18n}=[[ [[2d6]]+@{physical} ]]}} {{baseroll=$[[0]]}}"><span data-i18n="physical">physical</span></button>
    </div>
    <div class="section flex-row">
      <input class="txtfield warn-missing" type="number" name="attr_social" placeholder="0"/>
      <button class="blank" name="roll_social" type="roll" value="&amp;{template:rolls} {{title=Social}} {{subtitle=@{character_name} }} {{color=black}} {{^{roll-i18n}=[[ [[2d6]]+@{social} ]]}} {{baseroll=$[[0]]}}"><span data-i18n="social">social</span></button>
    </div>
    <div class="section flex-row">
      <input class="txtfield warn-missing" type="number" name="attr_sorcery" placeholder="0"/>
      <button class="blank" name="roll_sorcery" type="roll" value="&amp;{template:rolls} {{title=Sorcery}} {{subtitle=@{character_name} }} {{color=black}} {{^{roll-i18n}=[[ [[2d6]]+@{sorcery} ]]}} {{baseroll=$[[0]]}}"><span data-i18n="sorcery">sorcery</span></button>
    </div>
    <div class="section flex-row">
      <input class="txtfield warn-missing" type="number" name="attr_stealth" placeholder="0"/>
      <button class="blank" name="roll_stealth" type="roll" value="&amp;{template:rolls} {{title=Stealth}} {{subtitle=@{character_name} }} {{color=black}} {{^{roll-i18n}=[[ [[2d6]]+@{stealth} ]]}} {{baseroll=$[[0]]}}"><span data-i18n="stealth">stealth</span></button>
    </div>
  </section>
  <section class="border traits">
    <label for="for" data-i18n="traits">traits</label>
    <textarea class="iflex" name="attr_traits" value="value"></textarea>
  </section>
  <section class="combat">
    <div class="flex-row section">
      <button class="d6" name="roll_" type="roll" value="&amp;{template:rolls} {{title=^{initiative} }} {{subtitle=@{character_name} }} {{color=black}} {{^{roll-i18n}[[2d6+(@{combat} &amp;{tracker}]]}}"><span data-i18n="initative">Initiative</span></button>
      <div class="armor border flex-row">
        <h3 data-i18n="armor">armor</h3>
        <input class="name" name="attr_armorname" type="text"/>
        <input name="attr_armor" type="number"/>
        <input name="attr_armorinfo" type="text"/>
      </div>
    </div>
    <div class="border grid-weapon"><span></span><span data-i18n="weapons">weapons</span><span data-i18n="range">range</span><span class="damage" data-i18n="damage">damage</span><span data-i18n="notes">notes</span>
      <button class="d6" name="roll_weapon1" type="roll" value="&amp;{template:rolls} {{title=^{weapon}: @{wpn1name} }} {{color=black}} {{subtitle=@{character_name} }} {{color=black}} {{^{range}= @{wpn1range} }}  {{^{roll-i18n}=[[ [[2d6]]+@{combat} ]]}} {{baseroll=$[[0]]}} {{^{damage}= [[@{wpn1dmg}6]] }}"></button>
      <input class="weapon-name" name="attr_wpn1name" type="text"/>
      <input class="range" name="attr_wpn1range" type="text"/>
      <input class="dmg" name="attr_wpn1dmg" placeholder="2d" type="text"/>
      <input class="weapon-notes" name="attr_wpn1notes" type="text"/>
      <button class="d6" name="roll_weapon2" type="roll" value="&amp;{template:rolls} {{title=^{weapon}: @{wpn2name} }} {{color=black}} {{subtitle=@{character_name} }} {{color=black}} {{^{range}= @{wpn2range} }}  {{^{roll-i18n}=[[ [[2d6]]+@{combat} ]]}} {{baseroll=$[[0]]}} {{^{damage}= [[@{wpn2dmg}6]] }}"></button>
      <input class="weapon-name" name="attr_wpn2name" type="text"/>
      <input class="range" name="attr_wpn2range" type="text"/>
      <input class="dmg" name="attr_wpn2dmg" placeholder="2d" type="text"/>
      <input class="weapon-notes" name="attr_wpn2notes" type="text"/>
      <button class="d6" name="roll_weapon3" type="roll" value="&amp;{template:rolls} {{title=^{weapon}: @{wpn3name} }} {{color=black}} {{subtitle=@{character_name} }} {{color=black}} {{^{range}= @{wpn3range} }}  {{^{roll-i18n}=[[ [[2d6]]+@{combat} ]]}} {{baseroll=$[[0]]}} {{^{damage}= [[@{wpn3dmg}6]] }}"></button>
      <input class="weapon-name" name="attr_wpn3name" type="text"/>
      <input class="range" name="attr_wpn3range" type="text"/>
      <input class="dmg" name="attr_wpn3dmg" placeholder="2d" type="text"/>
      <input class="weapon-notes" name="attr_wpn3notes" type="text"/>
      <button class="d6" name="roll_weapon4" type="roll" value="&amp;{template:rolls} {{title=^{weapon}: @{wpn4name} }} {{color=black}} {{subtitle=@{character_name} }} {{color=black}} {{^{range}= @{wpn4range} }}  {{^{roll-i18n}=[[ [[2d6]]+@{combat} ]]}} {{baseroll=$[[0]]}} {{^{damage}= [[@{wpn4dmg}6]] }}"></button>
      <input class="weapon-name" name="attr_wpn4name" type="text"/>
      <input class="range" name="attr_wpn4range" type="text"/>
      <input class="dmg" name="attr_wpn4dmg" placeholder="2d" type="text"/>
      <input class="weapon-notes" name="attr_wpn4notes" type="text"/>
      <button class="d6" name="roll_weapon5" type="roll" value="&amp;{template:rolls} {{title=^{weapon}: @{wpn5name} }} {{color=black}} {{subtitle=@{character_name} }} {{color=black}} {{^{range}= @{wpn5range} }}  {{^{roll-i18n}=[[ [[2d6]]+@{combat} ]]}} {{baseroll=$[[0]]}} {{^{damage}= [[@{wpn5dmg}6]] }}"></button>
      <input class="weapon-name" name="attr_wpn5name" type="text"/>
      <input class="range" name="attr_wpn5range" type="text"/>
      <input class="dmg" name="attr_wpn5dmg" placeholder="2d" type="text"/>
      <input class="weapon-notes" name="attr_wpn5notes" type="text"/>
    </div>
  </section>
  <section class="border equip">
    <label for="for" data-i18n="equipment">equipment</label>
    <textarea class="iflex" name="attr_equipment" value="value"></textarea>
  </section>
  <section class="border sorcery">
    <label for="for" data-i18n="sorcery-notes">sorcery/notes</label>
    <textarea class="iflex" name="attr_sorcery" value="value"></textarea>
  </section>
  <section class="xp flex-col">
    <label data-i18n="xp">XP</label><span data-i18n="experienced">Experienced</span>
    <div>
      <input type="checkbox" name="attr_experienced1" value="1"/>
      <input type="checkbox" name="attr_experienced2" value="1"/>
      <input type="checkbox" name="attr_experienced3" value="1"/>
      <input type="checkbox" name="attr_experienced4" value="1"/>
      <input type="checkbox" name="attr_experienced5" value="1"/>
    </div><span data-i18n="expert">Expert</span>
    <div>
      <input type="checkbox" name="attr_expert1" value="1"/>
      <input type="checkbox" name="attr_expert2" value="1"/>
      <input type="checkbox" name="attr_expert3" value="1"/>
      <input type="checkbox" name="attr_expert4" value="1"/>
      <input type="checkbox" name="attr_expert5" value="1"/>
    </div><span data-i18n="master">Master</span>
    <div>
      <input type="checkbox" name="attr_master1" value="1"/>
      <input type="checkbox" name="attr_master2" value="1"/>
      <input type="checkbox" name="attr_master3" value="1"/>
      <input type="checkbox" name="attr_master4" value="1"/>
      <input type="checkbox" name="attr_master5" value="1"/>
    </div><span data-i18n="grandmaster">Grandmaster</span>
    <div>
      <input type="checkbox" name="attr_grandmaster1" value="1"/>
      <input type="checkbox" name="attr_grandmaster2" value="1"/>
      <input type="checkbox" name="attr_grandmaster3" value="1"/>
      <input type="checkbox" name="attr_grandmaster4" value="1"/>
      <input type="checkbox" name="attr_grandmaster5" value="1"/>
    </div><span data-i18n="legend">Legend</span>
    <div>
      <input type="checkbox" name="attr_legend1" value="1"/>
      <input type="checkbox" name="attr_legend2" value="1"/>
      <input type="checkbox" name="attr_legend3" value="1"/>
      <input type="checkbox" name="attr_legend4" value="1"/>
      <input type="checkbox" name="attr_legend5" value="1"/>
    </div>
  </section>
</main>
<!--hidden inputs & datalists-->
<datalist id="heritage">
  <option data-i18n="human">Human</option>
  <option data-i18n="anunaki">Anunaki</option>
  <option data-i18n="apefolk">Apefolk</option>
  <option data-i18n="dwarf">Dwarf</option>
  <option data-i18n="elf">Elf</option>
  <option data-i18n="geckofolk">Geckofolk</option>
  <option data-i18n="lizardfolk">Lizardfolk</option>
</datalist>
<!--roll templates-->
<rolltemplate class="sheet-rolltemplate-rolls">
  <div class="sheet-container sheet-color-{{color}}">
    <div class="sheet-header">
      
      {{#title}}
      <div class="sheet-title">{{title}}</div>
      {{/title}}
      {{#subtitle}}
      <div class="sheet-subtitle">{{subtitle}}</div>
      {{/subtitle}}
    </div>
    <div class="sheet-content">
      
      {{#allprops() title subtitle desc color baseroll}}
      <div class="sheet-key">{{key}}</div>
      <div class="sheet-value">{{value}}</div>
      {{/allprops() title subtitle desc color baseroll}}
      {{#rollTotal() baseroll 2}}
      <div class="sheet-fail">Critical Fumble!</div>
      {{/rollTotal() baseroll 2}}
      {{#rollTotal() baseroll 12}}
      <div class="sheet-crit">Critical Success!</div>
      {{/rollTotal() baseroll 12}}
      {{#desc}}
      <div class="sheet-desc">{{desc}}</div>
      {{/desc}}
    </div>
  </div>
</rolltemplate>
<!--sheetworkers-->