Files
roll20-character-sheets/Castle Falkenstein/falkenstein.html
T
2024-06-03 13:15:14 -04:00

869 lines
57 KiB
HTML

<div class="sheet">
<input type="hidden" name="attr_config_hide" class="hide" value="0">
<div class="config">
<div class="config-abilities">
<h3><span data-i18n="abilities">Abilities</span></h3>
<p><span data-i18n="check-abilities"> Check the Abilities you want to be displayed on your sheet.</span></p>
<input type="checkbox" name="attr_athletics_hide" class="toggle" value="1">
<span data-i18n="athletics">Athletics</span>
<input type="checkbox" name="attr_charisma_hide" class="toggle" value="1">
<span data-i18n="charisma">Charisma</span>
<input type="checkbox" name="attr_comeliness_hide" class="toggle" value="1">
<span data-i18n="comeliness">Comeliness</span>
<input type="checkbox" name="attr_connections_hide" class="toggle" value="1">
<span data-i18n="connections">Connections</span>
<input type="checkbox" name="attr_courage_hide" class="toggle" value="1">
<span data-i18n="courage">Courage</span>
<input type="checkbox" name="attr_craftsmanship_hide" class="toggle" value="1">
<span data-i18n="craftsmanship">Craftsmanship</span>
<input type="checkbox" name="attr_education_hide" class="toggle" value="1">
<span data-i18n="education">Education</span>
<input type="checkbox" name="attr_exchequer_hide" class="toggle" value="1">
<span data-i18n="exchequer">Exchequer</span>
<input type="checkbox" name="attr_fencing_hide" class="toggle" value="1">
<span data-i18n="fencing">Fencing</span>
<input type="checkbox" name="attr_fisticuffs_hide" class="toggle" value="1">
<span data-i18n="fisticuffs">Fisticuffs</span>
<input type="checkbox" name="attr_gambling_hide" class="toggle" value="1">
<span data-i18n="gambling">Gambling</span>
<input type="checkbox" name="attr_gunslinging_hide" class="toggle" value="1">
<span data-i18n="gunslinging">Gunslinging</span>
<input type="checkbox" name="attr_helmsmanship_hide" class="toggle" value="1">
<span data-i18n="helmsmanship">Helmsmanship</span>
<input type="checkbox" name="attr_invention_hide" class="toggle" value="1">
<span data-i18n="invention">Invention</span>
<input type="checkbox" name="attr_leadership_hide" class="toggle" value="1">
<span data-i18n="leadership">Leadership</span>
<input type="checkbox" name="attr_marksmanship_hide" class="toggle" value="1">
<span data-i18n="marksmanship">Marksmanship</span>
<input type="checkbox" name="attr_mesmerism_hide" class="toggle" value="1">
<span data-i18n="mesmerism">Mesmerism</span>
<input type="checkbox" name="attr_motoring_hide" class="toggle" value="1">
<span data-i18n="motoring">Motoring</span>
<input type="checkbox" name="attr_natural_sciences_hide" class="toggle" value="1">
<span data-i18n="natural-sciences">Natural Sciences</span>
<input type="checkbox" name="attr_perception_hide" class="toggle" value="1">
<span data-i18n="perception">Perception</span>
<input type="checkbox" name="attr_performance_hide" class="toggle" value="1">
<span data-i18n="performance">Performance</span>
<input type="checkbox" name="attr_physician_hide" class="toggle" value="1">
<span data-i18n="physician">Physician</span>
<input type="checkbox" name="attr_physique_hide" class="toggle" value="1">
<span data-i18n="physique">Physique</span>
<input type="checkbox" name="attr_renown_hide" class="toggle" value="1">
<span data-i18n="renown">Renown</span>
<input type="checkbox" name="attr_riding_hide" class="toggle" value="1">
<span data-i18n="riding">Riding</span>
<input type="checkbox" name="attr_social_graces_hide" class="toggle" value="1">
<span data-i18n="social-graces">Social Graces</span>
<input type="checkbox" name="attr_sorcerous_engineering_hide" class="toggle" value="1">
<span data-i18n="sorcerous-eng">Sorcerous Eng.</span>
<input type="checkbox" name="attr_sorcery_hide" class="toggle" value="1">
<span data-i18n="sorcery">Sorcery</span>
<input type="checkbox" name="attr_stealth_hide" class="toggle" value="1">
<span data-i18n="stealth">Stealth</span>
<input type="checkbox" name="attr_tinkering_hide" class="toggle" value="1">
<span data-i18n="tinkering">Tinkering</span>
<input type="checkbox" name="attr_custom_ability1_hide" class="toggle" value="1">
<span data-i18n="custom1">Custom 1</span>
<input type="checkbox" name="attr_custom_ability2_hide" class="toggle" value="1">
<span data-i18n="custom2">Custom 2</span>
<input type="checkbox" name="attr_custom_ability3_hide" class="toggle" value="1">
<span data-i18n="custom3">Custom 3</span>
<input type="checkbox" name="attr_custom_ability4_hide" class="toggle" value="1">
<span data-i18n="custom4">Custom 4</span>
<input type="checkbox" name="attr_custom_ability5_hide" class="toggle" value="1">
<span data-i18n="custom5">Custom 5</span>
<input type="checkbox" name="attr_custom_ability6_hide" class="toggle" value="1">
<span data-i18n="custom6">Custom 6</span>
</div>
<div class="properties">
<div class="roll">
<h3><span data-i18n="roll-properties">Roll Properties</span></h3>
<div class="card-value">
<input type="checkbox" name="attr_card_value" value="?{Modifier?|0}" id="ask-for-card">
<label for="ask-for-card" data-i18n="ask-value">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" data-i18n="show-name">Show Name</label>
<input type="radio" name="attr_show_name" value=" " id="hide-name">
<label for="hide-name" data-i18n="hide-name">Hide Name</label>
</div>
</div>
<div class="portrait">
<h3><span data-i18n="portrait">Portrait</span></h3>
<div class="img-type">
<input type="radio" name="attr_img_type" value="cover" checked id="contain">
<label for="cover" data-i18n="cover">Cover</label>
<input type="radio" name="attr_img_type" value="contain" id="contain">
<label for="contain" data-i18n="contain">Contain</label>
<input type="radio" name="attr_img_type" value="fill" id="fill">
<label for="fill" data-i18n="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><span data-i18n="castle-falkenstein"> CastlE FalkensteiN </span></h2>
<div class="names">
<h4><span data-i18n="name">Name</span></h4>
<input type="text" name="attr_character_name" title="Enter a short name suitable for macros.">
<h4><span data-i18n="hero-type">Hero Type</span></h4>
<select class="no-arrows" name="attr_hero_type">
<option value="none" selected disabled hidden data-i18n="choose-one">Choose One</option>
<option data-i18n="heroic-hero">Heroic Hero</option>
<option data-i18n="tragic-hero">Tragic Hero</option>
<option data-i18n="flawed-hero">Flawed Hero</option>
<option data-i18n="innocent-heroine">Innocent Heroine</option>
<option data-i18n="clever-heroine">Clever Heroine</option>
<option data-i18n="tragic-heroine">Tragic Heroine</option>
<option data-i18n="fallen-heroine">Fallen Heroine</option>
</select>
<h4> <span data-i18n="archetype">Archetype </span></h4>
<input type="text" name="attr_archetype" list="archetypes" placeholder="Choose Archetype" data-i18n-placeholder="choose-archetype">
</div>
<div class="diary">
<h4><span data-i18n="diary-and-description">Diary and Description</h4>
<textarea name="attr_diary" class="description" placeholder="Write Your Diary and Description" data-i18n-placeholder="write-diary"></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><span data-i18n="abilities">Abilities</span></h3>
</button>
<input type="hidden" name="attr_athletics_hide" class="hide" value="0">
<div class="passthrough">
<span class="bold" data-i18n="athletics"> Athletics </span>
<select name="attr_athletics" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="charisma">Charisma </span>
<select name="attr_charisma" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="comeliness">Comeliness </span>
<select name="attr_comeliness" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="connections">Connections </span>
<select name="attr_connections" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="courage">Courage </span>
<select name="attr_courage" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="craftsmanship">Craftsmanship </span>
<select name="attr_craftsmanship" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="education">Education </span>
<select name="attr_education" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="exchequer">Exchequer </span>
<select name="attr_exchequer" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="fencing">Fencing </span>
<select name="attr_fencing" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="fisticuffs">Fisticuffs </span>
<select name="attr_fisticuffs" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="gambling">Gambling </span>
<select name="attr_gambling" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="gunslinging">Gunslinging </span>
<select name="attr_gunslinging" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="helmsmanship">Helmsmanship </span>
<select name="attr_helmsmanship" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="invention">Invention </span>
<select name="attr_invention" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="leadership">Leadership </span>
<select name="attr_leadership" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="marksmanship">Marksmanship </span>
<select name="attr_marksmanship" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="mesmerism">Mesmerism </span>
<select name="attr_mesmerism" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="motoring">Motoring </span>
<select name="attr_motoring" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="natural-sciences">Natural Sciences </span>
<select name="attr_natural_sciences" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="perception">Perception </span>
<select name="attr_perception" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="performance">Performance </span>
<select name="attr_performance" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="physician">Physician </span>
<select name="attr_physician" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="physique">Physique </span>
<select name="attr_physique" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="renown">Renown </span>
<select name="attr_renown" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="riding">Riding </span>
<select name="attr_riding" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="social-graces">Social Graces </span>
<select name="attr_social_graces" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="sorcerous-engineering">Sorcerous Engineering </span>
<select name="attr_sorcerous_engineering" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="sorcery">Sorcery </span>
<select name="attr_sorcery" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="stealth">Stealth </span>
<select name="attr_stealth" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="tinkering">Tinkering </span>
<select name="attr_tinkering" class="ability-rank no-arrows">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="define-suit" 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" data-i18n-placeholder="custom-name" title="@{custom_ability1}">
</div>
<select name="attr_custom_rank1" class="no-arrows" title="@{custom_rank1}">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="define-suit" 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" data-i18n-placeholder="custom-name" title="@{custom_ability2}">
</div>
<select name="attr_custom_rank2" class="no-arrows" title="@{custom_rank2}">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="define-suit" 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" data-i18n-placeholder="custom-name" title="@{custom_ability3}">
</div>
<select name="attr_custom_rank3" class="no-arrows" title="@{custom_rank3}">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="define-suit" 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" data-i18n-placeholder="custom-name" title="@{custom_ability4}">
</div>
<select name="attr_custom_rank4" class="no-arrows" title="@{custom_rank4}">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="define-suit" 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" data-i18n-placeholder="custom-name" title="@{custom_ability5}">
</div>
<select name="attr_custom_rank5" class="no-arrows" title="@{custom_rank5}">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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" data-i18n="define-suit" 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" data-i18n-placeholder="custom-name" title="@{custom_ability6}">
</div>
<select name="attr_custom_rank6" class="no-arrows" title="@{custom_rank6}">
<option value="12" data-i18n="extraordinary">Extraordinary</option>
<option value="10" data-i18n="exceptional">Exceptional</option>
<option value="8" data-i18n="great">Great</option>
<option value="6" data-i18n="good">Good</option>
<option value="4" data-i18n="average" selected>Average</option>
<option value="2" data-i18n="poor">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><span data-i18n="wounds">Wounds</span></h3>
<input type="number" name="attr_wounds" class="no-spinners" value="0">
<span class="left" data-i18n="current">Current</span>
<span class="right" data-i18n="maximum">Maximum</span>
<input type="number" name="attr_wounds_max" class="no-spinners" value="0">
</div>
<div class="trappings">
<h3><span data-i18n="other-matters">Other Matters</span></h3>
<details class="money">
<summary>
<h4 title="click me to reveal valuables" data-i18n="treasury">Treasury</h4>
<span>£</span>
<input type="number" name="attr_pounds" value="0" class="no-spinners" data-i18n="pounds" title="pounds">
<span>&nbsp;</span>
<input type="number" name="attr_shillings" value="0" class="no-spinners" data-i18n="shillings-pound" title="shillings (20/pound)">
<span>/</span>
<input type="number" name="attr_pence" value="0" class="no-spinners" data-i18n="pennies" title="pennies (12/shilling)">
<span>d = £</span>
<input type="number" name="attr_money" value="" readonly class="no-spinners total" data-i18n="total-pound" title="total pound value">
</summary>
<textarea name="attr_valuables" data-i18n-placeholder="unusual-values" placeholder="Enter Unusual Valuables Here"></textarea>
</details>
<details>
<textarea name="attr_trappings" data-i18n-placeholder="equipament" placeholder="Enter Equipment Carried"></textarea>
<summary>
<h4 title="click me to reveal space for writing" data-i18n="trappings">Trappings</h4>
</summary>
</details>
<details>
<textarea name="attr_special" data-i18n-placeholder="special-here" placeholder="Enter any Special Abilities here"></textarea>
<summary>
<h4 title="click me to reveal space for writing" data-i18n="special-abilities">Special Abilities</h4>
</summary>
</details>
<details>
<textarea name="attr_notes" data-i18n-placeholder="notes" placeholder="Use this space for any notes you want to take"></textarea>
<summary>
<h4 title="click me to reveal space for writing" data-i18n="personal-notes">Personal Notes</h4>
</summary>
</details>
</div>
</div>
</div>
<!-- Datalist put at the end for clarity -->
<datalist id="archetypes">
<option data-i18n="adventuress">Adventuress</option>
<option data-i18n="anarchist">Anarchist</option>
<option data-i18n="brownie">Brownie</option>
<option data-i18n="calculation-engineer">Calculation Engineer</option>
<option data-i18n="consulting-detective">Consulting Detective</option>
<option data-i18n="dashing-hussar">Dashing Hussar</option>
<option data-i18n="demimondaine">Demimondaine</option>
<option data-i18n="diplomat">Diplomat</option>
<option data-i18n="dragon-lord">Dragon Lord</option>
<option data-i18n="dwarf-craftsman">Dwarf Craftsman</option>
<option data-i18n="explorer">Explorer</option>
<option data-i18n="faerie-lord-lady">Faerie Lord/Lady</option>
<option data-i18n="gentleman-thief">Gentleman Thief</option>
<option data-i18n="gentleman-woman">Gentleman/Woman</option>
<option data-i18n="inventor">Inventor</option>
<option data-i18n="journalist">Journalist</option>
<option data-i18n="mad-scientist">Mad Scientist</option>
<option data-i18n="mastermind">Mastermind</option>
<option data-i18n="nobleman-woman">Nobleman/Woman</option>
<option data-i18n="performer">Performer</option>
<option data-i18n="physician-arq">Physician</option>
<option data-i18n="pixie">Pixie</option>
<option data-i18n="rogue">Rogue</option>
<option data-i18n="scientist">Scientist</option>
<option data-i18n="secret-agent">Secret Agent</option>
<option data-i18n="soldier-of-fortune">Soldier of Fortune</option>
<option data-i18n="steam-engineer">Steam Engineer</option>
<option data-i18n="wizard">Wizard</option>
<option data-i18n="writer">Writer</option>
</datalist>
<script type="text/worker">
on('change:wounds change:wounds_max sheet:opened', function() {
getAttrs(['wounds', 'wounds_max'], function(values) {
const current = +values.wounds || 0;
const max = +values.wounds_max || 0;
if (current > max || max < current) {
setAttrs({
wounds: max,
silent: true
});
}
});
});
on('change:pence change:shillings change:pounds sheet:opened', function() {
getAttrs(['pence', 'shillings', 'pounds'], function(values) {
const pence = +values.pence || 0;
const shillings = +values.shillings || 0;
const pounds = +values.pounds || 0;
const amount = pounds + (shillings/20) + (pence/240);
const money = Math.round(amount * 100) / 100;
setAttrs({money});
});
});
</script>