Major revision of the Dungeon World sheet.
Changed the look to be slightly more compact. Added auto-calculation of modifiers, max health, and max load. Added checkboxes for showing and hiding move descriptions. Added attributes for base health and base load.
This commit is contained in:
Willem den Besten
@@ -1,3 +1,37 @@
|
||||
.sheet-show-move:checked ~ .sheet-move-body,
|
||||
.sheet-show-hp:checked ~ .sheet-hp,
|
||||
.sheet-hp-base,
|
||||
.sheet-show-load:checked ~ .sheet-load-base,
|
||||
.sheet-load {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sheet-show-hp:checked ~ .sheet-hp-base,
|
||||
.sheet-hp,
|
||||
.sheet-show-load:checked ~ .sheet-load,
|
||||
.sheet-load-base {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.sheet-table-name {
|
||||
background-color: black;
|
||||
color: white;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sheet-dw-header-field {
|
||||
float: left;
|
||||
background-color: black;
|
||||
color: white;
|
||||
border: none;
|
||||
height: 48px;
|
||||
font-size: 32px;
|
||||
vertical-align: middle;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.charsheet label {
|
||||
display: inline;
|
||||
text-align: left;
|
||||
@@ -5,30 +39,35 @@
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.charsheet input {
|
||||
display: inline-block;
|
||||
width: 165px;
|
||||
border-width: 0px 0px 2px 0px;
|
||||
}
|
||||
|
||||
.charsheet textarea {
|
||||
height: 50px;
|
||||
height: 3em;
|
||||
}
|
||||
|
||||
.sheet-dw-class-input {
|
||||
margin-left: 15px;
|
||||
font-size: 40px;
|
||||
width: 500px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: #fff;
|
||||
.sheet-section-name {
|
||||
font-weight: bold;
|
||||
margin: 0px 10px;
|
||||
}
|
||||
|
||||
.sheet-move-name {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.sheet-move-body {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.sheet-dw-header {
|
||||
background-color: #000;
|
||||
height:38px;
|
||||
color: #fff;
|
||||
line-height:38px;
|
||||
padding: 2px 0px;
|
||||
vertical-align: middle;
|
||||
line-height: 100%;
|
||||
height: 32px;
|
||||
line-height:32px;
|
||||
font-size: 1.1em;
|
||||
margin: 3px 0px;
|
||||
box-align: center;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.sheet-dw-header input {
|
||||
@@ -42,7 +81,6 @@
|
||||
.sheet-dw-header label {
|
||||
margin-left: 8px;
|
||||
color: #fff;
|
||||
font-size:1.2em;
|
||||
}
|
||||
|
||||
.sheet-dw-attribute {
|
||||
@@ -55,7 +93,6 @@
|
||||
}
|
||||
|
||||
.sheet-dw-attribute input[type="number"] {
|
||||
font-size: 1.3em;
|
||||
text-align: center;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
@@ -63,9 +100,10 @@
|
||||
.sheet-dw-name {
|
||||
font-size: 1.3em;
|
||||
width: 100%;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
select.sheet-dtype {
|
||||
margin-bottom: 0px;
|
||||
width: 60px;
|
||||
}
|
||||
width:60px;
|
||||
}
|
||||
+164
-145
@@ -1,150 +1,169 @@
|
||||
<!-- Sheet Width: 830px; -->
|
||||
<div style="float: left; width: 830px; background-color: #000;">
|
||||
<div class="sheet-dw-header" style="float: left; height:70px; line-height:70px;">
|
||||
<input class="sheet-dw-class-input" type="text" placeholder="Class" name="attr_class">
|
||||
</div>
|
||||
<div class="sheet-dw-header" style="float: right; width: 150px; height:70px; text-align:right; line-height:34px;">
|
||||
<label>LEVEL</label><input type="number" name="attr_level" style="width: 45px; text-align: right;"> <br>
|
||||
<label>XP</label><input type="number" name="attr_xp" style="width:76px; text-align: right;">
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
<div class="sheet-dw-header" style="float: left; margin-top:5px; width: 830px; background-color:#000;">
|
||||
<div style="float: left;"><label>NAME</label> <input style="width:250px;" type="text" name="attr_character_name"></div>
|
||||
<div style="float: right; padding-right:10px;">
|
||||
Assign these scores to your stats: 16(+2), 15(+1), 13(+1), 12(+0), 9(+0), 8(-1)
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both; height:15px;"></div>
|
||||
<div style="float: left;">
|
||||
<div class="sheet-dw-attribute" style="float: left;">
|
||||
<label>Strength</label><br>
|
||||
<input type="number" name='attr_strength'><br>
|
||||
<input type="checkbox" name="attr_weak" style="width: auto;" value="1"><span> weak -1</span><br>
|
||||
<input class="sheet-inputbox" type="number" name="attr_str"><br>
|
||||
<label>STR</label><br>
|
||||
<button type='roll' name='roll_TestStrength' value='/roll 2d6 + @{str} - @{weak}'></button>
|
||||
</div>
|
||||
<div class="sheet-dw-attribute" style="float: left;">
|
||||
<label>Dexterity</label><br>
|
||||
<input type="number" name='attr_dexterity'><br>
|
||||
<input type="checkbox" name="attr_shaky" style="width: auto;" value="1"><span> shaky -1</span><br>
|
||||
<input class="sheet-inputbox" type="number" name="attr_dex"><br>
|
||||
<label>DEX</label><br>
|
||||
<button type='roll' name='roll_TestDexterity' value='/roll 2d6 + @{dex} -@{shaky}'></button>
|
||||
</div>
|
||||
<div class="sheet-dw-attribute" style="float: left;">
|
||||
<label>Constitution</label><br>
|
||||
<input type="number" name='attr_constitution'><br>
|
||||
<input type="checkbox" name="attr_sick" style="width: auto;" value="1"><span> sick -1</span><br>
|
||||
<input class="sheet-inputbox" type="number" name="attr_con"><br>
|
||||
<label>CON</label><br>
|
||||
<button type='roll' name='roll_TestConstitution' value='/roll 2d6 + @{con} - @{sick}'></button>
|
||||
</div>
|
||||
<div class="sheet-dw-attribute" style="float: left;">
|
||||
<label>Intelligence</label><br>
|
||||
<input type="number" name='attr_intelligence'><br>
|
||||
<input type="checkbox" name="attr_stunned" style="width: auto;" value="1"><span> stunned -1</span><br>
|
||||
<input class="sheet-inputbox" type="number" name="attr_int"><br>
|
||||
<label>INT</label><br>
|
||||
<button type='roll' name='roll_TestIntelligence' value='/roll 2d6 + @{int} - @{stunned}'></button>
|
||||
</div>
|
||||
<div class="sheet-dw-attribute" style="float: left;">
|
||||
<label>Wisdom</label><br>
|
||||
<input type="number" name='attr_wisdom'><br>
|
||||
<input type="checkbox" name="attr_confused" style="width: auto;" value="1"><span> confused -1</span><br>
|
||||
<input class="sheet-inputbox" type="number" name="attr_wis"><br>
|
||||
<label>WIS</label><br>
|
||||
<button type='roll' name='roll_TestWisdom' value='/roll 2d6 + @{wis} - @{confused}'></button>
|
||||
</div>
|
||||
<div class="sheet-dw-attribute" style="float: left;">
|
||||
<label>Charisma</label><br>
|
||||
<input type="number" name='attr_charisma'><br>
|
||||
<input type="checkbox" name="attr_scarred" style="width: auto;" value="1"><span> scarred -1</span><br>
|
||||
<input class="sheet-inputbox" type="number" name="attr_cha"><br>
|
||||
<label>CHA</label><br>
|
||||
<button type='roll' name='roll_TestCharisma' value='/roll 2d6 + @{cha} - @{scarred}'></button>
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both; height:15px;"></div>
|
||||
<div style="float: left;">
|
||||
<div class="sheet-dw-header" style="float: left; width: 272px;">
|
||||
<div style="float: left;"><label>Damage</label></div>
|
||||
<div style="float: right; padding-right: 10px;">
|
||||
<select name="attr_dtype" class="dtype">
|
||||
<option value="d4">d4</option>
|
||||
<option value="d6">d6</option>
|
||||
<option value="d8">d8</option>
|
||||
<option value="d10">d10</option>
|
||||
<option value="d12">d12</option>
|
||||
</select>
|
||||
<button type='roll' name='roll_RollDamage' value='/roll 1@{dtype}'></button>
|
||||
<div style="width: 830px;">
|
||||
<div class="sheet-dw-header" style="height: 50px; line-height: 50px; padding: 0px 1.5% 0px 1.5%">
|
||||
<div style="float: left; width: 50%;">
|
||||
<input type="text" placeholder="Name" name="attr_character_name" class="dw-header-field">
|
||||
</div>
|
||||
<div style="float: right; width: 50%;;">
|
||||
<input style="text-align: right;" class="dw-header-field" type="text" name="attr_class" placeholder="Class">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-dw-header" style="float: left; width: 271px; margin-left: 8px;">
|
||||
<div style="float: left;"><label>Armor</label></div>
|
||||
<div style="float: right; padding-right: 10px;"><input type="number" name="attr_armor"></div>
|
||||
</div>
|
||||
<div class="sheet-dw-header" style="float: left; width: 271px; margin-left: 8px;">
|
||||
<div style="float: left;"><label>HP</label></div>
|
||||
<div style="float: right; padding-right: 10px;">
|
||||
<input type="number" placeholder="Cur" name="attr_hp">
|
||||
<input type="number" placeholder="Max" name="attr_hp_max">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both; height:10px;"></div>
|
||||
<div style="float: left;">
|
||||
<div style="float: left; width: 350px;">
|
||||
<div>
|
||||
<div class="sheet-dw-header">
|
||||
<label>Alignment</label>
|
||||
<div style="clear:both; height:5px;"></div>
|
||||
<div style="float: left;">
|
||||
<div class="sheet-dw-header" style="float: left; width: 182px">
|
||||
<div style="float: left;"><span class="sheet-section-name">Damage</span></div>
|
||||
|
||||
<div style="float: right; padding-right: 3px;">
|
||||
<input type="text" name="attr_dtype" style="width: 62px;">
|
||||
<button type='roll' name='roll_RollDamage' value='/roll 1@{dtype}'></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-dw-header" style="float: left; width: 152px; margin-left: 5px;">
|
||||
<div style="float: left;"><span class="sheet-section-name">Armor</span></div>
|
||||
<div style="float: right; padding-right: 5px;"><input type="number" name="attr_armor"></div>
|
||||
</div>
|
||||
<div class="sheet-dw-header" style="float: left; width: 147px; margin-left: 5px;">
|
||||
<span class="sheet-section-name">Level</span>
|
||||
<div style="float: right; padding-right: 5px;">
|
||||
<input type="number" name="attr_level" style="width: 45px; text-align: right;">
|
||||
</div>
|
||||
<input class="sheet-dw-name" type="text" placeholder="Name" name="attr_alignment"><br>
|
||||
<textarea placeholder="Move" rows="2" name="attr_alignment_goal" style="width:97%;"></textarea>
|
||||
</div>
|
||||
<div>
|
||||
<div class="sheet-dw-header">
|
||||
<label>Race</label>
|
||||
<div class="sheet-dw-header" style="float: left; width: 147px; margin-left: 5px;">
|
||||
<span class="sheet-section-name">XP</span>
|
||||
<div style="float: right; padding-right: 2px;">
|
||||
<input type="number" name="attr_xp" style="width: 38px; text-align: right;">
|
||||
/
|
||||
<input type="number" name="attr_xp_max" style="width: 38px; text-align: right;" value="@{level}+7" disabled="true">
|
||||
</div>
|
||||
</div>
|
||||
<div class="sheet-dw-header" style="float: left; width: 182px; margin-left: 5px;">
|
||||
|
||||
<input type="checkbox" class="sheet-show-hp sheet-toggle" title="show/hide" name="attr_hp-show" value="1" /><span></span>
|
||||
<div class="sheet-hp" style="float: right;">
|
||||
<div style="float: left;"><span class="sheet-section-name">HP</span></div>
|
||||
<div style="float: right; padding-right: 5px;">
|
||||
<input type="number" placeholder="Cur" name="attr_hp"> /
|
||||
<input type="number" value="@{basehp} + @{constitution} - @{sick}" name="attr_hp_max" disabled="true">
|
||||
</div>
|
||||
</div>
|
||||
<input class="sheet-dw-name" type="text" placeholder="Name" name="attr_race"><br>
|
||||
<textarea placeholder="Move" rows="2" name="attr_race_bonus" style="width:97%;"></textarea>
|
||||
</div>
|
||||
<div>
|
||||
<div class="sheet-dw-header">
|
||||
<label>Bonds</label>
|
||||
</div>
|
||||
<fieldset class="repeating_bonds">
|
||||
<textarea placeholder="Empty Bond" name="attr_bond" style="width:97%;"></textarea>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div>
|
||||
<div class="sheet-dw-header">
|
||||
<div style="float: left;"><label>Gear</label></div>
|
||||
<div style="float: right; padding-right: 10px;">
|
||||
<label>Load</label>
|
||||
<input type="number" name="attr_load">
|
||||
</div>
|
||||
</div>
|
||||
<fieldset class="repeating_items">
|
||||
<div style="margin-bottom: 15px;">
|
||||
<input name="attr_itemname" class="sheet-dw-name" type="text" placeholder="Name"><br>
|
||||
<input name="attr_itemtags" style="width:83%; float: left;" type="text" placeholder="Tags">
|
||||
<input name="attr_itemweight" style="width:15%; float: right;" type="number" placeholder="Weight">
|
||||
</div>
|
||||
<br><br>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="float: left; width:475px; margin: 0px 0px 10px 5px;">
|
||||
<div class="sheet-dw-header" style="width:100%;">
|
||||
<label>Moves</label>
|
||||
</div>
|
||||
<fieldset class="repeating_moves">
|
||||
<input class="sheet-dw-name" type="text" name="attr_movename"><br>
|
||||
<textarea name="attr_movebody" rows="2" style="width:97%;"></textarea>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
<div class="sheet-hp-base" style="float: right;">
|
||||
<div style="float: left;"><span class="sheet-section-name">Base HP</span></div>
|
||||
<div style="float: right; padding-right: 5px;">
|
||||
<input type="number" placeholder="Base" name="attr_basehp">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both; height:10px;"></div>
|
||||
<div style="float: left;">
|
||||
<div class="sheet-dw-attribute" style="float: left;">
|
||||
<label>Strength</label><br>
|
||||
<input type="number" name='attr_strength'><br>
|
||||
<input type="checkbox" name="attr_weak" style="width: auto;" value="1"><span> weak -1</span><br>
|
||||
<input class="sheet-inputbox" type="number" name="attr_str" value="round(0.018*(@{strength}*@{strength}) - 0.127 * @{strength} - 0.76)" disabled="true"><br>
|
||||
<label>STR</label><br>
|
||||
<button type='roll' name='roll_TestStrength' value='/roll 2d6 + [[@{str}]] - @{weak}'></button>
|
||||
</div>
|
||||
<div class="sheet-dw-attribute" style="float: left;">
|
||||
<label>Dexterity</label><br>
|
||||
<input type="number" name='attr_dexterity'><br>
|
||||
<input type="checkbox" name="attr_shaky" style="width: auto;" value="1"><span> shaky -1</span><br>
|
||||
<input class="sheet-inputbox" type="number" name="attr_dex" value="round(0.018*(@{dexterity}*@{dexterity}) - 0.127 * @{dexterity} - 0.76)" disabled="true"><br>
|
||||
<label>DEX</label><br>
|
||||
<button type='roll' name='roll_TestDexterity' value='/roll 2d6 + [[@{dex}]] -@{shaky}'></button>
|
||||
</div>
|
||||
<div class="sheet-dw-attribute" style="float: left;">
|
||||
<label>Constitution</label><br>
|
||||
<input type="number" name='attr_constitution'><br>
|
||||
<input type="checkbox" name="attr_sick" style="width: auto;" value="1"><span> sick -1</span><br>
|
||||
<input class="sheet-inputbox" type="number" name="attr_con" value="round(0.018*(@{constitution}*@{constitution}) - 0.127 * @{constitution} - 0.76)" disabled="true"><br>
|
||||
<label>CON</label><br>
|
||||
<button type='roll' name='roll_TestConstitution' value='/roll 2d6 + [[@{con}]] - @{sick}'></button>
|
||||
</div>
|
||||
<div class="sheet-dw-attribute" style="float: left;">
|
||||
<label>Intelligence</label><br>
|
||||
<input type="number" name='attr_intelligence'><br>
|
||||
<input type="checkbox" name="attr_stunned" style="width: auto;" value="1"><span> stunned -1</span><br>
|
||||
<input class="sheet-inputbox" type="number" name="attr_int" value="round(0.018*(@{intelligence}*@{intelligence}) - 0.127 * @{intelligence} - 0.76)" disabled="true"><br>
|
||||
<label>INT</label><br>
|
||||
<button type='roll' name='roll_TestIntelligence' value='/roll 2d6 + [[@{int}]] - @{stunned}'></button>
|
||||
</div>
|
||||
<div class="sheet-dw-attribute" style="float: left;">
|
||||
<label>Wisdom</label><br>
|
||||
<input type="number" name='attr_wisdom'><br>
|
||||
<input type="checkbox" name="attr_confused" style="width: auto;" value="1"><span> confused -1</span><br>
|
||||
<input class="sheet-inputbox" type="number" name="attr_wis" value="round(0.018*(@{wisdom}*@{wisdom}) - 0.127 * @{wisdom} - 0.76)" disabled="true"><br>
|
||||
<label>WIS</label><br>
|
||||
<button type='roll' name='roll_TestWisdom' value='/roll 2d6 + [[@{wis}]] - @{confused}'></button>
|
||||
</div>
|
||||
<div class="sheet-dw-attribute" style="float: left;">
|
||||
<label>Charisma</label><br>
|
||||
<input type="number" name='attr_charisma'><br>
|
||||
<input type="checkbox" name="attr_scarred" style="width: auto;" value="1"><span> scarred -1</span><br>
|
||||
<input class="sheet-inputbox" type="number" name="attr_cha" value="round(0.018*(@{charisma}*@{charisma}) - 0.127 * @{charisma} - 0.76)" disabled="true"><br>
|
||||
<label>CHA</label><br>
|
||||
<button type='roll' name='roll_TestCharisma' value='/roll 2d6 + [[@{cha}]] - @{scarred}'></button>
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both; height:15px;"></div>
|
||||
<div style="float: left;">
|
||||
<div style="float: left; width: 350px;">
|
||||
<div>
|
||||
<div class="sheet-dw-header">
|
||||
<span class="sheet-section-name">Alignment</span>
|
||||
</div>
|
||||
<input class="sheet-dw-name" type="text" placeholder="Name" name="attr_alignment"><br>
|
||||
<textarea placeholder="Move" name="attr_alignment_goal" style="width:97%; height: 5em;"></textarea>
|
||||
</div>
|
||||
<div>
|
||||
<div class="sheet-dw-header">
|
||||
<span class="sheet-section-name">Race</span>
|
||||
</div>
|
||||
<input class="sheet-dw-name" type="text" placeholder="Name" name="attr_race"><br>
|
||||
<textarea placeholder="Move" name="attr_race_bonus" style="width:97%; height: 5em;"></textarea>
|
||||
</div>
|
||||
<div>
|
||||
<div class="sheet-dw-header">
|
||||
<span class="sheet-section-name">Bonds</span>
|
||||
</div>
|
||||
<fieldset class="repeating_bonds">
|
||||
<textarea placeholder="Empty Bond" name="attr_bond" style="width:97%;"></textarea>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div>
|
||||
<div class="sheet-dw-header">
|
||||
<div style="float: left;"><span class="sheet-section-name">Gear</span></div>
|
||||
<div style="float: right; padding-right: 6px;">
|
||||
<input type="checkbox" class="sheet-show-load sheet-toggle" title="show/hide" name="attr_load-show" value="1" checked><span></span>
|
||||
<div class="sheet-load" style="width: 165px; text-align: right;">
|
||||
<span class="sheet-section-name">Load</span>
|
||||
<input type="number" name="attr_load"> /
|
||||
<input type="number" name="attr_load_max" value="@{baseload} + @{str}" disabled="true">
|
||||
</div>
|
||||
<div class="sheet-load-base" style="width: 165px; text-align: right;">
|
||||
<span class="sheet-section-name">Base Load</span>
|
||||
<input type="number" name="attr_baseload">
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
<fieldset class="repeating_items">
|
||||
<input name="attr_itemname" class="sheet-dw-name" type="text" placeholder="Name">
|
||||
<input name="attr_itemtags" style="width:83%; float: left;" type="text" placeholder="Tags">
|
||||
<input name="attr_itemweight" style="width:15%; float: right;" type="number" placeholder="Wgt" title="Weight">
|
||||
<div style="clear:both; height:15px;"></div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<div style="float: left; width:475px; margin: 0px 0px 10px 5px;">
|
||||
<div class="sheet-dw-header" style="width:100%;">
|
||||
<span class="sheet-section-name">Moves</span>
|
||||
</div>
|
||||
<fieldset class="repeating_moves">
|
||||
<input type="text" class="sheet-dw-name" name="attr_movename" style="width:95%;" placeholder="Move Name">
|
||||
<input type="checkbox" class="sheet-show-move sheet-toggle" title="show/hide" name="attr_move-show" value="1" /><span></span>
|
||||
<textarea name="attr_movebody" class="sheet-move-body" style="width:97%;" placeholder="Move Description"></textarea>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 81 KiB |
@@ -4,5 +4,5 @@
|
||||
"authors": "Willem den Besten (Morenim)",
|
||||
"roll20userid": "298278",
|
||||
"preview": "DungeonWorld.png",
|
||||
"instructions": "This sheet more-or-less resembles a generic version of the official character sheets."
|
||||
"instructions": "The sheet can store all information required for a Dungeon World character. It provides roll buttons for damage and rolling +MOD. As a new feature it auto-calculates the modifiers. The new checkboxes can be used to show/hide information such as the base load, base health, and move descriptions. Enjoy. :)"
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user