slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Re-layouted sheet

Browse Source 
arranged sections closer to the character sheet
This commit is contained in:
Twylleth
2021-02-11 20:24:49 +01:00
parent fc35e59170
commit a44af65e60
2 changed files with 590 additions and 544 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Storm-Furies/storm-furies.css
+152 -109
View File
@@ -703,12 +703,13 @@ input.sheet-zero:checked+span {
align-items: start;
gap: 5px;
font-size: 12px;
grid-template: 50px 23px repeat(4, auto)/6.5fr 4.1fr 5.2fr 4.8fr;
/* grid-template: 50px 23px repeat(4, auto)/6.5fr 4.1fr 5.2fr 4.8fr;*/
grid-template: 100px 150px 350px 90px 1fr / 3fr 1fr 3fr 3fr 3fr;
}
.sheet-logo {
grid-column: 1;
grid-row: span 2;
grid-row: 1;
align-self: stretch;
}
@@ -737,7 +738,7 @@ input.sheet-zero:checked+span {
}
.sheet-glory {
grid-column: span 2;
grid-column: span 3;
align-self: stretch;
}
@@ -758,6 +759,7 @@ input.sheet-zero:checked+span {
}
.sheet-namebox {
grid-column: span 2;
align-self: stretch;
}
@@ -787,9 +789,10 @@ input.sheet-zero:checked+span {
.sheet-info {
display: grid;
align-content: start;
grid-row: 3;
grid-column: 1;
grid-row: 1;
grid-column: span 4;
grid-gap: 10px;
grid-template: auto / 1fr 1fr;
}
.sheet-info .sheet-infobox {
@@ -846,28 +849,6 @@ input.sheet-zero:checked+span {
border-left: 2px solid black;
}
.sheet-honored-god {
position: relative;
}
.sheet-honored-god label {
position: absolute;
z-index: 5;
width: auto;
height: 12px;
right: -6px;
margin: 0;
padding: 0;
}
.sheet-honored-god label:first-of-type {
top: calc(25% - 6px);
}
.sheet-honored-god label:last-of-type {
bottom: calc(25% - 6px);
}
button[type="roll"].sheet-domain-button-command {
/*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Agon%20Official/Assets/arts_oration.png");*/
background: url("https://agilepraxis.de/wp-content/uploads/2021/01/command.png");
@@ -894,10 +875,11 @@ button[type="roll"].sheet-domain-button-systems {
line-height: 1;
align-content: start;
align-self: start;
grid-row: 2 / 4;
grid-column: 2;
grid-row: 2;
grid-column: span 3;
grid-gap: 10px;
margin-top: 5px;
grid-template: 1fr 1fr / 1fr 1fr;
}
.charsheet .sheet-domains .sheet-title {
@@ -954,6 +936,18 @@ button[type="roll"].sheet-domain-button-systems {
background-position: 8px center;
}
.sheet-domains .sheet-flight-logo {
grid-row: span 2;
}
.sheet-charges-burn {
grid-row: span 1;
grid-column: span 3;
display: grid;
grid-template: auto / 3fr 55px 3fr;
}
.sheet-charges {
position: relative;
left: -17px;
@@ -1077,8 +1071,8 @@ button[type="roll"].sheet-domain-button-systems {
left: -17px;
width: calc(100% + 17px);
min-height: 155px;
grid-row: 6;
grid-column: span 4;
grid-row: span 1;
grid-column: 5;
}
.sheet-recite>.sheet-title {
@@ -1089,9 +1083,10 @@ button[type="roll"].sheet-domain-button-systems {
gap: 3px 5px;
column-gap: 5px;
row-gap: 3px;
display: grid;
display: flex;
align-content: start;
grid-template: auto/repeat(5, 1fr);
/* grid-template: repeat(5, 1fr)/auto;*/
flex-direction: column;
padding-left: 5px;
}
@@ -1123,60 +1118,17 @@ button[type="roll"].sheet-domain-button-systems {
font-style: italic;
}
.sheet-burn-bonds {
grid-row: span 3;
.sheet-bonds {
grid-row: span 1;
align-self: stretch;
align-items: start;
border-left: 2px solid black;
display: grid;
grid-template: auto / 57px 1fr;
display: flex;
flex-direction: column;
margin: 5px 0 0 5px;
}
.sheet-burn-bonds .sheet-burn-fate {
border-right: 2px solid black;
border-bottom: 2px solid black;
display: flex;
align-items: center;
flex-flow: column;
padding-bottom: 8px;
}
.sheet-burn-bonds .sheet-burn-fate input[type="checkbox"].sheet-circlebox, .sheet-burn-bonds .sheet-burn-fate input[type="checkbox"].sheet-squarebox {
margin-right: 0;
margin-bottom: -12px;
}
.sheet-burn-bonds .sheet-burn-fate .sheet-title {
text-transform: uppercase;
font-size: 12px;
font-family: "Orbitron", serif;
padding: 0 1px;
text-align: center;
margin-bottom: 5px;
}
.sheet-burn-bonds .sheet-burnout {
text-transform: uppercase;
font-size: 12px;
font-family: "Orbitron", serif;
width: 100%;
background: #bbb;
text-align: center;
color: black;
}
.sheet-burn-bonds .sheet-fate {
text-transform: uppercase;
font-size: 12px;
font-family: "Orbitron", serif;
width: 100%;
text-align: center;
background: black;
color: white;
}
.sheet-burn-bonds .sheet-bonds .sheet-title {
.sheet-bonds .sheet-title {
text-transform: uppercase;
font-size: 12px;
font-family: "Orbitron", serif;
@@ -1184,7 +1136,7 @@ button[type="roll"].sheet-domain-button-systems {
margin-bottom: 5px;
}
.sheet-burn-bonds .sheet-bonds .repitem {
.sheet-bonds .repitem {
display: grid;
padding: 0 3px;
border-bottom: 2px solid #999;
@@ -1192,32 +1144,28 @@ button[type="roll"].sheet-domain-button-systems {
margin-bottom: 4px;
}
.sheet-burn-bonds .sheet-bonds input[type="number"] {
.sheet-bonds input[type="number"] {
font-size: 12px;
width: 100%;
}
.sheet-burn-bonds .sheet-bonds .repitem input[type="text"] {
.sheet-bonds .repitem input[type="text"] {
font-size: 12px;
width: 100%;
}
.sheet-burn-bonds .repcontrol {
padding-left: 2px;
}
.sheet-burn-bonds .sheet-bond-uses {
.sheet-bonds .sheet-bond-uses {
margin-top: 10px;
}
.sheet-burn-bonds .sheet-bond-uses .sheet-top {
.sheet-bonds .sheet-bond-uses .sheet-top {
font-style: italic;
text-align: center;
line-height: 1.1;
padding: 0 3px;
}
.sheet-burn-bonds .sheet-bond-uses .sheet-bond-use {
.sheet-bonds .sheet-bond-uses .sheet-bond-use {
text-transform: uppercase;
font-size: 12px;
font-family: "Orbitron", serif;
@@ -1227,13 +1175,14 @@ button[type="roll"].sheet-domain-button-systems {
background: #ddd;
}
.sheet-commendations-boons {
grid-row: span 4;
.sheet-commendations {
/*grid-row: span 4;*/
margin-top: 5px;
border-left: 2px solid black;
}
.sheet-commendations-boons .sheet-title {
.sheet-commendations .sheet-title {
text-transform: uppercase;
font-size: 12px;
font-family: "Orbitron", serif;
@@ -1241,36 +1190,126 @@ button[type="roll"].sheet-domain-button-systems {
margin-bottom: 5px;
}
.sheet-commendations-boons .repitem {
.sheet-commendations .repitem {
display: flex;
padding: 0 2px;
border-bottom: 2px solid #999;
margin-bottom: 3px;
}
.sheet-commendations-boons .repitem .sheet-squarebox {
.sheet-commendations .repitem .sheet-squarebox {
margin: 3px -12px 0 3px;
}
.sheet-commendations-boons .repitem .sheet-squarebox+span {
.sheet-commendations .repitem .sheet-squarebox+span {
margin: 3px 5px 0 0;
}
.sheet-commendations-boons .sheet-auto-expand {
.sheet-commendations .sheet-auto-expand {
flex: 1 1 auto;
margin: 3px 0;
min-height: 14px;
}
.sheet-commendations-boons .repcontrol {
.sheet-charges-burn .sheet-burn-fate {
border-right: 2px solid black;
border-bottom: 2px solid black;
display: flex;
align-items: center;
flex-flow: column;
padding-bottom: 8px;
}
.sheet-charges-burn .sheet-burn-fate input[type="checkbox"].sheet-circlebox, .sheet-charges-burn .sheet-burn-fate input[type="checkbox"].sheet-squarebox {
margin-right: 0;
margin-bottom: -12px;
}
.sheet-charges-burn .sheet-burn-fate .sheet-title {
text-transform: uppercase;
font-size: 12px;
font-family: "Orbitron", serif;
padding: 0 1px;
text-align: center;
margin-bottom: 5px;
}
.sheet-charges-burn .sheet-burnout {
text-transform: uppercase;
font-size: 12px;
font-family: "Orbitron", serif;
width: 100%;
background: #bbb;
text-align: center;
color: black;
}
.sheet-charges-burn .sheet-fate {
text-transform: uppercase;
font-size: 12px;
font-family: "Orbitron", serif;
width: 100%;
text-align: center;
background: black;
color: white;
}
.sheet-charges-burn .repcontrol {
padding-left: 2px;
}
.sheet-commendations-boons .sheet-boons {
.sheet-advances {
grid-column: span 5;
margin-top: 5px;
}
.sheet-advances > .sheet-content {
display: grid;
grid-template: 50px 50px/25% 25% 25% 25%;
}
.sheet-advances .sheet-title {
text-transform: uppercase;
font-size: 12px;
font-family: "Orbitron", serif;
padding-left: 2px;
margin-bottom: 5px;
}
.sheet-advances .repitem {
display: flex;
padding: 0 2px;
border-bottom: 2px solid #999;
margin-bottom: 3px;
}
.sheet-advances .repitem .sheet-squarebox {
margin: 3px -12px 0 3px;
}
.sheet-advances .repitem .sheet-squarebox+span {
margin: 3px 5px 0 0;
}
.sheet-advances .sheet-auto-expand {
flex: 1 1 auto;
margin: 3px 0;
min-height: 14px;
}
.sheet-advances .repcontrol {
padding-left: 2px;
}
.sheet-advances .sheet-boons {
margin-top: 10px;
}
.sheet-commendations-boons .sheet-boon {
.sheet-advances .sheet-boon {
display: flex;
background-color: #cad8dc;
padding: 4px;
@@ -1278,31 +1317,35 @@ button[type="roll"].sheet-domain-button-systems {
margin: 5px 0 0 3px;
}
.sheet-commendations-boons .sheet-boon .sheet-squarebox+span {
.sheet-advances .sheet-boon .sheet-squarebox+span {
margin-right: 5px;
}
.sheet-commendations-boons .sheet-divider {
.sheet-advances .sheet-divider {
height: 2px;
background: black;
margin-top: 5px;
}
.sheet-style-notes {
border-left: 2px solid black;
/* border-left: 2px solid black;
width: calc(100% -7px);
padding-left: 3px;
min-height: 135px;
grid-column: 3;
grid-row: 5;
min-height: 135px;*/
margin-top: 5px;
grid-column: span 5;
}
.sheet-style-notes .sheet-auto-expand {
min-height: 90px;
}
.sheet-style-notes>.sheet-title {
width: 135px;
.sheet-style-notes >.sheet-title {
text-transform: uppercase;
font-size: 12px;
font-family: "Orbitron", serif;
padding-left: 2px;
margin-bottom: 5px;
}
.sheet-rolltemplate-stormfury-pilot .sheet-holder, .sheet-rolltemplate-stormfury-thread .sheet-holder {
Storm-Furies/storm-furies.html
+438 -435
View File
@@ -36,6 +36,431 @@
</div>
<div class="sheet-type-character">
<div class="logo"></div>
<div class="info">
<div class="infobox">
<div class="title">
<div class="auto-expand"><span data-i18n="role" name="attr_role_label">Role</span>
<textarea spellcheck="false" data-i18n="role" name="attr_role_label">Role</textarea>
</div>
</div>
<div class="content epithet">
<div class="auto-expand"><span name="attr_epithet"></span>
<textarea spellcheck="false" name="attr_epithet"></textarea>
</div>
<select name="attr_role_die">
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
</select>
</div>
</div>
<input class="hider" type="hidden" name="attr_boons_4_check_1" value="0" />
<div class="infobox">
<div class="title">
<div class="auto-expand"><span name="attr_role_label">Role</span>
<textarea spellcheck="false" name="attr_role_label">Role</textarea>
</div>
</div>
<div class="content epithet">
<div class="auto-expand"><span name="attr_role_2"></span>
<textarea spellcheck="false" name="attr_role_2"></textarea>
</div>
</div>
</div>
<div class="infobox">
<div class="title">
<div class="auto-expand"><span name="attr_callsign_label">Call Sign</span>
<textarea spellcheck="false" name="attr_callsign_label">Call Sign</textarea>
</div>
</div>
<div class="content character-name">
<input type="text" spellcheck="false" name="attr_character_name" />
<select name="attr_callsign_die">
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select>
</div>
</div>
<div class="infobox">
<div class="title">
<div class="auto-expand"><span name="attr_name_pronouns_label">Name &sol; Pronouns</span>
<textarea spellcheck="false" name="attr_name_pronouns_label">Name &sol; Pronouns</textarea>
</div>
</div>
<div class="content lineage-pronouns">
<div class="auto-expand"><span name="attr_name_pronouns"></span>
<textarea spellcheck="false" name="attr_name_pronouns"></textarea>
</div>
</div>
</div>
<div class="infobox">
<div class="title">
<div class="auto-expand"><span name="attr_rank_label">Rank</span>
<textarea spellcheck="false" name="attr_rank_label">Rank</textarea>
</div>
</div>
<div class="content honored-god">
<div class="auto-expand"><span name="attr_rank"></span>
<textarea spellcheck="false" name="attr_rank"></textarea>
</div>
</div>
</div>
</div>
<div class="domains">
<!-- <input class="title" type="text" spellcheck="false" data-i18n="domains" name="attr_domains_label"
value="Domains" />-->
<div class="domain">
<button class="domain-button-command" name="roll_command" type="roll"
value="&amp;{template:stormfury-pilot} {{name=@{character_name}}} {{type=command}} {{obstacle=[[@{target_query}]]}} {{@{role_and_callsign_query} + @{command_die}[@{command_translated}] @{command_extra_domain_query} + @{bonusdice_query}[@{advantage_bond_support_translated}]}k2 + @{charges_query}d4k1[@{charges_label}] ]]}}"><span
name="attr_command_label"></span></button> <!-- name tag for translation missing -->
<select name="attr_command_die">
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
</select>
</div>
<div class="domain">
<button class="domain-button-tactical" name="roll_tactical" type="roll"
value="&amp;{template:stormfury-pilot} {{name=@{character_name}}} {{type=tactical}} {{obstacle=[[@{target_query}]]}} {{@{role_and_callsign_query} + @{tactical_die}[@{tactical_translated}] @{tactical_extra_domain_query} + @{bonusdice_query}[@{advantage_bond_support_translated}]}k2 + @{charges_query}d4k1[@{charges_label}] ]]}}"><span
name="attr_tactical_label"></span></button> <!-- name tag for translation missing -->
<select name="attr_tactical_die">
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
</select>
</div>
<div class="domain">
<button class="domain-button-operations" name="roll_operations" type="roll"
value="&amp;{template:stormfury-pilot} {{name=@{character_name}}} {{type=operations}} {{obstacle=[[@{target_query}]]}} {{@{role_and_callsign_query} + @{operations_die}[@{operations_translated}] @{operations_extra_domain_query} + @{bonusdice_query}[@{advantage_bond_support_translated}]}k2 + @{charges_query}d4k1[@{charges_label}] ]]}}"><span
name="attr_operations_label"></span></button> <!-- name tag for translation missing -->
<select name="attr_operations_die">
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
</select>
</div>
<div class="domain">
<button class="domain-button-systems" name="roll_systems" type="roll"
value="&amp;{template:stormfury-pilot} {{name=@{character_name}}} {{type=systems}} {{obstacle=[[@{target_query}]]}} {{@{role_and_callsign_query} + @{systems_die}[@{systems_translated}] @{systems_extra_domain_query} + @{bonusdice_query}[@{advantage_bond_support_translated}]}k2 + @{charges_query}d4k1[@{charges_label}] ]]}}"><span
name="attr_systems_label"></span></button> <!-- name tag for translation missing -->
<select name="attr_systems_die">
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
</select>
</div>
</div>
<div class="bonds-commendations">
<div class="bonds">
<input class="title" type="text" spellcheck="false" name="attr_bonds_label" value="Bonds" />
<fieldset class="repeating_bonds">
<input class="bond-number" type="number" name="attr_bond_number" value="0" />
<input class="bond-name" type="text" spellcheck="false" name="attr_bond_name" />
</fieldset>
<div class="bond-uses">
<div class="auto-expand top"><span name="attr_bond_use_top_label">When you use a Bond, ask them to:</span>
<textarea spellcheck="false" name="attr_bond_use_top_label">When you use a Bond, ask them to:</textarea>
</div>
<div class="auto-expand bond-use"><span name="attr_bond_use_1_label">Bolster you</span>
<textarea spellcheck="false" name="attr_bond_use_1_label">Bolster you</textarea>
</div>
<div class="auto-expand bond-use"><span name="attr_bond_use_2_label">Block Harm or Fate for you</span>
<textarea spellcheck="false" name="attr_bond_use_2_label">Block Harm or Fate for you</textarea>
</div>
<div class="auto-expand bond-use"><span name="attr_bond_use_3_label">Follow your lead</span>
<textarea spellcheck="false" name="attr_bond_use_3_label">Follow your lead</textarea>
</div>
</div>
</div>
<div class="commendations">
<input class="title" type="text" spellcheck="false" name="attr_commendations_label" value="Commendations" />
<!-- missing name for translation -->
<fieldset class="repeating_deeds">
<input class="squarebox" type="checkbox" name="attr_commendation_check" value="1" /><span></span>
<div class="auto-expand deed-name"><span name="attr_commendation_name"></span>
<textarea spellcheck="false" name="attr_commendation_name" data-i18n-placeholder="commendation"></textarea>
</div>
</fieldset>
</div>
</div>
<div class="title-vertical recite">
<input class="title" type="text" spellcheck="false" name="attr_recite_deeds_label"="Recite your deeds" />
<!-- missing name for translation -->
<div class="content">
<div class="auto-expand"><span name="attr_recite_top_label">How does your Role, Burn (an added Domain), or
Charges manifest in the contest?</span>
<textarea spellcheck="false"
name="attr_recite_top_label">How does your Role, Burn (an added Domain), or Charges manifest in the contest?</textarea>
</div>
<div class="recite-box">
<input class="title" type="text" spellcheck="false" value="Command" /> <!-- missing name for translation -->
<div class="auto-expand"><span name="attr_recite_command_label">What squadron strategy did you use?&#10;How
did we see your willpower in action?&#10;How were passions stirred or truths attested?</span>
<textarea spellcheck="false"
name="attr_recite_command_label">What squadron strategy did you use?&#10;How did we see your willpower in action?&#10;How were passions stirred or truths attested?</textarea>
</div>
</div>
<div class="recite-box">
<input class="title" type="text" spellcheck="false" value="Tactical" /> <!-- missing name for translation -->
<div class="auto-expand"><span name="attr_recite_tactical_label">How was blood spilled?&#10;How was your
strength, agility, or courage shown?&#10;How did you take our breath away?</span>
<textarea spellcheck="false"
name="attr_recite_tactical_label">How was blood spilled?&#10;How was your strength, agility, or courage shown?&#10;How did you take our breath away?</textarea>
</div>
</div>
<div class="recite-box">
<input class="title" type="text" spellcheck="false" value="Operations" />
<!-- missing name for translation -->
<div class="auto-expand"><span name="attr_recite_operations_label">How was your knowledge or creativity
shown?&#10;How was trickery or intrigue displayed?&#10;How did you figure it out?</span>
<textarea spellcheck="false"
name="attr_recite_operations_label">How was your knowledge or creativity shown?&#10;How was trickery or intrigue displayed?&#10;How did you figure it out?</textarea>
</div>
</div>
<div class="recite-box">
<input class="title" type="text" spellcheck="false" value="Systems" /> <!-- missing name for translation -->
<div class="auto-expand"><span name="attr_recite_systems_label">How did you teach something?&#10;How did you
employ technology to your means?&#10;How did science help your purpose?</span>
<textarea spellcheck="false"
name="attr_recite_systems_label">How did you teach something?&#10;How did you employ technology to your means?&#10;How did science help your purpose?</textarea>
</div>
</div>
<div class="recite-box">
<input class="title" type="text" spellcheck="false" value="Suffer" /> <!-- missing name for translation -->
<div class="auto-expand"><span>How did you fall short?&#10;Did you overreach yourself?&#10;Was the opponent
too great?&#10;Was it bad luck?</span>
<textarea
spellcheck="false">How did you fall short?&#10;Did you overreach yourself?&#10;Was the opponent too great?&#10;Was it bad luck?</textarea>
</div>
</div>
</div>
</div>
<div class="charges-burn">
<div class="flightsystems left">
<div class="chargebox">
<input class="label" type="text" spellcheck="false" name="attr_flightclass_label" value="Flight Class" />
<!-- <input type="textarea" spellcheck="false" value=""/> -->
<select name="attr_flightclass">
<option value="fox">Fox</option>
<option value="owl">Owl</option>
<option value="raven">Raven</option>
<option value="wolf">Wolf</option>
</select>
<label>
<input class="diamondbox" type="checkbox" name="attr_flightclass_1" value="1" /><span></span>
</label>
</div>
<div class="chargebox">
<input class="label" type="text" spellcheck="false" value="Flight Systems" />
<input type="text" spellcheck="false" value="Power &amp; Sensors" />
<label>
<input class="diamondbox" type="checkbox" name="attr_flightsystems_1" value="1" /><span></span>
</label>
<label>
<input class="diamondbox" type="checkbox" name="attr_flightsystems_2" value="1" /><span></span>
</label>
</div>
<div class="chargebox">
<input class="label" type="text" spellcheck="false" name="attr_maneuvers_label" value="Maneuvers" />
<input type="text" spellcheck="false" value="" />
<label>
<input class="diamondbox" type="checkbox" name="attr_flight_maneuvers_1" value="1" /><span></span>
</label>
<label>
<input class="diamondbox" type="checkbox" name="attr_flight_maneuvers_2" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" name="attr_bravado_label" value="Bravado" />
<input class="hidden fakeradio" type="checkbox" name="attr_bravado_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_bravado_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_bravado_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_bravado_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_bravado_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_bravado_burn" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" name="attr_courage_label" value="Courage" />
<input class="hidden fakeradio" type="checkbox" name="attr_courage_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_courage_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_courage_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_courage_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_courage_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_courage_burn" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" name="attr_devotion_label" value="Devotion" />
<input class="hidden fakeradio" type="checkbox" name="attr_devotion_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_devotion_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_devotion_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_devotion_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_devotion_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_devotion_burn" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" name="attr_duty_label" value="Duty" />
<input class="hidden fakeradio" type="checkbox" name="attr_duty_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_duty_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_duty_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_duty_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_duty_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_duty_burn" value="1" /><span></span>
</label>
</div>
</div>
<div class="burn">
<div class="burn-fate">
<input class="title" type="text" spellcheck="false" name="attr_burn_label" value="Burn" />
<input class="hidden fakeradio" type="checkbox" name="attr_burn" value="0" checked="checked" />
<input class="circlebox fakeradio" type="checkbox" name="attr_burn" value="1" /><span></span>
<div class="floating-vert-bar"></div>
<input class="circlebox fakeradio" type="checkbox" name="attr_burn" value="2" /><span></span>
<div class="floating-vert-bar"></div>
<input class="circlebox fakeradio" type="checkbox" name="attr_burn" value="3" /><span></span>
<div class="floating-vert-bar"></div>
<input class="circlebox fakeradio" type="checkbox" name="attr_burn" value="4" /><span></span>
<div class="floating-vert-bar"></div>
<input class="circlebox fakeradio" type="checkbox" name="attr_burn" value="5" /><span></span>
<div class="floating-vert-bar"></div>
<input class="burnout" type="text" spellcheck="false" name="attr_burnout_label" value="Out" />
<div class="floating-vert-bar"></div>
<input class="circlebox fakeradio" type="checkbox" name="attr_burn" value="6" /><span></span>
<div class="floating-vert-bar"></div>
<input class="fate" type="text" spellcheck="false" name="attr_fate_label" value="Fate" />
<div class="floating-vert-bar"></div>
<input class="hidden fakeradio2" type="checkbox" name="attr_fate" value="0" checked="checked" />
<input class="squarebox fakeradio2 dot" type="checkbox" name="attr_fate" value="1" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2" type="checkbox" name="attr_fate" value="2" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2" type="checkbox" name="attr_fate" value="3" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2 dot" type="checkbox" name="attr_fate" value="4" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2" type="checkbox" name="attr_fate" value="5" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2" type="checkbox" name="attr_fate" value="6" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2" type="checkbox" name="attr_fate" value="7" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2 dot" type="checkbox" name="attr_fate" value="8" /><span></span>
</div>
</div>
<div class="flightsystems right">
<div class="chargebox">
<input class="label" type="text" spellcheck="false" name="attr_combatclass_label" value="Combat Class" />
<!-- <input type="textarea" spellcheck="false" value=""/> -->
<select name="attr_combatclass">
<option value="blade">Blade</option>
<option value="claw">Claw</option>
<option value="hammer">Hammer</option>
<option value="spear">Spear</option>
</select>
<label>
<input class="diamondbox" type="checkbox" name="attr_combatclass_1" value="1" /><span></span>
</label>
</div>
<div class="chargebox">
<input class="label" type="text" spellcheck="false" value="Combat Systems" />
<input type="text" spellcheck="false" value="Shields &amp; Weapons" />
<label>
<input class="diamondbox" type="checkbox" name="attr_combatsystems_1" value="1" /><span></span>
</label>
<label>
<input class="diamondbox" type="checkbox" name="attr_combatsystems_2" value="1" /><span></span>
</label>
</div>
<div class="chargebox">
<input class="label" type="text" spellcheck="false" name="attr_maneuvers_label" value="Maneuvers" />
<input type="text" spellcheck="false" value="" />
<label>
<input class="diamondbox" type="checkbox" name="attr_combat_maneuvers_1" value="1" /><span></span>
</label>
<label>
<input class="diamondbox" type="checkbox" name="attr_combat_maneuvers_2" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" value="Honor" />
<input class="hidden fakeradio" type="checkbox" name="attr_honor_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_honor_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_honor_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_honor_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_honor_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_honor_burn" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" name="attr_passion_label" value="Passion" />
<input class="hidden fakeradio" type="checkbox" name="attr_passion_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_passion_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_passion_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_passion_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_passion_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_passion_burn" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" value="Wrath" />
<input class="hidden fakeradio" type="checkbox" name="attr_wrath_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_wrath_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_wrath_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_wrath_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_wrath_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_wrath_burn" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" name="attr_forged_label" value="Forged" />
<input class="hidden fakeradio" type="checkbox" name="attr_forged_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_forged_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_forged_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_forged_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_forged_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_forged_burn" value="1" /><span></span>
</label>
</div>
</div>
</div>
<!-- <div class="title-vertical charges">
<input class="title" type="text" spellcheck="false" name="attr_stormcraft_label" value="Stormcraft" />
<div class="content">
</div>
</div>-->
<!-- <div class="title-vertical pilot-expr">
<input class="title" type="text" spellcheck="false" name="attr_expressions_label" value="Expressions" />
<div class="content">
-->
<div class="title-vertical glory">
<input class="title" type="text" spellcheck="false" data-i18n="glory" name="attr_glory_label" value="Glory" />
<div class="content">
@@ -160,438 +585,9 @@
</label>
</div>
</div>
<div class="info">
<div class="infobox">
<div class="title">
<div class="auto-expand"><span data-i18n="role" name="attr_role_label">Role</span>
<textarea spellcheck="false" data-i18n="role" name="attr_role_label">Role</textarea>
</div>
</div>
<div class="content epithet">
<div class="auto-expand"><span name="attr_epithet"></span>
<textarea spellcheck="false" name="attr_epithet"></textarea>
</div>
<select name="attr_role_die">
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
</select>
</div>
</div>
<input class="hider" type="hidden" name="attr_boons_4_check_1" value="0" />
<div class="infobox">
<div class="title">
<div class="auto-expand"><span name="attr_role_label">Role</span>
<textarea spellcheck="false" name="attr_role_label">Role</textarea>
</div>
</div>
<div class="content epithet">
<div class="auto-expand"><span name="attr_role_2"></span>
<textarea spellcheck="false" name="attr_role_2"></textarea>
</div>
</div>
</div>
<div class="infobox">
<div class="title">
<div class="auto-expand"><span name="attr_callsign_label">Call Sign</span>
<textarea spellcheck="false" name="attr_callsign_label">Call Sign</textarea>
</div>
</div>
<div class="content character-name">
<input type="text" spellcheck="false" name="attr_character_name" />
<select name="attr_callsign_die">
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
</select>
</div>
</div>
<div class="infobox">
<div class="title">
<div class="auto-expand"><span name="attr_name_pronouns_label">Name &sol; Pronouns</span>
<textarea spellcheck="false" name="attr_name_pronouns_label">Name &sol; Pronouns</textarea>
</div>
</div>
<div class="content lineage-pronouns">
<div class="auto-expand"><span name="attr_name_pronouns"></span>
<textarea spellcheck="false" name="attr_name_pronouns"></textarea>
</div>
</div>
</div>
<div class="infobox">
<div class="title">
<div class="auto-expand"><span name="attr_rank_label">Rank</span>
<textarea spellcheck="false" name="attr_rank_label">Rank</textarea>
</div>
</div>
<div class="content honored-god">
<div class="auto-expand"><span name="attr_rank"></span>
<textarea spellcheck="false" name="attr_rank"></textarea>
</div>
</div>
</div>
</div>
<div class="domains">
<input class="title" type="text" spellcheck="false" data-i18n="domains" name="attr_domains_label"
value="Domains" />
<div class="domain">
<button class="domain-button-command" name="roll_command" type="roll"
value="&amp;{template:stormfury-pilot} {{name=@{character_name}}} {{type=command}} {{obstacle=[[@{target_query}]]}} {{@{role_and_callsign_query} + @{command_die}[@{command_translated}] @{command_extra_domain_query} + @{bonusdice_query}[@{advantage_bond_support_translated}]}k2 + @{charges_query}d4k1[@{charges_label}] ]]}}"><span
name="attr_command_label"></span></button> <!-- name tag for translation missing -->
<select name="attr_command_die">
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
</select>
</div>
<div class="domain">
<button class="domain-button-tactical" name="roll_tactical" type="roll"
value="&amp;{template:stormfury-pilot} {{name=@{character_name}}} {{type=tactical}} {{obstacle=[[@{target_query}]]}} {{@{role_and_callsign_query} + @{tactical_die}[@{tactical_translated}] @{tactical_extra_domain_query} + @{bonusdice_query}[@{advantage_bond_support_translated}]}k2 + @{charges_query}d4k1[@{charges_label}] ]]}}"><span
name="attr_tactical_label"></span></button> <!-- name tag for translation missing -->
<select name="attr_tactical_die">
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
</select>
</div>
<div class="domain">
<button class="domain-button-operations" name="roll_operations" type="roll"
value="&amp;{template:stormfury-pilot} {{name=@{character_name}}} {{type=operations}} {{obstacle=[[@{target_query}]]}} {{@{role_and_callsign_query} + @{operations_die}[@{operations_translated}] @{operations_extra_domain_query} + @{bonusdice_query}[@{advantage_bond_support_translated}]}k2 + @{charges_query}d4k1[@{charges_label}] ]]}}"><span
name="attr_operations_label"></span></button> <!-- name tag for translation missing -->
<select name="attr_operations_die">
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
</select>
</div>
<div class="domain">
<button class="domain-button-systems" name="roll_systems" type="roll"
value="&amp;{template:stormfury-pilot} {{name=@{character_name}}} {{type=systems}} {{obstacle=[[@{target_query}]]}} {{@{role_and_callsign_query} + @{systems_die}[@{systems_translated}] @{systems_extra_domain_query} + @{bonusdice_query}[@{advantage_bond_support_translated}]}k2 + @{charges_query}d4k1[@{charges_label}] ]]}}"><span
name="attr_systems_label"></span></button> <!-- name tag for translation missing -->
<select name="attr_systems_die">
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
</select>
</div>
</div>
<div class="title-vertical charges">
<input class="title" type="text" spellcheck="false" name="attr_stormcraft_label" value="Stormcraft" />
<div class="title-vertical advances">
<input class="title" type="text" spellcheck="false" name="attr_boons_label" value="Advances" />
<div class="content">
<div class="chargebox">
<input class="label" type="text" spellcheck="false" name="attr_flightclass_label" value="Flight Class" />
<!-- <input type="textarea" spellcheck="false" value=""/> -->
<select name="attr_flightclass">
<option value="fox">Fox</option>
<option value="owl">Owl</option>
<option value="raven">Raven</option>
<option value="wolf">Wolf</option>
</select>
<label>
<input class="diamondbox" type="checkbox" name="attr_flightclass_1" value="1" /><span></span>
</label>
</div>
<div class="chargebox">
<input class="label" type="text" spellcheck="false" name="attr_combatclass_label" value="Combat Class" />
<!-- <input type="textarea" spellcheck="false" value=""/> -->
<select name="attr_combatclass">
<option value="blade">Blade</option>
<option value="claw">Claw</option>
<option value="hammer">Hammer</option>
<option value="spear">Spear</option>
</select>
<label>
<input class="diamondbox" type="checkbox" name="attr_combatclass_1" value="1" /><span></span>
</label>
</div>
<div class="chargebox">
<input class="label" type="text" spellcheck="false" value="Flight Systems" />
<input type="text" spellcheck="false" value="Power &amp; Sensors" />
<label>
<input class="diamondbox" type="checkbox" name="attr_flightsystems_1" value="1" /><span></span>
</label>
<label>
<input class="diamondbox" type="checkbox" name="attr_flightsystems_2" value="1" /><span></span>
</label>
</div>
<div class="chargebox">
<input class="label" type="text" spellcheck="false" value="Combat Systems" />
<input type="text" spellcheck="false" value="Shields &amp; Weapons" />
<label>
<input class="diamondbox" type="checkbox" name="attr_combatsystems_1" value="1" /><span></span>
</label>
<label>
<input class="diamondbox" type="checkbox" name="attr_combatsystems_2" value="1" /><span></span>
</label>
</div>
<div class="chargebox">
<input class="label" type="text" spellcheck="false" name="attr_maneuvers_label" value="Maneuvers" />
<input type="text" spellcheck="false" value="" />
<label>
<input class="diamondbox" type="checkbox" name="attr_flight_maneuvers_1" value="1" /><span></span>
</label>
<label>
<input class="diamondbox" type="checkbox" name="attr_flight_maneuvers_2" value="1" /><span></span>
</label>
</div>
<div class="chargebox">
<input class="label" type="text" spellcheck="false" name="attr_maneuvers_label" value="Maneuvers" />
<input type="text" spellcheck="false" value="" />
<label>
<input class="diamondbox" type="checkbox" name="attr_combat_maneuvers_1" value="1" /><span></span>
</label>
<label>
<input class="diamondbox" type="checkbox" name="attr_combat_maneuvers_2" value="1" /><span></span>
</label>
</div>
</div>
</div>
<div class="title-vertical pilot-expr">
<input class="title" type="text" spellcheck="false" name="attr_expressions_label" value="Expressions" />
<div class="content">
<div class="exprbox">
<input class="label" type="text" spellcheck="false" name="attr_bravado_label" value="Bravado" />
<input class="hidden fakeradio" type="checkbox" name="attr_bravado_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_bravado_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_bravado_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_bravado_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_bravado_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_bravado_burn" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" name="attr_courage_label" value="Courage" />
<input class="hidden fakeradio" type="checkbox" name="attr_courage_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_courage_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_courage_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_courage_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_courage_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_courage_burn" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" name="attr_devotion_label" value="Devotion" />
<input class="hidden fakeradio" type="checkbox" name="attr_devotion_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_devotion_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_devotion_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_devotion_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_devotion_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_devotion_burn" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" name="attr_duty_label" value="Duty" />
<input class="hidden fakeradio" type="checkbox" name="attr_duty_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_duty_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_duty_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_duty_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_duty_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_duty_burn" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" value="Honor" />
<input class="hidden fakeradio" type="checkbox" name="attr_honor_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_honor_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_honor_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_honor_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_honor_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_honor_burn" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" name="attr_passion_label" value="Passion" />
<input class="hidden fakeradio" type="checkbox" name="attr_passion_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_passion_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_passion_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_passion_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_passion_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_passion_burn" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" value="Wrath" />
<input class="hidden fakeradio" type="checkbox" name="attr_wrath_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_wrath_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_wrath_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_wrath_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_wrath_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_wrath_burn" value="1" /><span></span>
</label>
</div>
<div class="exprbox">
<input class="label" type="text" spellcheck="false" name="attr_forged_label" value="Forged" />
<input class="hidden fakeradio" type="checkbox" name="attr_forged_expr" value="0" checked="checked" />
<input class="rectbox fakeradio" type="checkbox" name="attr_forged_expr" value="1" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_forged_expr" value="2" /><span></span>
<input class="rectbox fakeradio" type="checkbox" name="attr_forged_expr" value="3" /><span></span>
<label>
<input class="diamondbox" type="checkbox" name="attr_forged_charge" value="1" /><span></span>
</label>
<label>
<input class="circlebox" type="checkbox" name="attr_forged_burn" value="1" /><span></span>
</label>
</div>
</div>
</div>
<div class="title-vertical recite">
<input class="title" type="text" spellcheck="false" name="attr_recite_deeds_label"="Recite your deeds" />
<!-- missing name for translation -->
<div class="content">
<div class="auto-expand"><span name="attr_recite_top_label">How does your Role, Burn (an added Domain), or
Charges manifest in the contest?</span>
<textarea spellcheck="false"
name="attr_recite_top_label">How does your Role, Burn (an added Domain), or Charges manifest in the contest?</textarea>
</div>
<div class="recite-box">
<input class="title" type="text" spellcheck="false" value="Command" /> <!-- missing name for translation -->
<div class="auto-expand"><span name="attr_recite_command_label">What squadron strategy did you use?&#10;How
did we see your willpower in action?&#10;How were passions stirred or truths attested?</span>
<textarea spellcheck="false"
name="attr_recite_command_label">What squadron strategy did you use?&#10;How did we see your willpower in action?&#10;How were passions stirred or truths attested?</textarea>
</div>
</div>
<div class="recite-box">
<input class="title" type="text" spellcheck="false" value="Tactical" /> <!-- missing name for translation -->
<div class="auto-expand"><span name="attr_recite_tactical_label">How was blood spilled?&#10;How was your
strength, agility, or courage shown?&#10;How did you take our breath away?</span>
<textarea spellcheck="false"
name="attr_recite_tactical_label">How was blood spilled?&#10;How was your strength, agility, or courage shown?&#10;How did you take our breath away?</textarea>
</div>
</div>
<div class="recite-box">
<input class="title" type="text" spellcheck="false" value="Operations" />
<!-- missing name for translation -->
<div class="auto-expand"><span name="attr_recite_operations_label">How was your knowledge or creativity
shown?&#10;How was trickery or intrigue displayed?&#10;How did you figure it out?</span>
<textarea spellcheck="false"
name="attr_recite_operations_label">How was your knowledge or creativity shown?&#10;How was trickery or intrigue displayed?&#10;How did you figure it out?</textarea>
</div>
</div>
<div class="recite-box">
<input class="title" type="text" spellcheck="false" value="Systems" /> <!-- missing name for translation -->
<div class="auto-expand"><span name="attr_recite_systems_label">How did you teach something?&#10;How did you
employ technology to your means?&#10;How did science help your purpose?</span>
<textarea spellcheck="false"
name="attr_recite_systems_label">How did you teach something?&#10;How did you employ technology to your means?&#10;How did science help your purpose?</textarea>
</div>
</div>
<div class="recite-box">
<input class="title" type="text" spellcheck="false" value="Suffer" /> <!-- missing name for translation -->
<div class="auto-expand"><span>How did you fall short?&#10;Did you overreach yourself?&#10;Was the opponent
too great?&#10;Was it bad luck?</span>
<textarea
spellcheck="false">How did you fall short?&#10;Did you overreach yourself?&#10;Was the opponent too great?&#10;Was it bad luck?</textarea>
</div>
</div>
<div class="auto-expand"><span name="attr_recite_bottom_label"></span>
<textarea spellcheck="false" name="attr_recite_bottom_label"></textarea>
</div>
</div>
</div>
<div class="burn-bonds">
<div class="burn-fate">
<input class="title" type="text" spellcheck="false" name="attr_burn_label" value="Burn" />
<input class="hidden fakeradio" type="checkbox" name="attr_burn" value="0" checked="checked" />
<input class="circlebox fakeradio" type="checkbox" name="attr_burn" value="1" /><span></span>
<div class="floating-vert-bar"></div>
<input class="circlebox fakeradio" type="checkbox" name="attr_burn" value="2" /><span></span>
<div class="floating-vert-bar"></div>
<input class="circlebox fakeradio" type="checkbox" name="attr_burn" value="3" /><span></span>
<div class="floating-vert-bar"></div>
<input class="circlebox fakeradio" type="checkbox" name="attr_burn" value="4" /><span></span>
<div class="floating-vert-bar"></div>
<input class="circlebox fakeradio" type="checkbox" name="attr_burn" value="5" /><span></span>
<div class="floating-vert-bar"></div>
<input class="burnout" type="text" spellcheck="false" name="attr_burnout_label" value="Out" />
<div class="floating-vert-bar"></div>
<input class="circlebox fakeradio" type="checkbox" name="attr_burn" value="6" /><span></span>
<div class="floating-vert-bar"></div>
<input class="fate" type="text" spellcheck="false" name="attr_fate_label" value="Fate" />
<div class="floating-vert-bar"></div>
<input class="hidden fakeradio2" type="checkbox" name="attr_fate" value="0" checked="checked" />
<input class="squarebox fakeradio2 dot" type="checkbox" name="attr_fate" value="1" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2" type="checkbox" name="attr_fate" value="2" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2" type="checkbox" name="attr_fate" value="3" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2 dot" type="checkbox" name="attr_fate" value="4" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2" type="checkbox" name="attr_fate" value="5" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2" type="checkbox" name="attr_fate" value="6" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2" type="checkbox" name="attr_fate" value="7" /><span></span>
<div class="floating-vert-bar"></div>
<input class="squarebox fakeradio2 dot" type="checkbox" name="attr_fate" value="8" /><span></span>
</div>
<div class="bonds">
<input class="title" type="text" spellcheck="false" name="attr_bonds_label" value="Bonds" />
<fieldset class="repeating_bonds">
<input class="bond-number" type="number" name="attr_bond_number" value="0" />
<input class="bond-name" type="text" spellcheck="false" name="attr_bond_name" />
</fieldset>
<div class="bond-uses">
<div class="auto-expand top"><span name="attr_bond_use_top_label">When you use a Bond, ask them to:</span>
<textarea spellcheck="false" name="attr_bond_use_top_label">When you use a Bond, ask them to:</textarea>
</div>
<div class="auto-expand bond-use"><span name="attr_bond_use_1_label">Bolster you</span>
<textarea spellcheck="false" name="attr_bond_use_1_label">Bolster you</textarea>
</div>
<div class="auto-expand bond-use"><span name="attr_bond_use_2_label">Block Harm or Fate for you</span>
<textarea spellcheck="false" name="attr_bond_use_2_label">Block Harm or Fate for you</textarea>
</div>
<div class="auto-expand bond-use"><span name="attr_bond_use_3_label">Follow your lead</span>
<textarea spellcheck="false" name="attr_bond_use_3_label">Follow your lead</textarea>
</div>
</div>
</div>
</div>
<div class="style-notes">
<input class="title" type="text" spellcheck="false" name="attr_style_notes_label" value="Style &amp; Notes" />
<div class="content">
<div class="auto-expand notes"><span name="attr_style_notes"></span>
<textarea spellcheck="false" name="attr_style_notes"></textarea>
</div>
</div>
</div>
<div class="commendations-boons">
<div class="commendations">
<input class="title" type="text" spellcheck="false" name="attr_commendations_label" value="Commendations" />
<!-- missing name for translation -->
<fieldset class="repeating_deeds">
<input class="squarebox" type="checkbox" name="attr_commendation_check" value="1" /><span></span>
<div class="auto-expand deed-name"><span name="attr_commendation_name"></span>
<textarea spellcheck="false" name="attr_commendation_name" data-i18n-placeholder="commendation"></textarea>
</div>
</fieldset>
</div>
<div class="boons">
<input class="title" type="text" spellcheck="false" name="attr_boons_label" value="Advances" />
<div class="boon">
<input class="squarebox" type="checkbox" name="attr_boons_1_check_1" value="1" /><span></span>
<div class="auto-expand"><span>Advance a d8 Domain die to d10</span> <!-- missing name for translation -->
@@ -617,7 +613,6 @@
<textarea spellcheck="false">Add another Role</textarea> <!-- missing name for translation -->
</div>
</div>
<div class="divider"></div>
<div class="boon">
<input class="squarebox" type="checkbox" name="attr_boons_5_check_1" value="1" /><span></span>
<div class="auto-expand"><span>When you support or bolster, the die you give counts as one size larger.</span>
@@ -629,10 +624,9 @@
</div>
<div class="boon">
<input class="squarebox" type="checkbox" name="attr_boons_6_check_1" value="1" /><span></span>
<div class="auto-expand"><span>When you mark Burn for an extra domain, take two extra dice instead of
one.</span> <!-- missing name for translation -->
<div class="auto-expand"><span>When you mark Burn for an extra domain, take two extra dice.</span> <!-- missing name for translation -->
<textarea
spellcheck="false">When you mark Burn for an extra domain, take two extra dice instead of one.</textarea>
spellcheck="false">When you mark Burn for an extra domain, take two extra dice.</textarea>
<!-- missing name for translation -->
</div>
</div>
@@ -646,7 +640,16 @@
</div>
</div>
</div>
<div class="title-vertical style-notes">
<input class="title" type="text" spellcheck="false" name="attr_style_notes_label" value="Style &amp; Notes" />
<div class="content">
<div class="auto-expand notes"><span name="attr_style_notes"></span>
<textarea spellcheck="false" name="attr_style_notes"></textarea>
</div>
</div>
</div>
</div>
<div class="sheet-type-thread">
<div class="roller">
<div class="harm">