roll20-character-sheets/Castle Falkenstein/falkenstein.html

<div class="sheet">
    <input type="hidden" name="attr_config_hide" class="hide" value="0">
    <div class="config">
        <div class="config-abilities">
            <h3>Abilities</h3>
            <p>Check the Abilities you want to be displayed on your sheet.</p>
            <input type="checkbox" name="attr_athletics_hide" class="toggle" value="1">
            <span>Athletics</span>
            <input type="checkbox" name="attr_charisma_hide" class="toggle" value="1">
            <span>Charisma</span>
            <input type="checkbox" name="attr_comeliness_hide" class="toggle" value="1">
            <span>Comeliness</span>
            <input type="checkbox" name="attr_connections_hide" class="toggle" value="1">
            <span>Connections</span>
            <input type="checkbox" name="attr_courage_hide" class="toggle" value="1">
            <span>Courage</span>
            <input type="checkbox" name="attr_craftsmanship_hide" class="toggle" value="1">
            <span>Craftsmanship</span>
            <input type="checkbox" name="attr_education_hide" class="toggle" value="1">
            <span>Education</span>
            <input type="checkbox" name="attr_exchequer_hide" class="toggle" value="1">
            <span>Exchequer</span>
            <input type="checkbox" name="attr_fencing_hide" class="toggle" value="1">
            <span>Fencing</span>
            <input type="checkbox" name="attr_fisticuffs_hide" class="toggle" value="1">
            <span>Fisticuffs</span>
            <input type="checkbox" name="attr_gambling_hide" class="toggle" value="1">
            <span>Gambling</span>
            <input type="checkbox" name="attr_gunslinging_hide" class="toggle" value="1">
            <span>Gunslinging</span>
            <input type="checkbox" name="attr_helmsmanship_hide" class="toggle" value="1">
            <span>Helmsmanship</span>
            <input type="checkbox" name="attr_invention_hide" class="toggle" value="1">
            <span>Invention</span>
            <input type="checkbox" name="attr_leadership_hide" class="toggle" value="1">
            <span>Leadership</span>
            <input type="checkbox" name="attr_marksmanship_hide" class="toggle" value="1">
            <span>Marksmanship</span>
            <input type="checkbox" name="attr_mesmerism_hide" class="toggle" value="1">
            <span>Mesmerism</span>
            <input type="checkbox" name="attr_motoring_hide" class="toggle" value="1">
            <span>Motoring</span>
            <input type="checkbox" name="attr_natural_sciences_hide" class="toggle" value="1">
            <span>Natural Sciences</span>
            <input type="checkbox" name="attr_perception_hide" class="toggle" value="1">
            <span>Perception</span>
            <input type="checkbox" name="attr_performance_hide" class="toggle" value="1">
            <span>Performance</span>
            <input type="checkbox" name="attr_physician_hide" class="toggle" value="1">
            <span>Physician</span>
            <input type="checkbox" name="attr_physique_hide" class="toggle" value="1">
            <span>Physique</span>
            <input type="checkbox" name="attr_renown_hide" class="toggle" value="1">
            <span>Renown</span>
            <input type="checkbox" name="attr_riding_hide" class="toggle" value="1">
            <span>Riding</span>
            <input type="checkbox" name="attr_social_graces_hide" class="toggle" value="1">
            <span>Social Graces</span>
            <input type="checkbox" name="attr_sorcerous_engineering_hide" class="toggle" value="1">
            <span>Sorcerous Eng.</span>
            <input type="checkbox" name="attr_sorcery_hide" class="toggle" value="1">
            <span>Sorcery</span>
            <input type="checkbox" name="attr_stealth_hide" class="toggle" value="1">
            <span>Stealth</span>
            <input type="checkbox" name="attr_tinkering_hide" class="toggle" value="1">
            <span>Tinkering</span>
            <input type="checkbox" name="attr_custom_ability1_hide" class="toggle" value="1">
            <span>Custom 1</span>
            <input type="checkbox" name="attr_custom_ability2_hide" class="toggle" value="1">
            <span>Custom 2</span>
            <input type="checkbox" name="attr_custom_ability3_hide" class="toggle" value="1">
            <span>Custom 3</span>
            <input type="checkbox" name="attr_custom_ability4_hide" class="toggle" value="1">
            <span>Custom 4</span>
            <input type="checkbox" name="attr_custom_ability5_hide" class="toggle" value="1">
            <span>Custom 5</span>
            <input type="checkbox" name="attr_custom_ability6_hide" class="toggle" value="1">
            <span>Custom 6</span>
        </div>
        <div class="properties">
            <div class="roll">
                <h3>Roll Properties</h3>
                <div class="card-value">
                    <input type="checkbox" name="attr_card_value" value="?{Modifier?|0}" id="ask-for-card">
                    <label for="ask-for-card">Ask For Value</label>
                </div>
                <div class="roll-name">
                    <input type="radio" name="attr_show_name" value="{{name=**@{character_name}**}}" checked id="show-name">
                    <label for="show-name">Show Name</label>
                    <input type="radio" name="attr_show_name" value=" " id="hide-name">
                    <label for="hide-name">Hide Name</label>
                    
                </div>
            </div>
            <div class="portrait">
                <h3>Portrait</h3>
                <div class="img-type">
                    <input type="radio" name="attr_img_type" value="cover" checked id="contain">
                    <label for="cover">Cover</label>
                    <input type="radio" name="attr_img_type" value="contain" id="contain">
                    <label for="contain">Contain</label>
                    <input type="radio" name="attr_img_type" value="fill" id="fill">
                    <label for="fill">Fill</label>
                </div>
            </div>
        </div>
        
    </div>
    <input type="checkbox" name="attr_config_hide" class="config-toggle" value="1" title="reveal config options">
    <div class="description">
        <h2>CastlE FalkensteiN</h2>
        <div class="names">
            <h4>Name</h4>
            <input type="text" name="attr_character_name" title="Enter a short name suitable for macros.">
            <h4>Hero Type</h4>
            <select class="no-arrows" name="attr_hero_type">
                <option value="none" selected disabled hidden>Choose One</option>
                <option>Heroic Hero</option>
                <option>Tragic Hero</option>
                <option>Flawed Hero</option>
                <option>Innocent Heroine</option>
                <option>Clever Heroine</option>
                <option>Tragic Heroine</option>
                <option>Fallen Heroine</option>
            </select>
            <h4>Archetype</h4>
            <input type="text" name="attr_archetype" list="archetypes" placeholder="Choose Archetype">
        </div>
        <div class="diary">
            <h4>Diary and Description</h4>
            <textarea name="attr_diary" class="description" placeholder="Write Your Diary and Description"></textarea>
        </div>
        <input type="hidden" name="attr_img_type" value="cover" class="radio-img">
        <img name="attr_character_avatar">
    </div>
    <div class="traits">
        <button type="roll" name="roll_abilities" class="roll-abilities nod20" title="%{abilities}" 
            value="&{template:default} @{show_name} {{ ?{Ability?|Enter Ability Name}=[[4 + @{card_value}]] ?{Suit?|Club,♣|Diamond,♦|Heart,♥|Spade,♠}}}">
            <h3>Abilities</h3>
        </button>
        <input type="hidden" name="attr_athletics_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Athletics </span>
            <select name="attr_athletics" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_athletics" class="nod20 ♣" title="%{athletics}" 
                 value="&{template:default} @{show_name} {{ Athletics=[[@{athletics} + @{card_value}]] ♣ }}">
            </button>
        </div>
        <input type="hidden" name="attr_charisma_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Charisma </span>
            <select name="attr_charisma" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_charisma" class="nod20 ♥" title="%{charisma}" 
                 value="&{template:default} @{show_name} {{ Charisma=[[@{charisma} + @{card_value}]] ♥ }}">
            </button>
        </div>
        <input type="hidden" name="attr_comeliness_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Comeliness </span>
            <select name="attr_comeliness" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_comeliness" class="nod20 ♥" title="%{comeliness}" 
                 value="&{template:default} @{show_name} {{ Comeliness=[[@{comeliness} + @{card_value}]] ♥ }}">
            </button>
        </div>
        <input type="hidden" name="attr_connections_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Connections </span>
            <select name="attr_connections" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_connections" class="nod20 ♠" title="%{connections}" 
                 value="&{template:default} @{show_name} {{ Connections=[[@{connections} + @{card_value}]] ♠ }}">
            </button>
        </div>
        <input type="hidden" name="attr_courage_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Courage </span>
            <select name="attr_courage" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_courage" class="nod20 ♥" title="%{courage}" 
                 value="&{template:default} @{show_name} {{ Courage=[[@{courage} + @{card_value}]] ♥ }}">
            </button>
        </div>
        <input type="hidden" name="attr_craftsmanship_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Craftsmanship </span>
            <select name="attr_craftsmanship" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_craftsmanship" class="nod20 ♦" title="%{craftsmanship}" 
                 value="&{template:default} @{show_name} {{ Craftsmanship=[[@{craftsmanship} + @{card_value}]] ♦ }}">
            </button>
        </div>
        <input type="hidden" name="attr_education_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Education </span>
            <select name="attr_education" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_education" class="nod20 ♦" title="%{education}" 
                 value="&{template:default} @{show_name} {{ Education=[[@{education} + @{card_value}]] ♦ }}">
            </button>
        </div>
        <input type="hidden" name="attr_exchequer_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Exchequer </span>
            <select name="attr_exchequer" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_exchequer" class="nod20 ♠" title="%{exchequer}" 
                 value="&{template:default} @{show_name} {{ Exchequer=[[@{exchequer} + @{card_value}]] ♠ }}">
            </button>
        </div>
        <input type="hidden" name="attr_fencing_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Fencing </span>
            <select name="attr_fencing" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_fencing" class="nod20 ♣" title="%{fencing}" 
                 value="&{template:default} @{show_name} {{ Fencing=[[@{fencing} + @{card_value}]] ♣ }}">
            </button>
        </div>
        <input type="hidden" name="attr_fisticuffs_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Fisticuffs </span>
            <select name="attr_fisticuffs" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_fisticuffs" class="nod20 ♣" title="%{fisticuffs}" 
                 value="&{template:default} @{show_name} {{ Fisticuffs=[[@{fisticuffs} + @{card_value}]] ♣ }}">
            </button>
        </div>
        <input type="hidden" name="attr_gambling_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Gambling </span>
            <select name="attr_gambling" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_gambling" class="nod20 ♦" title="%{gambling}" 
                 value="&{template:default} @{show_name} {{ Gambling=[[@{gambling} + @{card_value}]] ♦ }}">
            </button>
        </div>
        <input type="hidden" name="attr_gunslinging_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Gunslinging </span>
            <select name="attr_gunslinging" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_gunslinging" class="nod20 ♣" title="%{gunslinging}" 
                 value="&{template:default} @{show_name} {{ Gunslinging=[[@{gunslinging} + @{card_value}]] ♣ }}">
            </button>
        </div>
        <input type="hidden" name="attr_helmsmanship_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Helmsmanship </span>
            <select name="attr_helmsmanship" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_helmsmanship" class="nod20 ♦" title="%{helmsmanship}" 
                 value="&{template:default} @{show_name} {{ Helmsmanship=[[@{helmsmanship} + @{card_value}]] ♦ }}">
            </button>
        </div>
        <input type="hidden" name="attr_invention_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Invention </span>
            <select name="attr_invention" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_invention" class="nod20 ♦" title="%{invention}" 
                 value="&{template:default} @{show_name} {{ Invention=[[@{invention} + @{card_value}]] ♦ }}">
            </button>
        </div>
        <input type="hidden" name="attr_leadership_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Leadership </span>
            <select name="attr_leadership" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_leadership" class="nod20 ♥" title="%{leadership}" 
                 value="&{template:default} @{show_name} {{ Leadership=[[@{leadership} + @{card_value}]] ♥ }}">
            </button>
        </div>
        <input type="hidden" name="attr_marksmanship_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Marksmanship </span>
            <select name="attr_marksmanship" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_marksmanship" class="nod20 ♣" title="%{marksmanship}" 
                 value="&{template:default} @{show_name} {{ Marksmanship=[[@{marksmanship} + @{card_value}]] ♣ }}">
            </button>
        </div>
        <input type="hidden" name="attr_mesmerism_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Mesmerism </span>
            <select name="attr_mesmerism" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_mesmerism" class="nod20 ♥" title="%{mesmerism}" 
                 value="&{template:default} @{show_name} {{ Mesmerism=[[@{mesmerism} + @{card_value}]] ♥ }}">
            </button>
        </div>
        <input type="hidden" name="attr_motoring_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Motoring </span>
            <select name="attr_motoring" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_motoring" class="nod20 ♣" title="%{motoring}" 
                 value="&{template:default} @{show_name} {{ Motoring=[[@{motoring} + @{card_value}]] ♣ }}">
            </button>
        </div>
        <input type="hidden" name="attr_natural_sciences_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Natural Sciences </span>
            <select name="attr_natural_sciences" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_natural_sciences" class="nod20 ♦" title="%{natural_sciences}" 
                 value="&{template:default} @{show_name} {{ Natural Sciences=[[@{natural_sciences} + @{card_value}]] ♦ }}">
            </button>
        </div>
        <input type="hidden" name="attr_perception_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Perception </span>
            <select name="attr_perception" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_perception" class="nod20 ♦" title="%{perception}" 
                 value="&{template:default} @{show_name} {{ Perception=[[@{perception} + @{card_value}]] ♦ }}">
            </button>
        </div>
        <input type="hidden" name="attr_performance_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Performance </span>
            <select name="attr_performance" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_performance" class="nod20 ♥" title="%{performance}" 
                 value="&{template:default} @{show_name} {{ Performance=[[@{performance} + @{card_value}]] ♥ }}">
            </button>
        </div>
        <input type="hidden" name="attr_physician_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Physician </span>
            <select name="attr_physician" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_physician" class="nod20 ♦" title="%{physician}" 
                 value="&{template:default} @{show_name} {{ Physician=[[@{physician} + @{card_value}]] ♦ }}">
            </button>
        </div>
        <input type="hidden" name="attr_physique_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Physique </span>
            <select name="attr_physique" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_physique" class="nod20 ♣" title="%{physique}" 
                 value="&{template:default} @{show_name} {{ Physique=[[@{physique} + @{card_value}]] ♣ }}">
            </button>
        </div>
        <input type="hidden" name="attr_renown_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Renown </span>
            <select name="attr_renown" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_renown" class="nod20 ♠" title="%{renown}" 
                 value="&{template:default} @{show_name} {{ Renown=[[@{renown} + @{card_value}]] ♠ }}">
            </button>
        </div>
        <input type="hidden" name="attr_riding_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Riding </span>
            <select name="attr_riding" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_riding" class="nod20 ♣" title="%{riding}" 
                 value="&{template:default} @{show_name} {{ Riding=[[@{riding} + @{card_value}]] ♣ }}">
            </button>
        </div>
        <input type="hidden" name="attr_social_graces_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Social Graces </span>
            <select name="attr_social_graces" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_social_graces" class="nod20 ♠" title="%{social_graces}" 
                 value="&{template:default} @{show_name} {{ Social Graces=[[@{social_graces} + @{card_value}]] ♠ }}">
            </button>
        </div>
        <input type="hidden" name="attr_sorcerous_engineering_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Sorcerous Engineering </span>
            <select name="attr_sorcerous_engineering" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_sorcerous_engineering" class="nod20 ♦" title="%{sorcerous_engineering}" 
                 value="&{template:default} @{show_name} {{ Sorcerous Engineering=[[@{sorcerous_engineering} + @{card_value}]] ♦ }}">
            </button>
        </div>
        <input type="hidden" name="attr_sorcery_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Sorcery </span>
            <select name="attr_sorcery" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_sorcery" class="nod20 ♦" title="%{sorcery}" 
                 value="&{template:default} @{show_name} {{ Sorcery=[[@{sorcery} + @{card_value}]] ♦ }}">
            </button>
        </div>
        <input type="hidden" name="attr_stealth_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Stealth </span>
            <select name="attr_stealth" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_stealth" class="nod20 ♣" title="%{stealth}" 
                 value="&{template:default} @{show_name} {{ Stealth=[[@{stealth} + @{card_value}]] ♣ }}">
            </button>
        </div>
        <input type="hidden" name="attr_tinkering_hide" class="hide" value="0">
        <div class="passthrough">
            <span class="bold">Tinkering </span>
            <select name="attr_tinkering" class="ability-rank no-arrows">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <button type="roll" name="roll_tinkering" class="nod20 ♦" title="%{tinkering}" 
                 value="&{template:default} @{show_name} {{ Tinkering=[[@{tinkering} + @{card_value}]] ♦ }}">
            </button>
        </div>

        <input type="hidden" name="attr_custom_ability1_hide" class="hide" value="0">
        <div class="passthrough">
            <div class="custom-ability">
                <select name="attr_custom_suit1" class="suit no-arrows" title="Define the Suit used by this ability.">
                    <option value="none" selected hidden disabled>?</option>
                    <option>♠</option>
                    <option>♦</option>
                    <option>♣</option>
                    <option>♥</option>
                </select>
                <input type="text" name="attr_custom_ability1" class="bold" placeholder="custom ability name" title="@{custom_ability1}">
            </div>
            <select name="attr_custom_rank1" class="no-arrows" title="@{custom_rank1}">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <input type="hidden" name="attr_custom_suit1" class="suit" value="0">
            <button type="roll" name="roll_custom_ability1" class="nod20 ♦" value="&{template:default} {{name=**@{show_name}@{custom_ability1}**}} {{Score=[[@{custom_rank1} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability1" class="nod20 ♥" value="&{template:default} {{name=**@{show_name}@{custom_ability1}**}} {{Score=[[@{custom_rank1} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability1" class="nod20 ♠" value="&{template:default} {{name=**@{show_name}@{custom_ability1}**}} {{Score=[[@{custom_rank1} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability1" class="nod20 ♣" value="&{template:default} {{name=**@{show_name}@{custom_ability1}**}} {{Score=[[@{custom_rank1} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability1" class="nod20 none" value="&{template:default} {{name=**@{show_name}@{custom_ability1}**}} {{Score=[[@{custom_rank1} + @{card_value}]]}}"></button>
        </div>

        <input type="hidden" name="attr_custom_ability2_hide" class="hide" value="0">
        <div class="passthrough">
            <div class="custom-ability">
                <select name="attr_custom_suit2" class="suit no-arrows" title="Define the Suit used by this ability.">
                    <option value="none" selected hidden disabled>?</option>
                    <option>♠</option>
                    <option>♦</option>
                    <option>♣</option>
                    <option>♥</option>
                </select>
                <input type="text" name="attr_custom_ability2" class="bold" placeholder="custom ability name" title="@{custom_ability2}">
            </div>
            <select name="attr_custom_rank2" class="no-arrows" title="@{custom_rank2}">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <input type="hidden" name="attr_custom_suit2" class="suit" value="0">
            <button type="roll" name="roll_custom_ability2" class="nod20 ♦" value="&{template:default} {{name=**@{show_name}@{custom_ability2}**}} {{Score=[[@{custom_rank2} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability2" class="nod20 ♥" value="&{template:default} {{name=**@{show_name}@{custom_ability2}**}} {{Score=[[@{custom_rank2} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability2" class="nod20 ♠" value="&{template:default} {{name=**@{show_name}@{custom_ability2}**}} {{Score=[[@{custom_rank2} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability2" class="nod20 ♣" value="&{template:default} {{name=**@{show_name}@{custom_ability2}**}} {{Score=[[@{custom_rank2} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability2" class="nod20 none" value="&{template:default} {{name=**@{show_name}@{custom_ability2}**}} {{Score=[[@{custom_rank2} + @{card_value}]]}}"></button>
        </div>

        <input type="hidden" name="attr_custom_ability3_hide" class="hide" value="0">
        <div class="passthrough">
            <div class="custom-ability">
                <select name="attr_custom_suit3" class="suit no-arrows" title="Define the Suit used by this ability.">
                    <option value="none" selected hidden disabled>?</option>
                    <option>♠</option>
                    <option>♦</option>
                    <option>♣</option>
                    <option>♥</option>
                </select>
                <input type="text" name="attr_custom_ability3" class="bold" placeholder="custom ability name" title="@{custom_ability3}">
            </div>
            <select name="attr_custom_rank3" class="no-arrows" title="@{custom_rank3}">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <input type="hidden" name="attr_custom_suit3" class="suit" value="0">
            <button type="roll" name="roll_custom_ability3" class="nod20 ♦" value="&{template:default} {{name=**@{show_name}@{custom_ability3}**}} {{Score=[[@{custom_rank3} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability3" class="nod20 ♥" value="&{template:default} {{name=**@{show_name}@{custom_ability3}**}} {{Score=[[@{custom_rank3} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability3" class="nod20 ♠" value="&{template:default} {{name=**@{show_name}@{custom_ability3}**}} {{Score=[[@{custom_rank3} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability3" class="nod20 ♣" value="&{template:default} {{name=**@{show_name}@{custom_ability3}**}} {{Score=[[@{custom_rank3} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability3" class="nod20 none" value="&{template:default} {{name=**@{show_name}@{custom_ability3}**}} {{Score=[[@{custom_rank3} + @{card_value}]]}}"></button>
        </div>

        <input type="hidden" name="attr_custom_ability4_hide" class="hide" value="0">
        <div class="passthrough">
            <div class="custom-ability">
                <select name="attr_custom_suit4" class="suit no-arrows" title="Define the Suit used by this ability.">
                    <option value="none" selected hidden disabled>?</option>
                    <option>♠</option>
                    <option>♦</option>
                    <option>♣</option>
                    <option>♥</option>
                </select>
                <input type="text" name="attr_custom_ability4" class="bold" placeholder="custom ability name" title="@{custom_ability4}">
            </div>
            <select name="attr_custom_rank4" class="no-arrows" title="@{custom_rank4}">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <input type="hidden" name="attr_custom_suit4" class="suit" value="0">
            <button type="roll" name="roll_custom_ability4" class="nod20 ♦" value="&{template:default} {{name=**@{show_name}@{custom_ability4}**}} {{Score=[[@{custom_rank4} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability4" class="nod20 ♥" value="&{template:default} {{name=**@{show_name}@{custom_ability4}**}} {{Score=[[@{custom_rank4} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability4" class="nod20 ♠" value="&{template:default} {{name=**@{show_name}@{custom_ability4}**}} {{Score=[[@{custom_rank4} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability4" class="nod20 ♣" value="&{template:default} {{name=**@{show_name}@{custom_ability4}**}} {{Score=[[@{custom_rank4} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability4" class="nod20 none" value="&{template:default} {{name=**@{show_name}@{custom_ability4}**}} {{Score=[[@{custom_rank4} + @{card_value}]]}}"></button>
        </div>

        <input type="hidden" name="attr_custom_ability5_hide" class="hide" value="0">
        <div class="passthrough">
            <div class="custom-ability">
                <select name="attr_custom_suit5" class="suit no-arrows" title="Define the Suit used by this ability.">
                    <option value="none" selected hidden disabled>?</option>
                    <option>♠</option>
                    <option>♦</option>
                    <option>♣</option>
                    <option>♥</option>
                </select>
                <input type="text" name="attr_custom_ability5" class="bold" placeholder="custom ability name" title="@{custom_ability5}">
            </div>
            <select name="attr_custom_rank5" class="no-arrows" title="@{custom_rank5}">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <input type="hidden" name="attr_custom_suit5" class="suit" value="0">
            <button type="roll" name="roll_custom_ability5" class="nod20 ♦" value="&{template:default} {{name=**@{show_name}@{custom_ability5}**}} {{Score=[[@{custom_rank5} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability5" class="nod20 ♥" value="&{template:default} {{name=**@{show_name}@{custom_ability5}**}} {{Score=[[@{custom_rank5} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability5" class="nod20 ♠" value="&{template:default} {{name=**@{show_name}@{custom_ability5}**}} {{Score=[[@{custom_rank5} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability5" class="nod20 ♣" value="&{template:default} {{name=**@{show_name}@{custom_ability5}**}} {{Score=[[@{custom_rank5} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability5" class="nod20 none" value="&{template:default} {{name=**@{show_name}@{custom_ability5}**}} {{Score=[[@{custom_rank5} + @{card_value}]]}}"></button>
        </div>

        <input type="hidden" name="attr_custom_ability6_hide" class="hide" value="0">
        <div class="passthrough">
            <div class="custom-ability">
                <select name="attr_custom_suit6" class="suit no-arrows" title="Define the Suit used by this ability.">
                    <option value="none" selected hidden disabled>?</option>
                    <option>♠</option>
                    <option>♦</option>
                    <option>♣</option>
                    <option>♥</option>
                </select>
                <input type="text" name="attr_custom_ability6" class="bold" placeholder="custom ability name" title="@{custom_ability6}">
            </div>
            <select name="attr_custom_rank6" class="no-arrows" title="@{custom_rank6}">
                <option value="12" >Extraordinary</option>
                <option value="10" >Exceptional</option>
                <option value="8" >Great</option>
                <option value="6" >Good</option>
                <option value="4"  selected>Average</option>
                <option value="2" >Poor</option>
            </select>
            <input type="hidden" name="attr_custom_suit6" class="suit" value="0">
            <button type="roll" name="roll_custom_ability6" class="nod20 ♦" value="&{template:default} {{name=**@{show_name}@{custom_ability6}**}} {{Score=[[@{custom_rank6} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability6" class="nod20 ♥" value="&{template:default} {{name=**@{show_name}@{custom_ability6}**}} {{Score=[[@{custom_rank6} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability6" class="nod20 ♠" value="&{template:default} {{name=**@{show_name}@{custom_ability6}**}} {{Score=[[@{custom_rank6} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability6" class="nod20 ♣" value="&{template:default} {{name=**@{show_name}@{custom_ability6}**}} {{Score=[[@{custom_rank6} + @{card_value}]]}}"></button>
            <button type="roll" name="roll_custom_ability6" class="nod20 none" value="&{template:default} {{name=**@{show_name}@{custom_ability6}**}} {{Score=[[@{custom_rank6} + @{card_value}]]}}"></button>
        </div>

    </div>
    <div class="other">
        <div class="wounds">
            <h3>Wounds</h3>
            <input type="number" name="attr_wounds" class="no-spinners" value="0">
            <span class="left">Current</span>
            <span class="right">Maximum</span>
            <input type="number" name="attr_wounds_max" class="no-spinners" value="0">
        </div>

        <div class="trappings">
            <h3>Other Matters</h3>
            <details class="money">
                <summary>
                    <h4 title="click me to reveal valuables">Treasury</h4>
                    <span>£</span>
                    <input type="number" name="attr_pounds" value="0" class="no-spinners" title="pounds">
                    <span>&nbsp;</span>
                    <input type="number" name="attr_shillings" value="0" class="no-spinners" title="shillings (20/pound)">
                    <span>/</span>
                    <input type="number" name="attr_pence" value="0" class="no-spinners" title="pennies (12/shilling)">
                    <span>d = £</span>
                    <input type="number" name="attr_money" value="round(250*(@{pounds} +@{shillings}/20 + @{pence}/240))/250" disabled class="no-spinners total" title="total pound value">
                </summary>
                <textarea name="attr_valuables" placeholder="Enter Unusual Valuables Here"></textarea>
            </details>
            <details>
                <textarea name="attr_trappings" placeholder="Enter Equipment Carried"></textarea>
                <summary>
                    <h4 title="click me to reveal space for writing">Trappings</h4>
                </summary>
            </details>
            <details>
                <textarea name="attr_special" placeholder="Enter any Special Abilities here"></textarea>
                <summary>
                    <h4 title="click me to reveal space for writing">Special Abilities</h4>
                </summary>
            </details>
            <details>
                <textarea name="attr_notes" placeholder="Use this space for any notes you want to take"></textarea>
                <summary>
                    <h4 title="click me to reveal space for writing">Personal Notes</h4>
                </summary>
            </details>
        </div>
    </div>
</div>

<!-- Datalist put at the end for clarity -->
<datalist id="archetypes">
    <option>Adventuress</option>
    <option>Anarchist</option>
    <option>Brownie</option>
    <option>Calculation Engineer</option>
    <option>Consulting Detective</option>
    <option>Dashing Hussar</option>
    <option>Demimondaine</option>
    <option>Diplomat</option>
    <option>Dragon Lore</option>
    <option>Dwarf Craftsman</option>
    <option>Explorer</option>
    <option>Faerie Lord/Lady</option>
    <option>Gentleman Thief</option>
    <option>Gentleman/Woman</option>
    <option>Inventor</option>
    <option>Journalist</option>
    <option>Mad Scientist</option>
    <option>Mastermind</option>
    <option>Nobleman/Woman</option>
    <option>Performer</option>
    <option>Physician</option>
    <option>Pixie</option>
    <option>Rogue</option>
    <option>Scientist</option>
    <option>Secret Agent</option>
    <option>Soldier of Fortune</option>
    <option>Steam Engineer</option>
    <option>Wizard</option>
    <option>Writer</option>
</datalist>