mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
332 lines
16 KiB
HTML
332 lines
16 KiB
HTML
<div class="container">
|
|
<div class="3colrow">
|
|
<div class="col" style="width: 20%"> </div>
|
|
<div class="col" style="width: 60%">
|
|
<img src="https://gallery.mailchimp.com/e1e04500e05811258d259ceeb/images/4165238f-c749-43d7-b597-2ec55961171b.jpg" alt="Spirit of 77">
|
|
</div>
|
|
<div class="col" style="width: 20%"> </div>
|
|
</div>
|
|
|
|
<div class="row" style="border-top: 1px solid #000000; border-bottom: 1px solid #000000;">
|
|
<div class="col">
|
|
<br />
|
|
<div class="3colrow">
|
|
<div class="col">
|
|
<label for="attr_character_name">Name: <input type="text" name="attr_character_name" /></label>
|
|
</div>
|
|
<div class="col">
|
|
<label for="attr_look">Look: <textarea name="attr_look" rows="3"></textarea></label>
|
|
</div>
|
|
</div>
|
|
<div class="3colrow">
|
|
<div class="col">
|
|
<label>
|
|
Role:
|
|
<select name="attr_role">
|
|
<option value="bopper" selected="selected">Bopper</option>
|
|
<option value="goodoldboy">Good Old Boy</option>
|
|
<option value="honeypot">Honeypot</option>
|
|
<option value="rocker">Rocker</option>
|
|
<option value="sleuth">Sleuth</option>
|
|
<option value="toughguy">Tough Guy</option>
|
|
<option value="vigilante">Vigilante</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
<div class="col">
|
|
<label>
|
|
Story:
|
|
<select name="attr_story">
|
|
<option value="allstar" selected="selected">All-Star</option>
|
|
<option value="excon">Ex-Con</option>
|
|
<option value="formerbadge">Former Badge</option>
|
|
<option value="glam">Glam</option>
|
|
<option value="humblebeginnings">Humble Beginnings</option>
|
|
<option value="kungfu">Kung Fu</option>
|
|
<option value="onebadmother">One Bad Mother</option>
|
|
<option value="warvet">War Vet</option>
|
|
<option value="xtech">X-Tech</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="3colrow">
|
|
<div class="col">
|
|
<label>Buzz:
|
|
<select name="attr_buzz">
|
|
<option value="Adventure">Adventure</option>
|
|
<option value="Cash">Cold Hard Cash</option>
|
|
<option value="Crown">The Crown</option>
|
|
<option value="Escape">Escape</option>
|
|
<option value="Fame">Fame and Glory</option>
|
|
<option value="Honor">Honor</option>
|
|
<option value="Justice">Justice</option>
|
|
<option value="Love">Love/Lust</option>
|
|
<option value="Payback">Payback</option>
|
|
<option value="Peace">Peace of Mind</option>
|
|
<option value="Redemption">Redemption</option>
|
|
<option value="Respect">Respect</option>
|
|
<option value="Thrills">Thrills</option>
|
|
<option value="Truth">The Truth</option>
|
|
<option value="Vindication">Vindication</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
<div class="col">
|
|
<label for="attr_hooks">Hooks: <textarea name="attr_hooks" rows="3"></textarea></label>
|
|
</div>
|
|
</div>
|
|
<div class="3colrow">
|
|
<div class="col">
|
|
<label>Harm:
|
|
<select name="attr_harm">
|
|
<option value="0" selected="selected">0 - Healthy</option>
|
|
<option value="1">1 - Bruised</option>
|
|
<option value="2">2 - Bloodied</option>
|
|
<option value="3">3 - Bruised and Bloodied</option>
|
|
<option value="4">4 - Broken</option>
|
|
<option value="5">5 - Down</option>
|
|
<option value="6">6 - Dying</option>
|
|
<option value="7">7 - Dead</option>
|
|
<option value="8">8 - Destroyed</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
<div class="col">
|
|
<label>Heat:
|
|
<select name="attr_heat">
|
|
<option value="0">0 - All Good, Baby</option>
|
|
<option value="1">1 - Investigate</option>
|
|
<option value="2">2 - Hassle</option>
|
|
<option value="3">3 - APB</option>
|
|
<option value="4">4 - Detain</option>
|
|
<option value="5">5 - Manhunt</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="3colrow">
|
|
<div class="col">
|
|
<label>Cash: <input type="number" name="attr_cash" value="0" min="0"/></label>
|
|
</div>
|
|
<div class="col">
|
|
<label>Experience: <input type="number" name="attr_xp" value="0" min="0"/></label>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
</div>
|
|
</div>
|
|
|
|
<div style="background-color: #6495ED;">
|
|
<br /><br />                  
|
|
<button type="action" name="act_character" >Attributes and Moves</button>
|
|
      
|
|
<button type="action" name="act_configuration" >Gear and Thangs</button>
|
|
<br /><br /><br />
|
|
</div>
|
|
|
|
<input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab" value="character" />
|
|
|
|
<br />
|
|
|
|
<div class="sheet-character">
|
|
<h2>Attributes and Moves</h2>
|
|
<div class="2colrow" style="border-top: 1px solid #000000;">
|
|
<div class="col" style="border-right: 1px solid #000000;">
|
|
<br />
|
|
<h2>Attributes</h2>
|
|
<div class="player-attr-group" style="border-bottom: 1px solid #000000;">
|
|
<div class="player-attr">
|
|
<label for="attr_Might">Might</label>
|
|
<input type="number" name="attr_Might" value="0" min="-1" max="4"/>
|
|
<button type="roll" value="/roll 2d6 + @{Might}" name="roll_MightCheck"></button>
|
|
</div>
|
|
<div class="player-attr">
|
|
<label for="attr_Hustle">Hustle</label>
|
|
<input type="number" name="attr_Hustle" value="0" min="-1" max="4" />
|
|
<button type="roll" value="/roll 2d6 + @{Hustle}" name="roll_HustleCheck"></button>
|
|
</div>
|
|
<div class="player-attr">
|
|
<label for="attr_Smooth">Smooth</label>
|
|
<input type="number" name="attr_Smooth" value="0" min="-1" max="4" />
|
|
<button type="roll" value="/roll 2d6 + @{Smooth}" name="roll_SmoothCheck"></button>
|
|
</div>
|
|
<div class="player-attr">
|
|
<label for="attr_Brains">Brains</label>
|
|
<input type="number" name="attr_Brains" value="0" min="-1" max="4" />
|
|
<button type="roll" value="/roll 2d6 + @{Brains}" name="roll_BrainsCheck"></button>
|
|
</div>
|
|
<div class="player-attr">
|
|
<label for="attr_Soul">Soul</label>
|
|
<input type="number" name="attr_Soul" value="0" min="-1" max="4" />
|
|
<button type="roll" value="/roll 2d6 + @{Soul}" name="roll_SoulCheck"></button>
|
|
</div>
|
|
<br />
|
|
</div>
|
|
|
|
<br />
|
|
<h2>Moves</h2>
|
|
|
|
<div class="player-attr-group">
|
|
<div class="player-attr">
|
|
<h4><button type="roll" value="/roll 2d6 + @{Might}" name="roll_BeatdownCheck"></button> Deliver a Beatdown</h4>
|
|
</div>
|
|
<div class="player-attr">
|
|
<h4><button type="roll" value="/roll 2d6 + @{Hustle}" name="roll_SmokeCheck"></button> Smoke His Ass</h4>
|
|
</div>
|
|
<div class="player-attr">
|
|
<h4><button type="roll" value="/roll 2d6 + ?{Which one?|Take a Hit,@{Might}|Get Outta the Way, @{Hustle}}" name="roll_TakeHitCheck"></button> Take a Hit or Get Outta the Way</h4>
|
|
</div>
|
|
<div class="player-attr">
|
|
<h4><button type="roll" value="/roll 2d6 + ?{How you gonna do it?|Power Through,@{Might}|Get Outta the Way or Act Fast, @{Hustle}|Quick Thinking, @{Brains}|Mental Fortitude or Serenity, @{Soul}|Charm and Social Grace, @{Smooth}}" name="roll_KeepCoolCheck"></button> Keep Your Cool</h4>
|
|
</div>
|
|
<div class="player-attr">
|
|
<h4><button type="roll" value="/roll 2d6 + @{Might}" name="roll_InFaceCheck"></button> Get In Their Face</h4>
|
|
</div>
|
|
<div class="player-attr">
|
|
<h4><button type="roll" value="/roll 2d6 + @{Smooth}" name="roll_GetWant"></button> Getting What You Want</h4>
|
|
</div>
|
|
<div class="player-attr">
|
|
<h4><button type="roll" value="/roll 2d6 + @{Brains}" name="roll_ThirdDegree"></button> Give Someone the Third Degree</h4>
|
|
</div>
|
|
<div class="player-attr">
|
|
<h4><button type="roll" value="/roll 2d6 + @{Soul}" name="roll_FreeMind"></button> Free Your Mind</h4>
|
|
</div>
|
|
<div class="player-attr">
|
|
<h4><button type="roll" value="/roll 2d6 + @{Brains}" name="roll_ScopeScene"></button> Scope Out a Scene</h4>
|
|
</div>
|
|
<div class="player-attr">
|
|
<h4><button type="roll" value="/roll 2d6 + ?{How many Hooks?|1,1|2,2|3,3|4,4|5,5}" name="roll_HelpBrother"></button> Help a Brother Out</h4>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
</div>
|
|
|
|
<div class="col">
|
|
<div class="row" style="border-bottom: 1px solid #000000;">
|
|
<br />
|
|
<h2>Role Moves</h2><textarea name="attr_role_moves" class="widetext"></textarea>
|
|
<!--fieldset class="repeating_role-moves" style="display:none;">
|
|
<div>
|
|
<span>Type:</span>
|
|
<select name="attr_role_move_type">
|
|
<option value="roll_role_move" selected="selected">Roll</option>
|
|
<option value="buff_role_move">Buff</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<span>Move Name:</span>
|
|
<input type="text" name="attr_role_move_name">
|
|
</div>
|
|
<br />
|
|
</fieldset>
|
|
<div class="repcontainer" data-groupname="repeating_role-moves">
|
|
<div class="repitem">
|
|
<div class="itemcontrol">
|
|
<button class="btn btn-danger pictos repcontrol_del"></button>
|
|
<a class="btn repcontrol_move"></a>
|
|
</div>
|
|
<div>
|
|
<span>Type:</span>
|
|
<select name="attr_role_move_type">
|
|
<option value="roll_role_move" selected="selected">Roll</option>
|
|
<option value="buff_role_move">Buff</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<span>Move Name:</span>
|
|
<input type="text" name="attr_role_move_name">
|
|
</div>
|
|
<br />
|
|
</div-->
|
|
<!-- there will be a div.repitem for each item the user has actually added to the sheet -->
|
|
<!--/div>
|
|
<div class="repcontrol" data-groupname="repeating_role-moves">
|
|
<button class="btn repcontrol_edit">Modify</button>
|
|
<button class="btn repcontrol_add">+Add</button>
|
|
</div-->
|
|
<br />
|
|
<br />
|
|
</div>
|
|
<div class="row">
|
|
<br />
|
|
<h2>Story Moves</h2><textarea name="attr_story_moves" class="widetext"></textarea>
|
|
<!--fieldset class="repeating_story-moves" style="display:none;">
|
|
<div class="story-move-attr">
|
|
<span>Type:</span>
|
|
<select name="attr_story_move_type">
|
|
<option value="roll_story_move" selected="selected">Roll</option>
|
|
<option value="buff_story_move">Buff</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<span>Move Name:</span>
|
|
<input type="text" name="attr_story_move_name">
|
|
</div>
|
|
<br />
|
|
</fieldset>
|
|
<div class="repcontainer" data-groupname="repeating_story-moves">
|
|
<div class="repitem">
|
|
<div class="itemcontrol">
|
|
<button class="btn btn-danger pictos repcontrol_del"></button>
|
|
<a class="btn repcontrol_move"></a>
|
|
</div>
|
|
<div>
|
|
<span>Type:</span>
|
|
<select name="attr_story_move_type">
|
|
<option value="roll_story_move" selected="selected">Roll</option>
|
|
<option value="buff_story_move">Buff</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<span>Move Name:</span>
|
|
<input type="text" name="attr_story_move_name">
|
|
</div>
|
|
<br />
|
|
</div-->
|
|
<!-- there will be a div.repitem for each item the user has actually added to the sheet -->
|
|
<!--/div>
|
|
<div class="repcontrol" data-groupname="repeating_story-moves">
|
|
<button class="btn repcontrol_edit">Modify</button>
|
|
<button class="btn repcontrol_add">+Add</button>
|
|
</div-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
</div>
|
|
|
|
<div class="sheet-config">
|
|
<h2>Gear and Thangs</h2>
|
|
<div class="row" style="border-top: 1px solid #000000; padding: 10px;">
|
|
<br />
|
|
<div class="col">
|
|
<h3>Gear: </h3><textarea name="attr_gear" class="widetext"></textarea>
|
|
<br /><br /><br />
|
|
</div>
|
|
</div>
|
|
<div class="row" style="border-top: 1px solid #000000; padding: 10px;">
|
|
<br />
|
|
<div class="col">
|
|
<h3>Thangs: </h3><textarea name="attr_thangs" class="widetext"></textarea>
|
|
<br /><br /><br /><br /><br /><br />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/worker">
|
|
const buttonlist = ["character","configuration"];
|
|
buttonlist.forEach(button => {
|
|
on(`clicked:${button}`, function() {
|
|
setAttrs({
|
|
sheetTab: button
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
|