Added attribute rolls
This commit is contained in:
parent
395bfa1616
commit
0abccf3f48
GPG key ID:
6379E413924A4E77
15 changed files with 440 additions and 45 deletions
|
|
@ -1,6 +1,6 @@
|
|||
.abilityBox {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, auto);
|
||||
grid-template-columns: repeat(7, auto);
|
||||
grid-auto-flow: row;
|
||||
justify-content: start;
|
||||
gap: 0.7em 4px;
|
||||
|
|
@ -30,6 +30,9 @@
|
|||
margin-bottom: -0.5em;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -3,4 +3,5 @@ p.abilityLabel Rating
|
|||
p.abilityLabel
|
||||
p.abilityLabel Mod
|
||||
p.abilityLabel
|
||||
p.abilityLabel Pool
|
||||
p.abilityLabel Pool
|
||||
p.abilityLabel Roll
|
||||
|
|
@ -6,4 +6,5 @@ mixin abilityRow(name)
|
|||
p +
|
||||
input(type="number" name=`attr_abilitymod_${name.substring(0,3)}` value="0")
|
||||
p =
|
||||
input(type="number" name=`attr_abilitypool_${name.substring(0,3)}` value=`@{abilityrtg_${name.substring(0,3)}}+@{abilitymod_${name.substring(0,3)}}` disabled="true")
|
||||
input(type="number" name=`attr_abilitypool_${name.substring(0,3)}` value=`@{abilityrtg_${name.substring(0,3)}}+@{abilitymod_${name.substring(0,3)}}` disabled="true")
|
||||
button(type="roll")
|
||||
16
components/_attr-rolls.css
Normal file
16
components/_attr-rolls.css
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
.attr-rolls {
|
||||
width: 100%;
|
||||
|
||||
> .attr-rolls-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, auto);
|
||||
grid-gap: 4px;
|
||||
> {
|
||||
p {
|
||||
color: #aaaaee;
|
||||
font-size: 10pt;
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
40
components/_attr-rolls.pug
Normal file
40
components/_attr-rolls.pug
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
h2 Attribute Rolls
|
||||
-
|
||||
var attr_rolls = [
|
||||
{
|
||||
name: "Surprise",
|
||||
roll: "",
|
||||
shorthand: "(R+I)"
|
||||
},
|
||||
{
|
||||
name: "Composure",
|
||||
roll: "",
|
||||
shorthand: "(C+W)"
|
||||
},
|
||||
{
|
||||
name: "Judge Intentions",
|
||||
roll: "",
|
||||
shorthand: "(C+I)"
|
||||
},
|
||||
{
|
||||
name: "Memory",
|
||||
roll: "",
|
||||
shorthand: "(L+W)"
|
||||
},
|
||||
{
|
||||
name: "Poison/Drug",
|
||||
roll: "",
|
||||
shorthand: "(B+W)"
|
||||
},
|
||||
{
|
||||
name: "Carry/Lift",
|
||||
roll: "",
|
||||
shorthand: "(B+S)"
|
||||
}
|
||||
];
|
||||
|
||||
.attr-rolls-grid
|
||||
include ./_attr-rollsRow
|
||||
each val in attr_rolls
|
||||
+attr-rollsRow(val.name, val.roll, val.shorthand)
|
||||
|
||||
3
components/_attr-rollsRow.pug
Normal file
3
components/_attr-rollsRow.pug
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
mixin attr-rollsRow(name, roll, shorthand)
|
||||
p #{name + " " + shorthand}
|
||||
button(type="roll")
|
||||
|
|
@ -1,8 +1,13 @@
|
|||
.healthWrapper {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 1rem;
|
||||
> {
|
||||
|
||||
h3 {
|
||||
color: #aaaaee;
|
||||
}
|
||||
|
||||
.healthContainer {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, auto);
|
||||
|
|
@ -13,33 +18,36 @@
|
|||
* {
|
||||
margin: -1px;
|
||||
}
|
||||
/* TODO: Refactor to use Labels !!!! */
|
||||
|
||||
label {
|
||||
&.healthTrackerBox {
|
||||
cursor: pointer;
|
||||
order: 1;
|
||||
background-color: red;
|
||||
background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/5f/Red_X.svg);
|
||||
background-color: #444444;
|
||||
background-size: 90%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
border: 2px solid #550000;
|
||||
border-radius: 0px;
|
||||
appearance: none;
|
||||
width: 6rem;
|
||||
height: 6rem;
|
||||
width: 3.5rem;
|
||||
height: 3.5rem;
|
||||
border-radius: 3px;
|
||||
padding: 0px;
|
||||
|
||||
&.reset {
|
||||
order: 2;
|
||||
background-color: brown;
|
||||
}
|
||||
|
||||
&:after {
|
||||
> span {
|
||||
position: absolute;
|
||||
content: "-1";
|
||||
top: 2px;
|
||||
right: 4px;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -49,11 +57,20 @@
|
|||
position: absolute;
|
||||
opacity: 0;
|
||||
z-index: 0;
|
||||
|
||||
> span {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
& ~ .healthTrackerBox {
|
||||
order: 3;
|
||||
background-color: #444444;
|
||||
background-image: none;
|
||||
|
||||
> span {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
14
components/_healthBox.pug
Normal file
14
components/_healthBox.pug
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
.healthWrapper
|
||||
include ./_healthBoxContainer
|
||||
h3 Stun
|
||||
h3 Physical
|
||||
h3 Overflow
|
||||
+healthContainer(30).stun //Will/2 + 8
|
||||
+healthContainer(30).physical //Body/2 + 8
|
||||
+healthContainer(30).overflow //Body*2
|
||||
.stunInfo
|
||||
input(type="number" name="attr_physicalHealth" disabled="true" value="ceil(@{abilitypool_wil}/2)+8-@{stunWounds}")
|
||||
.physicalInfo
|
||||
input(type="number" name="attr_physicalHealth" disabled="true" value="ceil(@{abilitypool_bod}/2)+8-@{physicalWounds}")
|
||||
.overflowInfo
|
||||
input(type="number" name="attr_physicalHealth" disabled="true" value="ceil(@{abilitypool_wil}/2)+8-@{stunWounds}")
|
||||
12
components/_healthBoxBox.pug
Normal file
12
components/_healthBoxBox.pug
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
mixin healthBox(number)
|
||||
- let starter = number == 0
|
||||
- let modifier = Math.floor(number / 3) * -1
|
||||
- if (modifier == 0) modifier = ''
|
||||
if starter
|
||||
input.hidden.disp(id=`${attributes.class.substring(0,2)}B${number}` type="radio" name=`attr_${attributes.class}Wounds` value=number checked="checked")
|
||||
label.healthTrackerBox.reset(for=`${attributes.class.substring(0,2)}B${number}`)
|
||||
span.woundmodifier #{modifier}
|
||||
else
|
||||
input.hidden.disp(id=`${attributes.class.substring(0,2)}B${number}` type="radio" name=`attr_${attributes.class}Wounds` value=number)
|
||||
label.healthTrackerBox(for=`${attributes.class.substring(0,2)}B${number}`)
|
||||
span.woundmodifier #{modifier}
|
||||
5
components/_healthBoxContainer.pug
Normal file
5
components/_healthBoxContainer.pug
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
mixin healthContainer(count)
|
||||
div(class='healthContainer ' + attributes.class)
|
||||
include ./_healthBoxBox
|
||||
- for (var i = 0; i < count; i++)
|
||||
+healthBox(i)(class=attributes.class)
|
||||
15
main.css
15
main.css
|
|
@ -28,6 +28,17 @@
|
|||
padding: 0px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
|
||||
&[type=roll] {
|
||||
background-color: #550000;
|
||||
border: 0;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
background-image: none;
|
||||
color: white;
|
||||
border-radius: 8px;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
|
|
@ -141,6 +152,7 @@
|
|||
padding: 2em;
|
||||
width: auto;
|
||||
min-height: 100%;
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
.tab {
|
||||
|
|
@ -150,7 +162,8 @@
|
|||
outline-style: double;
|
||||
outline-color: #550000;
|
||||
width: 100%;
|
||||
height: 40em;
|
||||
min-height: 40em;
|
||||
height: fit-content;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
2
main.pug
2
main.pug
|
|
@ -24,7 +24,7 @@
|
|||
button.togbtn(type='action' name='act_togedge') Edge
|
||||
|
||||
-
|
||||
var abilities = ["Body", "Agility", "Reaction", "Strength", "Logic", "Intuition", "Charisma", "Magic", "Edge"]
|
||||
var abilities = ["Body", "Agility", "Reaction", "Strength", "Willpower", "Logic", "Intuition", "Charisma", "Magic", "Edge"]
|
||||
|
||||
include ./views/_main-sheet.pug
|
||||
|
||||
|
|
|
|||
|
|
@ -3,11 +3,15 @@ input.sheet-tabstoggle[value="main"] ~ .main-tab {
|
|||
}
|
||||
|
||||
.healthWrapper {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 1rem;
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.healthWrapper > h3 {
|
||||
color: #aae;
|
||||
}
|
||||
|
||||
.healthWrapper > .healthContainer {
|
||||
grid-template-columns: repeat(3, auto);
|
||||
justify-content: start;
|
||||
|
|
@ -25,9 +29,13 @@ input.sheet-tabstoggle[value="main"] ~ .main-tab {
|
|||
z-index: 1;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
width: 6rem;
|
||||
height: 6rem;
|
||||
background-color: red;
|
||||
width: 3.5rem;
|
||||
height: 3.5rem;
|
||||
background-color: #444;
|
||||
background-image: url("https://upload.wikimedia.org/wikipedia/commons/5/5f/Red_X.svg");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 90%;
|
||||
border: 2px solid #500;
|
||||
border-radius: 3px;
|
||||
order: 1;
|
||||
|
|
@ -36,12 +44,12 @@ input.sheet-tabstoggle[value="main"] ~ .main-tab {
|
|||
}
|
||||
|
||||
.healthWrapper > .healthContainer > label.healthTrackerBox.reset {
|
||||
background-color: brown;
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.healthWrapper > .healthContainer > label.healthTrackerBox:after {
|
||||
.healthWrapper > .healthContainer > label.healthTrackerBox > span {
|
||||
content: "-1";
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: 4px;
|
||||
|
|
@ -53,17 +61,42 @@ input.sheet-tabstoggle[value="main"] ~ .main-tab {
|
|||
position: absolute;
|
||||
}
|
||||
|
||||
.healthWrapper > .healthContainer > input:checked + .healthTrackerBox > span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.healthWrapper > .healthContainer > input:checked ~ .healthTrackerBox {
|
||||
background-color: #444;
|
||||
background-image: none;
|
||||
order: 3;
|
||||
}
|
||||
|
||||
.healthWrapper > .healthContainer > input:checked ~ .healthTrackerBox > span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.attr-rolls {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.attr-rolls > .attr-rolls-grid {
|
||||
grid-gap: 4px;
|
||||
grid-template-columns: repeat(2, auto);
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.attr-rolls > .attr-rolls-grid > p {
|
||||
color: #aae;
|
||||
margin-right: 30px;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.abilityBox {
|
||||
height: -webkit-fit-content;
|
||||
height: -moz-fit-content;
|
||||
height: fit-content;
|
||||
width: 100%;
|
||||
grid-template-columns: repeat(6, auto);
|
||||
grid-template-columns: repeat(7, auto);
|
||||
grid-auto-flow: row;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
|
|
@ -93,6 +126,10 @@ input.sheet-tabstoggle[value="main"] ~ .main-tab {
|
|||
margin-bottom: -.5em;
|
||||
}
|
||||
|
||||
.abilityBox > h2 {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.sheetform {
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
|
|
@ -128,6 +165,17 @@ input.sheet-tabstoggle[value="main"] ~ .main-tab {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
.sheetform .charactersheet button[type="roll"] {
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
color: #fff;
|
||||
box-shadow: none;
|
||||
background-color: #500;
|
||||
background-image: none;
|
||||
border: 0;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.sheetform .charactersheet input {
|
||||
color: #aae;
|
||||
background-color: #444;
|
||||
|
|
@ -222,6 +270,9 @@ input.sheet-tabstoggle[value="main"] ~ .main-tab {
|
|||
.generic-grid {
|
||||
width: auto;
|
||||
min-height: 100%;
|
||||
height: -webkit-fit-content;
|
||||
height: -moz-fit-content;
|
||||
height: fit-content;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-auto-rows: auto;
|
||||
justify-content: space-around;
|
||||
|
|
@ -232,7 +283,10 @@ input.sheet-tabstoggle[value="main"] ~ .main-tab {
|
|||
.tab {
|
||||
outline-offset: 4px;
|
||||
width: 100%;
|
||||
height: 40em;
|
||||
min-height: 40em;
|
||||
height: -webkit-fit-content;
|
||||
height: -moz-fit-content;
|
||||
height: fit-content;
|
||||
outline: 4px double #500;
|
||||
margin-top: 10px;
|
||||
display: none;
|
||||
|
|
|
|||
246
output/main.html
246
output/main.html
|
|
@ -24,7 +24,7 @@
|
|||
<div class="tab main-tab">
|
||||
<div class="generic-grid">
|
||||
<div class="ability-box">
|
||||
<h2>Abilities</h2>
|
||||
<h2>Attributes</h2>
|
||||
<div class="abilityBox">
|
||||
<p class="abilityLabel"></p>
|
||||
<p class="abilityLabel">Rating</p>
|
||||
|
|
@ -32,78 +32,300 @@
|
|||
<p class="abilityLabel">Mod</p>
|
||||
<p class="abilityLabel"></p>
|
||||
<p class="abilityLabel">Pool</p>
|
||||
<p class="abilityLabel">Roll</p>
|
||||
<input type="hidden" name="attr_abilityname_Bod" value="Body"><span name="attr_abilityname_bod"></span>
|
||||
<input type="number" name="attr_abilityrtg_bod" value="1">
|
||||
<p>+</p>
|
||||
<input type="number" name="attr_abilitymod_bod" value="0">
|
||||
<p>=</p>
|
||||
<input type="number" name="attr_abilitypool_bod" value="@{abilityrtg_bod}+@{abilitymod_bod}" disabled="true">
|
||||
<button type="roll"></button>
|
||||
<input type="hidden" name="attr_abilityname_Agi" value="Agility"><span name="attr_abilityname_agi"></span>
|
||||
<input type="number" name="attr_abilityrtg_agi" value="1">
|
||||
<p>+</p>
|
||||
<input type="number" name="attr_abilitymod_agi" value="0">
|
||||
<p>=</p>
|
||||
<input type="number" name="attr_abilitypool_agi" value="@{abilityrtg_agi}+@{abilitymod_agi}" disabled="true">
|
||||
<button type="roll"></button>
|
||||
<input type="hidden" name="attr_abilityname_Rea" value="Reaction"><span name="attr_abilityname_rea"></span>
|
||||
<input type="number" name="attr_abilityrtg_rea" value="1">
|
||||
<p>+</p>
|
||||
<input type="number" name="attr_abilitymod_rea" value="0">
|
||||
<p>=</p>
|
||||
<input type="number" name="attr_abilitypool_rea" value="@{abilityrtg_rea}+@{abilitymod_rea}" disabled="true">
|
||||
<button type="roll"></button>
|
||||
<input type="hidden" name="attr_abilityname_Str" value="Strength"><span name="attr_abilityname_str"></span>
|
||||
<input type="number" name="attr_abilityrtg_str" value="1">
|
||||
<p>+</p>
|
||||
<input type="number" name="attr_abilitymod_str" value="0">
|
||||
<p>=</p>
|
||||
<input type="number" name="attr_abilitypool_str" value="@{abilityrtg_str}+@{abilitymod_str}" disabled="true">
|
||||
<button type="roll"></button>
|
||||
<input type="hidden" name="attr_abilityname_Wil" value="Willpower"><span name="attr_abilityname_wil"></span>
|
||||
<input type="number" name="attr_abilityrtg_wil" value="1">
|
||||
<p>+</p>
|
||||
<input type="number" name="attr_abilitymod_wil" value="0">
|
||||
<p>=</p>
|
||||
<input type="number" name="attr_abilitypool_wil" value="@{abilityrtg_wil}+@{abilitymod_wil}" disabled="true">
|
||||
<button type="roll"></button>
|
||||
<input type="hidden" name="attr_abilityname_Log" value="Logic"><span name="attr_abilityname_log"></span>
|
||||
<input type="number" name="attr_abilityrtg_log" value="1">
|
||||
<p>+</p>
|
||||
<input type="number" name="attr_abilitymod_log" value="0">
|
||||
<p>=</p>
|
||||
<input type="number" name="attr_abilitypool_log" value="@{abilityrtg_log}+@{abilitymod_log}" disabled="true">
|
||||
<button type="roll"></button>
|
||||
<input type="hidden" name="attr_abilityname_Int" value="Intuition"><span name="attr_abilityname_int"></span>
|
||||
<input type="number" name="attr_abilityrtg_int" value="1">
|
||||
<p>+</p>
|
||||
<input type="number" name="attr_abilitymod_int" value="0">
|
||||
<p>=</p>
|
||||
<input type="number" name="attr_abilitypool_int" value="@{abilityrtg_int}+@{abilitymod_int}" disabled="true">
|
||||
<button type="roll"></button>
|
||||
<input type="hidden" name="attr_abilityname_Cha" value="Charisma"><span name="attr_abilityname_cha"></span>
|
||||
<input type="number" name="attr_abilityrtg_cha" value="1">
|
||||
<p>+</p>
|
||||
<input type="number" name="attr_abilitymod_cha" value="0">
|
||||
<p>=</p>
|
||||
<input type="number" name="attr_abilitypool_cha" value="@{abilityrtg_cha}+@{abilitymod_cha}" disabled="true">
|
||||
<button type="roll"></button>
|
||||
<input type="hidden" name="attr_abilityname_Mag" value="Magic"><span name="attr_abilityname_mag"></span>
|
||||
<input type="number" name="attr_abilityrtg_mag" value="1">
|
||||
<p>+</p>
|
||||
<input type="number" name="attr_abilitymod_mag" value="0">
|
||||
<p>=</p>
|
||||
<input type="number" name="attr_abilitypool_mag" value="@{abilityrtg_mag}+@{abilitymod_mag}" disabled="true">
|
||||
<button type="roll"></button>
|
||||
<input type="hidden" name="attr_abilityname_Edg" value="Edge"><span name="attr_abilityname_edg"></span>
|
||||
<input type="number" name="attr_abilityrtg_edg" value="1">
|
||||
<p>+</p>
|
||||
<input type="number" name="attr_abilitymod_edg" value="0">
|
||||
<p>=</p>
|
||||
<input type="number" name="attr_abilitypool_edg" value="@{abilityrtg_edg}+@{abilitymod_edg}" disabled="true">
|
||||
<button type="roll"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="healthBox">
|
||||
<h2>Health</h2>
|
||||
<input type="number" name="attr_physicalhealth" disabled="true" value="@{physicalHealth}">
|
||||
<h2>Damage Tracks</h2>
|
||||
<div class="healthWrapper">
|
||||
<div class="healthContainer">
|
||||
<input class="hidden disp" id="physK0" type="radio" name="attr_physicalHealth" value="0" checked="checked">
|
||||
<label class="healthTrackerBox reset" for="physK0"></label>
|
||||
<input class="hidden disp" id="physK1" type="radio" name="attr_physicalHealth" value="1">
|
||||
<label class="healthTrackerBox" for="physK1"></label>
|
||||
<input class="hidden disp" id="physK2" type="radio" name="attr_physicalHealth" value="2">
|
||||
<label class="healthTrackerBox" for="physK2"></label>
|
||||
<input class="hidden disp" id="physK3" type="radio" name="attr_physicalHealth" value="3">
|
||||
<label class="healthTrackerBox" for="physK3"></label>
|
||||
<h3>Stun</h3>
|
||||
<h3>Physical</h3>
|
||||
<h3>Overflow</h3>
|
||||
<div class="healthContainer stun">
|
||||
<input class="hidden disp" id="stB0" type="radio" name="attr_stunWounds" value="0" checked="checked">
|
||||
<label class="healthTrackerBox reset" for="stB0"><span class="woundmodifier"></span></label>
|
||||
<input class="hidden disp" id="stB1" type="radio" name="attr_stunWounds" value="1">
|
||||
<label class="healthTrackerBox" for="stB1"><span class="woundmodifier"></span></label>
|
||||
<input class="hidden disp" id="stB2" type="radio" name="attr_stunWounds" value="2">
|
||||
<label class="healthTrackerBox" for="stB2"><span class="woundmodifier"></span></label>
|
||||
<input class="hidden disp" id="stB3" type="radio" name="attr_stunWounds" value="3">
|
||||
<label class="healthTrackerBox" for="stB3"><span class="woundmodifier">-1</span></label>
|
||||
<input class="hidden disp" id="stB4" type="radio" name="attr_stunWounds" value="4">
|
||||
<label class="healthTrackerBox" for="stB4"><span class="woundmodifier">-1</span></label>
|
||||
<input class="hidden disp" id="stB5" type="radio" name="attr_stunWounds" value="5">
|
||||
<label class="healthTrackerBox" for="stB5"><span class="woundmodifier">-1</span></label>
|
||||
<input class="hidden disp" id="stB6" type="radio" name="attr_stunWounds" value="6">
|
||||
<label class="healthTrackerBox" for="stB6"><span class="woundmodifier">-2</span></label>
|
||||
<input class="hidden disp" id="stB7" type="radio" name="attr_stunWounds" value="7">
|
||||
<label class="healthTrackerBox" for="stB7"><span class="woundmodifier">-2</span></label>
|
||||
<input class="hidden disp" id="stB8" type="radio" name="attr_stunWounds" value="8">
|
||||
<label class="healthTrackerBox" for="stB8"><span class="woundmodifier">-2</span></label>
|
||||
<input class="hidden disp" id="stB9" type="radio" name="attr_stunWounds" value="9">
|
||||
<label class="healthTrackerBox" for="stB9"><span class="woundmodifier">-3</span></label>
|
||||
<input class="hidden disp" id="stB10" type="radio" name="attr_stunWounds" value="10">
|
||||
<label class="healthTrackerBox" for="stB10"><span class="woundmodifier">-3</span></label>
|
||||
<input class="hidden disp" id="stB11" type="radio" name="attr_stunWounds" value="11">
|
||||
<label class="healthTrackerBox" for="stB11"><span class="woundmodifier">-3</span></label>
|
||||
<input class="hidden disp" id="stB12" type="radio" name="attr_stunWounds" value="12">
|
||||
<label class="healthTrackerBox" for="stB12"><span class="woundmodifier">-4</span></label>
|
||||
<input class="hidden disp" id="stB13" type="radio" name="attr_stunWounds" value="13">
|
||||
<label class="healthTrackerBox" for="stB13"><span class="woundmodifier">-4</span></label>
|
||||
<input class="hidden disp" id="stB14" type="radio" name="attr_stunWounds" value="14">
|
||||
<label class="healthTrackerBox" for="stB14"><span class="woundmodifier">-4</span></label>
|
||||
<input class="hidden disp" id="stB15" type="radio" name="attr_stunWounds" value="15">
|
||||
<label class="healthTrackerBox" for="stB15"><span class="woundmodifier">-5</span></label>
|
||||
<input class="hidden disp" id="stB16" type="radio" name="attr_stunWounds" value="16">
|
||||
<label class="healthTrackerBox" for="stB16"><span class="woundmodifier">-5</span></label>
|
||||
<input class="hidden disp" id="stB17" type="radio" name="attr_stunWounds" value="17">
|
||||
<label class="healthTrackerBox" for="stB17"><span class="woundmodifier">-5</span></label>
|
||||
<input class="hidden disp" id="stB18" type="radio" name="attr_stunWounds" value="18">
|
||||
<label class="healthTrackerBox" for="stB18"><span class="woundmodifier">-6</span></label>
|
||||
<input class="hidden disp" id="stB19" type="radio" name="attr_stunWounds" value="19">
|
||||
<label class="healthTrackerBox" for="stB19"><span class="woundmodifier">-6</span></label>
|
||||
<input class="hidden disp" id="stB20" type="radio" name="attr_stunWounds" value="20">
|
||||
<label class="healthTrackerBox" for="stB20"><span class="woundmodifier">-6</span></label>
|
||||
<input class="hidden disp" id="stB21" type="radio" name="attr_stunWounds" value="21">
|
||||
<label class="healthTrackerBox" for="stB21"><span class="woundmodifier">-7</span></label>
|
||||
<input class="hidden disp" id="stB22" type="radio" name="attr_stunWounds" value="22">
|
||||
<label class="healthTrackerBox" for="stB22"><span class="woundmodifier">-7</span></label>
|
||||
<input class="hidden disp" id="stB23" type="radio" name="attr_stunWounds" value="23">
|
||||
<label class="healthTrackerBox" for="stB23"><span class="woundmodifier">-7</span></label>
|
||||
<input class="hidden disp" id="stB24" type="radio" name="attr_stunWounds" value="24">
|
||||
<label class="healthTrackerBox" for="stB24"><span class="woundmodifier">-8</span></label>
|
||||
<input class="hidden disp" id="stB25" type="radio" name="attr_stunWounds" value="25">
|
||||
<label class="healthTrackerBox" for="stB25"><span class="woundmodifier">-8</span></label>
|
||||
<input class="hidden disp" id="stB26" type="radio" name="attr_stunWounds" value="26">
|
||||
<label class="healthTrackerBox" for="stB26"><span class="woundmodifier">-8</span></label>
|
||||
<input class="hidden disp" id="stB27" type="radio" name="attr_stunWounds" value="27">
|
||||
<label class="healthTrackerBox" for="stB27"><span class="woundmodifier">-9</span></label>
|
||||
<input class="hidden disp" id="stB28" type="radio" name="attr_stunWounds" value="28">
|
||||
<label class="healthTrackerBox" for="stB28"><span class="woundmodifier">-9</span></label>
|
||||
<input class="hidden disp" id="stB29" type="radio" name="attr_stunWounds" value="29">
|
||||
<label class="healthTrackerBox" for="stB29"><span class="woundmodifier">-9</span></label>
|
||||
</div>
|
||||
<div class="healthContainer physical">
|
||||
<input class="hidden disp" id="phB0" type="radio" name="attr_physicalWounds" value="0" checked="checked">
|
||||
<label class="healthTrackerBox reset" for="phB0"><span class="woundmodifier"></span></label>
|
||||
<input class="hidden disp" id="phB1" type="radio" name="attr_physicalWounds" value="1">
|
||||
<label class="healthTrackerBox" for="phB1"><span class="woundmodifier"></span></label>
|
||||
<input class="hidden disp" id="phB2" type="radio" name="attr_physicalWounds" value="2">
|
||||
<label class="healthTrackerBox" for="phB2"><span class="woundmodifier"></span></label>
|
||||
<input class="hidden disp" id="phB3" type="radio" name="attr_physicalWounds" value="3">
|
||||
<label class="healthTrackerBox" for="phB3"><span class="woundmodifier">-1</span></label>
|
||||
<input class="hidden disp" id="phB4" type="radio" name="attr_physicalWounds" value="4">
|
||||
<label class="healthTrackerBox" for="phB4"><span class="woundmodifier">-1</span></label>
|
||||
<input class="hidden disp" id="phB5" type="radio" name="attr_physicalWounds" value="5">
|
||||
<label class="healthTrackerBox" for="phB5"><span class="woundmodifier">-1</span></label>
|
||||
<input class="hidden disp" id="phB6" type="radio" name="attr_physicalWounds" value="6">
|
||||
<label class="healthTrackerBox" for="phB6"><span class="woundmodifier">-2</span></label>
|
||||
<input class="hidden disp" id="phB7" type="radio" name="attr_physicalWounds" value="7">
|
||||
<label class="healthTrackerBox" for="phB7"><span class="woundmodifier">-2</span></label>
|
||||
<input class="hidden disp" id="phB8" type="radio" name="attr_physicalWounds" value="8">
|
||||
<label class="healthTrackerBox" for="phB8"><span class="woundmodifier">-2</span></label>
|
||||
<input class="hidden disp" id="phB9" type="radio" name="attr_physicalWounds" value="9">
|
||||
<label class="healthTrackerBox" for="phB9"><span class="woundmodifier">-3</span></label>
|
||||
<input class="hidden disp" id="phB10" type="radio" name="attr_physicalWounds" value="10">
|
||||
<label class="healthTrackerBox" for="phB10"><span class="woundmodifier">-3</span></label>
|
||||
<input class="hidden disp" id="phB11" type="radio" name="attr_physicalWounds" value="11">
|
||||
<label class="healthTrackerBox" for="phB11"><span class="woundmodifier">-3</span></label>
|
||||
<input class="hidden disp" id="phB12" type="radio" name="attr_physicalWounds" value="12">
|
||||
<label class="healthTrackerBox" for="phB12"><span class="woundmodifier">-4</span></label>
|
||||
<input class="hidden disp" id="phB13" type="radio" name="attr_physicalWounds" value="13">
|
||||
<label class="healthTrackerBox" for="phB13"><span class="woundmodifier">-4</span></label>
|
||||
<input class="hidden disp" id="phB14" type="radio" name="attr_physicalWounds" value="14">
|
||||
<label class="healthTrackerBox" for="phB14"><span class="woundmodifier">-4</span></label>
|
||||
<input class="hidden disp" id="phB15" type="radio" name="attr_physicalWounds" value="15">
|
||||
<label class="healthTrackerBox" for="phB15"><span class="woundmodifier">-5</span></label>
|
||||
<input class="hidden disp" id="phB16" type="radio" name="attr_physicalWounds" value="16">
|
||||
<label class="healthTrackerBox" for="phB16"><span class="woundmodifier">-5</span></label>
|
||||
<input class="hidden disp" id="phB17" type="radio" name="attr_physicalWounds" value="17">
|
||||
<label class="healthTrackerBox" for="phB17"><span class="woundmodifier">-5</span></label>
|
||||
<input class="hidden disp" id="phB18" type="radio" name="attr_physicalWounds" value="18">
|
||||
<label class="healthTrackerBox" for="phB18"><span class="woundmodifier">-6</span></label>
|
||||
<input class="hidden disp" id="phB19" type="radio" name="attr_physicalWounds" value="19">
|
||||
<label class="healthTrackerBox" for="phB19"><span class="woundmodifier">-6</span></label>
|
||||
<input class="hidden disp" id="phB20" type="radio" name="attr_physicalWounds" value="20">
|
||||
<label class="healthTrackerBox" for="phB20"><span class="woundmodifier">-6</span></label>
|
||||
<input class="hidden disp" id="phB21" type="radio" name="attr_physicalWounds" value="21">
|
||||
<label class="healthTrackerBox" for="phB21"><span class="woundmodifier">-7</span></label>
|
||||
<input class="hidden disp" id="phB22" type="radio" name="attr_physicalWounds" value="22">
|
||||
<label class="healthTrackerBox" for="phB22"><span class="woundmodifier">-7</span></label>
|
||||
<input class="hidden disp" id="phB23" type="radio" name="attr_physicalWounds" value="23">
|
||||
<label class="healthTrackerBox" for="phB23"><span class="woundmodifier">-7</span></label>
|
||||
<input class="hidden disp" id="phB24" type="radio" name="attr_physicalWounds" value="24">
|
||||
<label class="healthTrackerBox" for="phB24"><span class="woundmodifier">-8</span></label>
|
||||
<input class="hidden disp" id="phB25" type="radio" name="attr_physicalWounds" value="25">
|
||||
<label class="healthTrackerBox" for="phB25"><span class="woundmodifier">-8</span></label>
|
||||
<input class="hidden disp" id="phB26" type="radio" name="attr_physicalWounds" value="26">
|
||||
<label class="healthTrackerBox" for="phB26"><span class="woundmodifier">-8</span></label>
|
||||
<input class="hidden disp" id="phB27" type="radio" name="attr_physicalWounds" value="27">
|
||||
<label class="healthTrackerBox" for="phB27"><span class="woundmodifier">-9</span></label>
|
||||
<input class="hidden disp" id="phB28" type="radio" name="attr_physicalWounds" value="28">
|
||||
<label class="healthTrackerBox" for="phB28"><span class="woundmodifier">-9</span></label>
|
||||
<input class="hidden disp" id="phB29" type="radio" name="attr_physicalWounds" value="29">
|
||||
<label class="healthTrackerBox" for="phB29"><span class="woundmodifier">-9</span></label>
|
||||
</div>
|
||||
<div class="healthContainer overflow">
|
||||
<input class="hidden disp" id="ovB0" type="radio" name="attr_overflowWounds" value="0" checked="checked">
|
||||
<label class="healthTrackerBox reset" for="ovB0"><span class="woundmodifier"></span></label>
|
||||
<input class="hidden disp" id="ovB1" type="radio" name="attr_overflowWounds" value="1">
|
||||
<label class="healthTrackerBox" for="ovB1"><span class="woundmodifier"></span></label>
|
||||
<input class="hidden disp" id="ovB2" type="radio" name="attr_overflowWounds" value="2">
|
||||
<label class="healthTrackerBox" for="ovB2"><span class="woundmodifier"></span></label>
|
||||
<input class="hidden disp" id="ovB3" type="radio" name="attr_overflowWounds" value="3">
|
||||
<label class="healthTrackerBox" for="ovB3"><span class="woundmodifier">-1</span></label>
|
||||
<input class="hidden disp" id="ovB4" type="radio" name="attr_overflowWounds" value="4">
|
||||
<label class="healthTrackerBox" for="ovB4"><span class="woundmodifier">-1</span></label>
|
||||
<input class="hidden disp" id="ovB5" type="radio" name="attr_overflowWounds" value="5">
|
||||
<label class="healthTrackerBox" for="ovB5"><span class="woundmodifier">-1</span></label>
|
||||
<input class="hidden disp" id="ovB6" type="radio" name="attr_overflowWounds" value="6">
|
||||
<label class="healthTrackerBox" for="ovB6"><span class="woundmodifier">-2</span></label>
|
||||
<input class="hidden disp" id="ovB7" type="radio" name="attr_overflowWounds" value="7">
|
||||
<label class="healthTrackerBox" for="ovB7"><span class="woundmodifier">-2</span></label>
|
||||
<input class="hidden disp" id="ovB8" type="radio" name="attr_overflowWounds" value="8">
|
||||
<label class="healthTrackerBox" for="ovB8"><span class="woundmodifier">-2</span></label>
|
||||
<input class="hidden disp" id="ovB9" type="radio" name="attr_overflowWounds" value="9">
|
||||
<label class="healthTrackerBox" for="ovB9"><span class="woundmodifier">-3</span></label>
|
||||
<input class="hidden disp" id="ovB10" type="radio" name="attr_overflowWounds" value="10">
|
||||
<label class="healthTrackerBox" for="ovB10"><span class="woundmodifier">-3</span></label>
|
||||
<input class="hidden disp" id="ovB11" type="radio" name="attr_overflowWounds" value="11">
|
||||
<label class="healthTrackerBox" for="ovB11"><span class="woundmodifier">-3</span></label>
|
||||
<input class="hidden disp" id="ovB12" type="radio" name="attr_overflowWounds" value="12">
|
||||
<label class="healthTrackerBox" for="ovB12"><span class="woundmodifier">-4</span></label>
|
||||
<input class="hidden disp" id="ovB13" type="radio" name="attr_overflowWounds" value="13">
|
||||
<label class="healthTrackerBox" for="ovB13"><span class="woundmodifier">-4</span></label>
|
||||
<input class="hidden disp" id="ovB14" type="radio" name="attr_overflowWounds" value="14">
|
||||
<label class="healthTrackerBox" for="ovB14"><span class="woundmodifier">-4</span></label>
|
||||
<input class="hidden disp" id="ovB15" type="radio" name="attr_overflowWounds" value="15">
|
||||
<label class="healthTrackerBox" for="ovB15"><span class="woundmodifier">-5</span></label>
|
||||
<input class="hidden disp" id="ovB16" type="radio" name="attr_overflowWounds" value="16">
|
||||
<label class="healthTrackerBox" for="ovB16"><span class="woundmodifier">-5</span></label>
|
||||
<input class="hidden disp" id="ovB17" type="radio" name="attr_overflowWounds" value="17">
|
||||
<label class="healthTrackerBox" for="ovB17"><span class="woundmodifier">-5</span></label>
|
||||
<input class="hidden disp" id="ovB18" type="radio" name="attr_overflowWounds" value="18">
|
||||
<label class="healthTrackerBox" for="ovB18"><span class="woundmodifier">-6</span></label>
|
||||
<input class="hidden disp" id="ovB19" type="radio" name="attr_overflowWounds" value="19">
|
||||
<label class="healthTrackerBox" for="ovB19"><span class="woundmodifier">-6</span></label>
|
||||
<input class="hidden disp" id="ovB20" type="radio" name="attr_overflowWounds" value="20">
|
||||
<label class="healthTrackerBox" for="ovB20"><span class="woundmodifier">-6</span></label>
|
||||
<input class="hidden disp" id="ovB21" type="radio" name="attr_overflowWounds" value="21">
|
||||
<label class="healthTrackerBox" for="ovB21"><span class="woundmodifier">-7</span></label>
|
||||
<input class="hidden disp" id="ovB22" type="radio" name="attr_overflowWounds" value="22">
|
||||
<label class="healthTrackerBox" for="ovB22"><span class="woundmodifier">-7</span></label>
|
||||
<input class="hidden disp" id="ovB23" type="radio" name="attr_overflowWounds" value="23">
|
||||
<label class="healthTrackerBox" for="ovB23"><span class="woundmodifier">-7</span></label>
|
||||
<input class="hidden disp" id="ovB24" type="radio" name="attr_overflowWounds" value="24">
|
||||
<label class="healthTrackerBox" for="ovB24"><span class="woundmodifier">-8</span></label>
|
||||
<input class="hidden disp" id="ovB25" type="radio" name="attr_overflowWounds" value="25">
|
||||
<label class="healthTrackerBox" for="ovB25"><span class="woundmodifier">-8</span></label>
|
||||
<input class="hidden disp" id="ovB26" type="radio" name="attr_overflowWounds" value="26">
|
||||
<label class="healthTrackerBox" for="ovB26"><span class="woundmodifier">-8</span></label>
|
||||
<input class="hidden disp" id="ovB27" type="radio" name="attr_overflowWounds" value="27">
|
||||
<label class="healthTrackerBox" for="ovB27"><span class="woundmodifier">-9</span></label>
|
||||
<input class="hidden disp" id="ovB28" type="radio" name="attr_overflowWounds" value="28">
|
||||
<label class="healthTrackerBox" for="ovB28"><span class="woundmodifier">-9</span></label>
|
||||
<input class="hidden disp" id="ovB29" type="radio" name="attr_overflowWounds" value="29">
|
||||
<label class="healthTrackerBox" for="ovB29"><span class="woundmodifier">-9</span></label>
|
||||
</div>
|
||||
<div class="stunInfo">
|
||||
<input type="number" name="attr_physicalHealth" disabled="true" value="ceil(@{abilitypool_wil}/2)+8-@{stunWounds}">
|
||||
</div>
|
||||
<div class="physicalInfo">
|
||||
<input type="number" name="attr_physicalHealth" disabled="true" value="ceil(@{abilitypool_bod}/2)+8-@{physicalWounds}">
|
||||
</div>
|
||||
<div class="overflowInfo">
|
||||
<input type="number" name="attr_physicalHealth" disabled="true" value="ceil(@{abilitypool_wil}/2)+8-@{stunWounds}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="attr-rolls">
|
||||
<h2>Attribute Rolls</h2>
|
||||
<div class="attr-rolls-grid">
|
||||
<p>Surprise (R+I)</p>
|
||||
<button type="roll"></button>
|
||||
<p>Composure (C+W)</p>
|
||||
<button type="roll"></button>
|
||||
<p>Judge Intentions (C+I)</p>
|
||||
<button type="roll"></button>
|
||||
<p>Memory (L+W)</p>
|
||||
<button type="roll"></button>
|
||||
<p>Poison/Drug (B+W)</p>
|
||||
<button type="roll"></button>
|
||||
<p>Carry/Lift (B+S)</p>
|
||||
<button type="roll"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="attr-container"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,20 +1,14 @@
|
|||
.tab.main-tab
|
||||
.generic-grid
|
||||
.ability-box
|
||||
h2 Abilities
|
||||
h2 Attributes
|
||||
include .././components/_abilityBox
|
||||
.healthBox
|
||||
h2 Health
|
||||
input(type="number" name="attr_physicalhealth" disabled="true" value="@{physicalHealth}")
|
||||
.healthWrapper
|
||||
.healthContainer
|
||||
input.hidden.disp(id="physK0" type="radio" name="attr_physicalHealth" value="0" checked="checked")
|
||||
label.healthTrackerBox.reset(for="physK0")
|
||||
input.hidden.disp(id="physK1" type="radio" name="attr_physicalHealth" value="1")
|
||||
label.healthTrackerBox(for="physK1")
|
||||
input.hidden.disp(id="physK2" type="radio" name="attr_physicalHealth" value="2")
|
||||
label.healthTrackerBox(for="physK2")
|
||||
input.hidden.disp(id="physK3" type="radio" name="attr_physicalHealth" value="3")
|
||||
label.healthTrackerBox(for="physK3")
|
||||
h2 Damage Tracks
|
||||
include .././components/_healthBox
|
||||
.attr-rolls
|
||||
include .././components/_attr-rolls
|
||||
|
||||
.attr-container
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue