Files
roll20-character-sheets/Weaverdice/Weaverdice.html
T
Andreas J 8afb82f40a [Weaverdice] V.2.00 - layout refactoring (#5553)
* Weaverdice v.2.00: Sheet refactored down to skills

* Weaverdice v.2.00: Sheet refactored

* Weaverdice v.2.00: update img-link names
2019-10-14 15:01:25 -05:00

655 lines
23 KiB
HTML

<div class="main">
<!-- Header -->
<div class="header">
<span class="title">Weaver Dice</span>
<span class="version"></span>
<div>
<input type="text" name="attr_cape_n" value="" placeholder="Cape name">
</div>
</div>
<!-- Main info block -->
<div class="section main-info">
<div>
<span>PLAYER NAME</span>
<input name="attr_player_n" type="text">
</div>
<div>
<span>CIVILIAN NAME</span>
<input name="attr_civilian_n" type="text">
</div>
<div>
<span>AFFILIATION</span>
<input name="attr_alignment" type="text">
</div>
<div>
<span>FACTION</span>
<input name="attr_faction" type="text">
</div>
<div>
<span>AGE</span>
<input name="attr_age" type="text">
</div>
<div>
<span>GENDER</span>
<input name="attr_gender" type="text">
</div>
</div>
<!-- WOUNDS -->
<div class="section wounds">
<div class="title">
<span>WOUNDS</span>
</div>
<div class="sub-title">
<span>STATUS</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 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="">
</div>
<div>
<input type="text" name="attr_debuff2" value="">
</div>
<div>
<input type="text" name="attr_debuff3" value="">
</div>
<div>
<input type="text" name="attr_debuff4" value="">
</div>
<div>
<input type="text" name="attr_debuff5" value="">
</div>
<div>
<input type="text" name="attr_debuff6" value="">
</div>
<div>
<input type="text" name="attr_debuff7" value="">
</div>
<div>
<input type="text" name="attr_debuff8" value="">
</div>
</div>
<!-- Stats & Inventory -->
<div class="stats-inventory">
<!-- Stats -->
<div class="section stats">
<div class="title">
<span>STATS</span>
</div>
<div class="brawn-img img-size">
<span>BRAWN</span>
<button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Brawn}} {{Roll=[[1d6+@{brawn}]]}}"></button>
</div>
<div class="dexterity-img img-size">
<span>DEXTERITY</span>
<button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Dexterity}} {{Roll=[[1d6+@{dexterity}]]}}"></button>
</div>
<div class="social-img img-size">
<span>SOCIAL</span>
<button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Social}} {{Roll=[[1d6+@{social}]]}}"></button>
</div>
<div class="guts-img img-size">
<span>GUTS</span>
<button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Guts}} {{Roll=[[1d6+@{guts}]]}}"></button>
</div>
<div class="brawn info">
<span>Stat: <input type="number" name="attr_brawn_stat" value="@{brawn}+3" disabled="true"></span>
<span>Modifier: <input type="number" name="attr_brawn" value="0"></span>
</div>
<div class="dexterity info">
<span>Stat: <input type="number" name="attr_dexterity_stat" value="@{dexterity}+3" disabled="true"></span>
<span>Modifier: <input type="number" name="attr_dexterity" value="0"></span>
</div>
<div class="social info">
<span>Stat: <input type="number" name="attr_social_stat" value="@{social}+3" disabled="true"></span>
<span>Modifier: <input type="number" name="attr_social" value="0"></span>
</div>
<div class="guts info">
<span>Stat: <input type="number" name="attr_guts_stat" value="@{guts}+3" disabled="true"></span>
<span>Modifier: <input type="number" name="attr_guts" value="0"></span>
</div>
<div class="athletics-img img-size">
<span>ATHLETICS</span>
<button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Ahletics}} {{Roll=[[1d6+@{athletics}]]}}"></button>
</div>
<div class="wits-img img-size">
<span>WITS</span>
<button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Wits}} {{Roll=[[1d6+@{wits}]]}}"></button>
</div>
<div class="knowledge-img img-size">
<span>KNOWLEDGE</span>
<button class="sheet-d6-dice" type="roll" value="&{template:red} {{name=Knowledge}} {{Roll=[[1d6+@{knowledge}]]}}"></button>
</div>
<div></div>
<div class="athletics info">
<span>Stat: <input type="number" name="attr_athletics_stat" value="@{athletics}+3" disabled="true"></span>
<span>Modifier: <input type="number" name="attr_athletics" value="0"></span>
</div>
<div class="wits info">
<span>Stat: <input type="number" name="attr_wits_stat" value="@{wits}+3" disabled="true"></span>
<span>Modifier: <input type="number" name="attr_wits" value="0"></span>
</div>
<div class="knowledge info">
<span>Stat: <input type="number" name="attr_knowledge_stat" value="@{knowledge}+3" disabled="true"></span>
<span>Modifier: <input type="number" name="attr_knowledge" value="0"></span>
</div>
<div></div>
</div>
<!-- Inventory -->
<div class="section inventory">
<div class="title">
<span>GEAR</span>
<span>NOTES</span>
<span>WEIGHT</span>
</div>
<fieldset class="repeating_gear">
<input type="text" name="attr_gearname" value="name">
<input type="text" name="attr_gearnotes" value="notes">
<input type="number" name="attr_gearweight" value="1">
</fieldset>
</div>
</div>
<!-- Skills Section -->
<!-- Skill 1 -->
<div class="section skill">
<div class="name title">
<input name="attr_skillname1" type="text" placeholder="Skill 1">
<input name="attr_skill1" type="number">
</div>
<div class="info">
<div class="dice-row">
<span>
Dice:<input type="number" name="attr_skill_1_n" value="1">
</span>
<select name="attr_skill_1_dice" class="dice"/>
<option value="d6" selected="selected">d6</option>
<option value="d8">d8</option>
</select>
<span>
Roll Mod:<input name="attr_skill_1_mod" type="text" value="k1">
</span>
<select name="attr_skill_1_stat" class="stat"/>
<option value="0" selected="selected">No Stat</option>
<option value="@{brawn}">Brawn</option>
<option value="@{athletics}">Athletics</option>
<option value="@{dexterity}">Dexterity</option>
<option value="@{wits}">Wits</option>
<option value="@{social}">Social</option>
<option value="@{knowledge}">Knowledge</option>
<option value="@{guts}" >Guts</option>
</select>
<span>
Bonus:<input type="number" name="attr_skill_1_bonus" value="0">
</span>
<button class="sheet-d6-dice" type="roll" value="&{template:blue} {{name=@{skillname1}}} {{Roll=[[@{skill_1_n}@{skill_1_dice}@{skill_1_mod} + @{skill_1_stat}+ @{skill_1_bonus}]]}}"></button>
</div>
<textarea rows="6" name="attr_skilldesc1" placeholder="Short description of effect goes here."></textarea>
</div>
</div>
<!-- Skill 2 -->
<div class="section skill">
<div class="name title">
<input name="attr_skillname2" type="text" placeholder="Skill 2">
<input name="attr_skill2" type="number">
</div>
<div class="info">
<div class="dice-row">
<span>
Dice:<input type="number" name="attr_skill_2_n" value="1">
</span>
<select name="attr_skill_2_dice" class="dice"/>
<option value="d6" selected="selected">d6</option>
<option value="d8">d8</option>
</select>
<span class="sub-title">
Roll Mod:<input name="attr_skill_2_mod" type="text" value="k1">
</span>
<select name="attr_skill_2_stat" class="stat"/>
<option value="0" selected="selected">No Stat</option>
<option value="@{brawn}">Brawn</option>
<option value="@{athletics}">Athletics</option>
<option value="@{dexterity}">Dexterity</option>
<option value="@{wits}">Wits</option>
<option value="@{social}">Social</option>
<option value="@{knowledge}">Knowledge</option>
<option value="@{guts}" >Guts</option>
</select>
<span class="sub-title">
Bonus:<input type="number" name="attr_skill_2_bonus" value="0">
</span>
<button class="sheet-d6-dice" type="roll" value="&{template:blue} {{name=@{skillname2}}} {{Roll=[[@{skill_2_n}@{skill_2_dice}@{skill_2_mod} + @{skill_2_stat}+ @{skill_2_bonus}]]}}"></button>
</div>
<textarea rows="6" name="attr_skilldesc2" value="Short description of effect goes here."></textarea>
</div>
</div>
<!-- Skill 3 -->
<div class="section skill">
<div class="name title">
<input name="attr_skillname3" type="text" placeholder="Skill 3">
<input name="attr_skill3" type="number">
</div>
<div class="info">
<div class="dice-row">
<span>
Dice:<input type="number" name="attr_skill_3_n" value="1">
</span>
<select name="attr_skill_3_dice" class="dice"/>
<option value="d6" selected="selected">d6</option>
<option value="d8">d8</option>
</select>
<span class="sub-title">
Roll Mod:<input name="attr_skill_3_mod" type="text" value="k1">
</span>
<select name="attr_skill_3_stat" class="stat"/>
<option value="0" selected="selected">No Stat</option>
<option value="@{brawn}">Brawn</option>
<option value="@{athletics}">Athletics</option>
<option value="@{dexterity}">Dexterity</option>
<option value="@{wits}">Wits</option>
<option value="@{social}">Social</option>
<option value="@{knowledge}">Knowledge</option>
<option value="@{guts}" >Guts</option>
</select>
<span class="sub-title">
Bonus:<input type="number" name="attr_skill_3_bonus" value="0">
</span>
<button class="sheet-d6-dice" type="roll" value="&{template:blue} {{name=@{skillname3}}} {{Roll=[[@{skill_3_n}@{skill_3_dice}@{skill_3_mod} + @{skill_3_stat}+ @{skill_3_bonus}]]}}"></button>
</div>
<textarea rows="6" name="attr_skilldesc3" value="Short description of effect goes here."></textarea>
</div>
</div>
<!-- Skill 4 -->
<div class="section skill">
<div class="name title">
<input name="attr_skillname4" type="text" placeholder="Skill 4">
<input name="attr_skill4" type="number">
</div>
<div class="info">
<div class="dice-row">
<span>
Dice:<input type="number" name="attr_skill_4_n" value="1">
</span>
<select name="attr_skill_4_dice" class="dice"/>
<option value="d6" selected="selected">d6</option>
<option value="d8">d8</option>
</select>
<span class="sub-title">
Roll Mod:<input name="attr_skill_4_mod" type="text" value="k1">
</span>
<select name="attr_skill_4_stat" class="stat"/>
<option value="0" selected="selected">No Stat</option>
<option value="@{brawn}">Brawn</option>
<option value="@{athletics}">Athletics</option>
<option value="@{dexterity}">Dexterity</option>
<option value="@{wits}">Wits</option>
<option value="@{social}">Social</option>
<option value="@{knowledge}">Knowledge</option>
<option value="@{guts}" >Guts</option>
</select>
<span class="sub-title">
Bonus:<input type="number" name="attr_skill_4_bonus" value="0">
</span>
<button class="sheet-d6-dice" type="roll" value="&{template:blue} {{name=@{skillname4}}} {{Roll=[[@{skill_4_n}@{skill_4_dice}@{skill_4_mod} + @{skill_4_stat}+ @{skill_4_bonus}]]}}"></button>
</div>
<textarea rows="6" name="attr_skilldesc4" value="Short description of effect goes here."></textarea>
</div>
</div>
<!-- Skill 5 -->
<div class="section skill">
<div class="name title">
<input name="attr_skillname5" type="text" placeholder="Skill 5">
<input name="attr_skill5" type="number">
</div>
<div class="info">
<div class="dice-row">
<span>
Dice:<input type="number" name="attr_skill_5_n" value="1">
</span>
<select name="attr_skill_5_dice" class="dice"/>
<option value="d6" selected="selected">d6</option>
<option value="d8">d8</option>
</select>
<span class="sub-title">
Roll Mod:<input name="attr_skill_5_mod" type="text" value="k1">
</span>
<select name="attr_skill_5_stat" class="stat"/>
<option value="0" selected="selected">No Stat</option>
<option value="@{brawn}">Brawn</option>
<option value="@{athletics}">Athletics</option>
<option value="@{dexterity}">Dexterity</option>
<option value="@{wits}">Wits</option>
<option value="@{social}">Social</option>
<option value="@{knowledge}">Knowledge</option>
<option value="@{guts}" >Guts</option>
</select>
<span class="sub-title">
Bonus:<input type="number" name="attr_skill_5_bonus" value="0">
</span>
<button class="sheet-d6-dice" type="roll" value="&{template:blue} {{name=@{skillname5}}} {{Roll=[[@{skill_5_n}@{skill_5_dice}@{skill_5_mod} + @{skill_5_stat}+ @{skill_5_bonus}]]}}"></button>
</div>
<textarea rows="6" name="attr_skilldesc5" value="Short description of effect goes here."></textarea>
</div>
</div>
<!-- Skills end -->
<!-- Powers -->
<div class="powers section">
<div class="title">
<span>POWER</span>
</div>
<textarea name="attr_powerdesc"></textarea>
</div>
<!-- Perks, flaws -->
<div class="perks section">
<div class="title">
<span>PERKS, FLAWS</span>
</div>
<textarea name="attr_perksflaws"></textarea>
</div>
<!-- reputation -->
<div class="reputation section">
<div class="title">
<span>REPUTATION</span>
</div>
<textarea name="attr_reputation"></textarea>
</div>
<!-- assets allies-->
<table class="tab-collps">
<tr>
<td class="section gray-border bg-gray" colspan="2" rowspan="1">
<p class="center"><span class="sub-title center">ASSETS</span></p>
</td>
<td class="graysides">
<p class="sheet-gap"></p>
</td>
<td class="bg-gray section gray-border" colspan="2" rowspan="1">
<p class="center"><span class="sub-title">ALLIES, UNDERLINGS</span></p>
</td>
</tr>
<tr>
<td class="name gray-border bg-gray">
<span class="sub-title center">ASSET</span>
</td>
<td class="sheet-notes gray-border bg-gray">
<p class="center"><span class="sub-title center">NOTES</span></p>
</td>
<td class="graysides">
<p class="sheet-gap"></p>
</td>
<td class="name gray-border bg-gray">
<span class="sub-title center">ALLY</span>
</td>
<td class="sheet-notes gray-border bg-gray">
<p class="center"><span class="sub-title center">NOTES</span></p>
</td>
</tr>
<tr>
<td class="name gray-border" colspan="2" rowspan="1">
<fieldset class="repeating_assets">
<input style="width:42%;" type="text" name="attr_assetname" value="name">
<div style="display: inline-block">
<input style="width:113%" type="text" name="attr_assetnotes" value="notes">
</div>
</fieldset>
</td>
<td class="graysides">
<p class="sheet-gap"></p>
</td>
<td class="name gray-border" colspan="2" rowspan="1">
<fieldset class="repeating_allies">
<input style="width:42%;" type="text" name="attr_allyname" value="name">
<div style="display: inline-block">
<input style="width:113%" type="text" name="attr_allynotes" value="notes">
</div>
</fieldset>
</td>
</tr>
</table>
<!-- resources & territory-->
<p class="sheet-gap"></p>
<table class="tab-collps">
<tr>
<td class="bg-gray section gray-border" colspan="2" rowspan="1">
<p class="center"><span class="sub-title">RESOURCES</span></p>
</td>
<td class="graysides">
<p class="sheet-gap"></p>
</td>
<td class="section bg-gray gray-border" colspan="2" rowspan="1">
<p class="center"><span class="sub-title">TERRITORY</span></p>
</td>
</tr>
<tr>
<td class="name gray-border bg-gray">
<span class="sub-title center">RESOURCE</span>
</td>
<td class="sheet-notes gray-border bg-gray">
<p class="center"><span class="sub-title">NOTES</span></p>
</td>
<td class="graysides">
<p class="sheet-gap"></p>
</td>
<td class="bg-gray name gray-border">
<span class="sub-title center">AREA</span>
</td>
<td class="bg-gray sheet-notes gray-border">
<p class="center"><span class="sub-title center">RELEVANCE</span></p>
</td>
</tr>
<tr>
<td class="name gray-border" colspan="2" rowspan="1">
<fieldset class="repeating_resources">
<input style="width:42%;" type="text" name="attr_resourcename" value="name">
<div style="display: inline-block">
<input style="width:113%" type="text" name="attr_resourcenotes" value="notes">
</div>
</fieldset>
</td>
<td class="graysides">
<p class="sheet-gap"></p>
</td>
<td class="name gray-border" colspan="2" rowspan="1">
<fieldset class="repeating_territories">
<input style="width:42%;" type="text" name="attr_areaname" value="name">
<div style="display: inline-block">
<input style="width:113%" type="text" name="attr_areanotes" value="notes">
</div>
</fieldset>
</td>
</tr>
</table>
<p class="sheet-gap"></p>
<!-- Appearance -->
<div class="appearance">
<div class="section">
<span>APPEARANCE, COSTUMED</span>
<textarea rows="4" name="attr_civdesc" value="Appearance in costume; include advantages."></textarea>
</div>
<div class="section">
<span>APPEARANCE, CIVILIAN</span>
<textarea rows="4" name="attr_capedesc" value="Appearance out of costume."></textarea>
</div>
</div>
<!-- trigger -->
<div class="trigger section">
<div class="title">
<span>TRIGGER EVENT</span>
</div>
<textarea name="attr_trigger"></textarea>
</div>
<!--personality -->
<div class="personality section">
<div class="title">
<span>PERSONALITY</span>
</div>
<textarea name="attr_personality"></textarea>
</div>
<!-- history -->
<div class="history section">
<div class="title">
<span>HISTORY</span>
</div>
<textarea name="attr_history"></textarea>
</div>
<!--achievements -->
<div class="achievements section">
<div class="title">
<span>ACHIEVEMENTS</span>
</div>
<textarea name="attr_achievements"></textarea>
</div>
<!--current goals -->
<div class="goals section">
<div class="title">
<span>CURRENT GOALS</span>
</div>
<textarea name="attr_goals"></textarea>
</div>
<!--notes -->
<div class="notes section">
<div class="title">
<span>NOTES</span>
</div>
<textarea name="attr_notes"></textarea>
</div>
</div>
<p class="gap"></p>
<p class="version footer">Author: Andreas J. | UserID: 1223200 | Weaver Dice </p>
<!--------------------------------------------------------------------->
<!----------------------- ROLL TEMPLATES ------------------------------>
<rolltemplate class="sheet-rolltemplate-blue">
<table>
<caption>{{name}}</caption>
{{#allprops() }}
<tr><td>{{key}}</td><td>{{value}}</td>
{{/allprops() }}
</table>
</rolltemplate>
<rolltemplate class="sheet-rolltemplate-green">
<table>
<caption>{{name}}</caption>
{{#allprops() }}
<tr><td>{{key}}</td><td>{{value}}</td>
{{/allprops() }}
</table>
</rolltemplate>
<rolltemplate class="sheet-rolltemplate-red">
<table>
<caption>{{name}}</caption>
{{#allprops() }}
<tr><td>{{key}}</td><td>{{value}}</td>
{{/allprops() }}
</table>
</rolltemplate>
<rolltemplate class="sheet-rolltemplate-black">
<table>
<caption>{{name}}</caption>
{{#allprops() }}
<tr><td>{{key}}</td><td>{{value}}</td>
{{/allprops() }}
</table>
</rolltemplate>