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

Merge pull request #9363 from TWHalikon/master

Browse Source 
[Weaverdice] Made changes to the wounds counter
This commit is contained in:
Nic Bradley
2021-08-16 12:21:53 -07:00
committed by GitHub
parent d7430f3ee6 1b90df007f
commit 794e4a8564
3 changed files with 275 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Weaverdice/CHANGELOG-Weaverdice.md
+8
View File
@@ -1,3 +1,11 @@
### Version 2.01(2021-8-14):
- updated wounds counter from text to drop down to reflect weaver dice types of damage and effects
- used emojis for interchangeable hearts for health, damaged health, armor, and damaged armor on wounds
- changed sheet version to SV for cleaner look
### Version 2.00(2019-10-15):
- sheet code refactored to use CSS Flexbox and CSS Grid(previously the sheet used >
Weaverdice/Weaverdice.css
+16 -2
View File
@@ -1,7 +1,7 @@
/* Sheet Version */
.charsheet .sheet-version::after {
content: 'Sheet Version 2.00';
content: 'SV 2.01';
}
/* ----------------------- */
@@ -122,7 +122,7 @@ div.sheet-wounds{
display:grid;
grid-template-columns: 5.5em repeat(8, 1fr);
grid-template-rows: 0.5fr repeat(3, 1fr);
height: 125px;
height: 143px;
}
div.sheet-wounds div.sheet-title{
@@ -141,6 +141,20 @@ div.sheet-wounds input[type="text"]{
margin-left: 2px;
}
div.sheet-wounds select.sheet-health{
width: 80px;
height: 33px;
margin-left: 1px;
}
div.sheet-wounds select.sheet-text{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 80px;
margin-left: 2px;
}
div.sheet-wounds div{
border: 1px solid var(--gray);
}
Weaverdice/Weaverdice.html
+251 -45
View File
@@ -49,72 +49,278 @@
<div class="sub-title">
<span>STATUS</span>
</div>
<div>
<select class="health" style="font-size:160%;" name="attr_health1">
<option value="health" selected="selected">❤️️</option>
<option value="damage">&#128148;</option>
<option value="armor">&#128153;</option>
<option value="broken">&#128420;</option>
<option value="none">️</option>
</select>
</div>
<div>
<select class="health" style="font-size:160%;" name="attr_health2">
<option value="health" selected="selected">❤️️</option>
<option value="damage">&#128148;</option>
<option value="armor">&#128153;</option>
<option value="broken">&#128420;</option>
<option value="none">️</option>
</select>
</div>
<div>
<select class="health" style="font-size:160%;" name="attr_health3">
<option value="health" selected="selected">❤️️</option>
<option value="damage">&#128148;</option>
<option value="armor">&#128153;</option>
<option value="broken">&#128420;</option>
<option value="none">️</option>
</select>
</div>
<div>
<select class="health" style="font-size:160%;" name="attr_health4">
<option value="health">❤️️</option>
<option value="damage">&#128148;</option>
<option value="armor">&#128153;</option>
<option value="broken">&#128420;</option>
<option value="none" selected="selected">️</option>
</select>
</div>
<div>
<select class="health" style="font-size:160%;" name="attr_health5">
<option value="health">❤️️</option>
<option value="damage">&#128148;</option>
<option value="armor">&#128153;</option>
<option value="broken">&#128420;</option>
<option value="none" selected="selected">️</option>
</select>
</div>
<div>
<select class="health" style="font-size:160%;" name="attr_health6">
<option value="health">❤️️</option>
<option value="damage">&#128148;</option>
<option value="armor">&#128153;</option>
<option value="broken">&#128420;</option>
<option value="none" selected="selected">️</option>
</select>
</div>
<div>
<select class="health" style="font-size:160%;" name="attr_health7">
<option value="health">❤️️</option>
<option value="damage">&#128148;</option>
<option value="armor">&#128153;</option>
<option value="broken">&#128420;</option>
<option value="none" selected="selected">️</option>
</select>
</div>
<div>
<select class="health" style="font-size:160%;" name="attr_health8">
<option value="health">❤️️</option>
<option value="damage">&#128148;</option>
<option value="armor">&#128153;</option>
<option value="broken">&#128420;</option>
<option value="none" selected="selected">️</option>
</select>
</div>
<div class="sub-title">
<span>TYPE</span>
</div>
<div><input type="radio" name="attr_health" value="1"><span></span></div>
<div><input type="radio" name="attr_health" value="2"><span></span></div>
<div><input type="radio" name="attr_health" value="3" checked="checked"><span></span></div>
<div><input type="radio" name="attr_health" value="4"><span></span></div>
<div><input type="radio" name="attr_health" value="5"><span></span></div>
<div><input type="radio" name="attr_health" value="6"><span></span></div>
<div><input type="radio" name="attr_health" value="7"><span></span></div>
<div><input type="radio" name="attr_health" value="8"><span></span></div>
<div>
<select class="text" name="attr_wound1">
<option value="1" selected="selected">Healthy</option>
<option value="2">Lesser</option>
<option value="3">Moderate</option>
<option value="4">Critical</option>
<option value="0"></option>
</select>
</div>
<div>
<select class="text" name="attr_wound2">
<option value="1" selected="selected">Healthy</option>
<option value="2">Lesser</option>
<option value="3">Moderate</option>
<option value="4">Critical</option>
<option value="0"></option>
</select>
</div>
<div>
<select class="text" name="attr_wound3">
<option value="1" selected="selected">Healthy</option>
<option value="2">Lesser</option>
<option value="3">Moderate</option>
<option value="4">Critical</option>
<option value="0"></option>
</select>
</div>
<div>
<select class="text" name="attr_wound4">
<option value="1">Healthy</option>
<option value="2">Lesser</option>
<option value="3">Moderate</option>
<option value="4">Critical</option>
<option value="0" selected="selected"></option>
</select>
</div>
<div>
<select class="text" name="attr_wound5">
<option value="1">Healthy</option>
<option value="2">Lesser</option>
<option value="3">Moderate</option>
<option value="4">Critical</option>
<option value="0" selected="selected"></option>
</select>
</div>
<div>
<select class="text" name="attr_wound6">
<option value="1">Healthy</option>
<option value="2">Lesser</option>
<option value="3">Moderate</option>
<option value="4">Critical</option>
<option value="0" selected="selected"></option>
</select>
</div>
<div>
<select class="text" name="attr_wound7">
<option value="1">Healthy</option>
<option value="2">Lesser</option>
<option value="3">Moderate</option>
<option value="4">Critical</option>
<option value="0" selected="selected"></option>
</select>
</div>
<div>
<select class="text" name="attr_wound8">
<option value="1">Healthy</option>
<option value="2">Lesser</option>
<option value="3">Moderate</option>
<option value="4">Critical</option>
<option value="0" selected="selected"></option>
</select>
</div>
<div class="sub-title">
<span>EFFECTS</span>
</div>
<div>
<input type="text" name="attr_wound1" value="Healthy">
</div>
<div>
<input type="text" name="attr_wound2" value="Healthy">
</div>
<div>
<input type="text" name="attr_wound3" value="Healthy">
</div>
<div>
<input type="text" name="attr_wound4" value="">
</div>
<div>
<input type="text" name="attr_wound5" value="">
</div>
<div>
<input type="text" name="attr_wound6" value="">
</div>
<div>
<input type="text" name="attr_wound7" value="">
</div>
<div>
<input type="text" name="attr_wound8" value="">
</div>
<div class="sub-title">
<span>DEBUFFS</span>
</div>
<div>
<input type="text" name="attr_debuff1" value="">
<select class="text" name="attr_debuff1">
<option value="none" selected="selected"></option>
<option value="bleed">Bleed</option>
<option value="scar">Scar</option>
<option value="blinded">Blinded</option>
<option value="disabled">Disabled</option>
<option value="disabled">Disarmed</option>
<option value="knocked_down">Knocked</option>
<option value="staggered">Staggered</option>
<option value="confused">Confused</option>
<option value="pain">Pain</option>
<option value="death_sentence">Dying</option>
</select>
</div>
<div>
<input type="text" name="attr_debuff2" value="">
<select class="text" name="attr_debuff2">
<option value="none" selected="selected"></option>
<option value="bleed">Bleed</option>
<option value="scar">Scar</option>
<option value="blinded">Blinded</option>
<option value="disabled">Disabled</option>
<option value="disabled">Disarmed</option>
<option value="knocked_down">Knocked</option>
<option value="staggered">Staggered</option>
<option value="confused">Confused</option>
<option value="pain">Pain</option>
<option value="death_sentence">Dying</option>
</select>
</div>
<div>
<input type="text" name="attr_debuff3" value="">
<select class="text" name="attr_debuff3">
<option value="none" selected="selected"></option>
<option value="bleed">Bleed</option>
<option value="scar">Scar</option>
<option value="blinded">Blinded</option>
<option value="disabled">Disabled</option>
<option value="disabled">Disarmed</option>
<option value="knocked_down">Knocked</option>
<option value="staggered">Staggered</option>
<option value="confused">Confused</option>
<option value="pain">Pain</option>
<option value="death_sentence">Dying</option>
</select>
</div>
<div>
<input type="text" name="attr_debuff4" value="">
<select class="text" name="attr_debuff4">
<option value="none" selected="selected"></option>
<option value="bleed">Bleed</option>
<option value="scar">Scar</option>
<option value="blinded">Blinded</option>
<option value="disabled">Disabled</option>
<option value="disabled">Disarmed</option>
<option value="knocked_down">Knocked</option>
<option value="staggered">Staggered</option>
<option value="confused">Confused</option>
<option value="pain">Pain</option>
<option value="death_sentence">Dying</option>
</select>
</div>
<div>
<input type="text" name="attr_debuff5" value="">
<select class="text" name="attr_debuff5">
<option value="none" selected="selected"></option>
<option value="bleed">Bleed</option>
<option value="scar">Scar</option>
<option value="blinded">Blinded</option>
<option value="disabled">Disabled</option>
<option value="disabled">Disarmed</option>
<option value="knocked_down">Knocked</option>
<option value="staggered">Staggered</option>
<option value="confused">Confused</option>
<option value="pain">Pain</option>
<option value="death_sentence">Dying</option>
</select>
</div>
<div>
<input type="text" name="attr_debuff6" value="">
<select class="text" name="attr_debuff6">
<option value="none" selected="selected"></option>
<option value="bleed">Bleed</option>
<option value="scar">Scar</option>
<option value="blinded">Blinded</option>
<option value="disabled">Disabled</option>
<option value="disabled">Disarmed</option>
<option value="knocked_down">Knocked</option>
<option value="staggered">Staggered</option>
<option value="confused">Confused</option>
<option value="pain">Pain</option>
<option value="death_sentence">Dying</option>
</select>
</div>
<div>
<input type="text" name="attr_debuff7" value="">
<select class="text" name="attr_debuff7">
<option value="none" selected="selected"></option>
<option value="bleed">Bleed</option>
<option value="scar">Scar</option>
<option value="blinded">Blinded</option>
<option value="disabled">Disabled</option>
<option value="disabled">Disarmed</option>
<option value="knocked_down">Knocked</option>
<option value="staggered">Staggered</option>
<option value="confused">Confused</option>
<option value="pain">Pain</option>
<option value="death_sentence">Dying</option>
</select>
</div>
<div>
<input type="text" name="attr_debuff8" value="">
<select class="text" name="attr_debuff8">
<option value="none" selected="selected"></option>
<option value="bleed">Bleed</option>
<option value="scar">Scar</option>
<option value="blinded">Blinded</option>
<option value="disabled">Disabled</option>
<option value="disabled">Disarmed</option>
<option value="knocked_down">Knocked</option>
<option value="staggered">Staggered</option>
<option value="confused">Confused</option>
<option value="pain">Pain</option>
<option value="death_sentence">Dying</option>
</select>
</div>
</div>