839 lines
37 KiB
HTML
839 lines
37 KiB
HTML
<!---------------------------------------
|
|
-- START: Main body of Character Sheet --
|
|
---------------------------------------->
|
|
<div style="display:inline-block; width: 700px;"></div>
|
|
<input class="toggle-sheet" type="checkbox" name="toggle-sheet">
|
|
<div >Editor in Chief</div>
|
|
<!--<input class="toggle-sheet" style="float: right; margin-right: 30px; margin-top: 3px;" type="checkbox" name="toggle-sheet">
|
|
<div style="width: 790px; text-align: right;">Editor In Chief</div>
|
|
<!--------------------------------
|
|
-- START: Editor in Chief Sheet --
|
|
--------------------------------->
|
|
<div class="container toggle eic">
|
|
<div class="section" style="display: inline-block; width: 600px;">
|
|
<div class="header-1b" style="width: 580px;">
|
|
<div class="heading" style="width: 260px;">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="chief">Editor in Chief</span>
|
|
</div>
|
|
<div class="heading-text">
|
|
<input type="text" class="bevel-input width300" name="attr_character_name" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--Mastermind and Organizations-->
|
|
<div class="section">
|
|
<div class="third">
|
|
<div class="header-1b" style="display: inline-block; width: 100%">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="mastermind">Mastermind</span>
|
|
</div>
|
|
<textarea class="textarea-large" name="attr_mastermind" ></textarea>
|
|
</div>
|
|
</div>
|
|
<div style="width: 65%; display: inline-block;">
|
|
<div class="header-1b" style="display: inline-block; width: 100%">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="organizations">Organizations</span>
|
|
</div>
|
|
</div>
|
|
<!-- Organization 1 -->
|
|
<div class="header-2" style="width: 3%; display: inline-block;">
|
|
<div class="heading-2">1</div>
|
|
</div>
|
|
<input type="text" style="display: inline-block; width: 20%;" name="attr_organization_name1" />
|
|
<div class="header-2" style="width: 18%; display: inline-block;">
|
|
<div class="heading-2">
|
|
<span data-i18n="instinct">Instinct</span>
|
|
</div>
|
|
</div>
|
|
<input type="text" style="display: inline-block; width: 45%;" name="attr_organization_instinct1" />
|
|
<!-- Organization 2 -->
|
|
<div class="header-2" style="width: 3%; display: inline-block;">
|
|
<div class="heading-2">2</div>
|
|
</div>
|
|
<input type="text" style="display: inline-block; width: 20%;" name="attr_organization_name2" />
|
|
<div class="header-2" style="width: 18%; display: inline-block;">
|
|
<div class="heading-2">
|
|
<span data-i18n="instinct">Instinct</span>
|
|
</div>
|
|
</div>
|
|
<input type="text" style="display: inline-block; width: 45%;" name="attr_organization_instinct2" />
|
|
<!-- Organization 3 -->
|
|
<div class="header-2" style="width: 3%; display: inline-block;">
|
|
<div class="heading-2">3</div>
|
|
</div>
|
|
<input type="text" style="display: inline-block; width: 20%;" name="attr_organization_name3" />
|
|
<div class="header-2" style="width: 18%; display: inline-block;">
|
|
<div class="heading-2">
|
|
<span data-i18n="instinct">Instinct</span>
|
|
</div>
|
|
</div>
|
|
<input type="text" style="display: inline-block; width: 45%;" name="attr_organization_instinct3" />
|
|
<!-- Organization 4 -->
|
|
<div class="header-2" style="width: 3%; display: inline-block;">
|
|
<div class="heading-2">4</div>
|
|
</div>
|
|
<input type="text" style="display: inline-block; width: 20%;" name="attr_organization_name4" />
|
|
<div class="header-2" style="width: 18%; display: inline-block;">
|
|
<div class="heading-2">
|
|
<span data-i18n="instinct">Instinct</span>
|
|
</div>
|
|
</div>
|
|
<input type="text" style="display: inline-block; width: 45%;" name="attr_organization_instinct4" />
|
|
</div>
|
|
</div><!-- End Section -->
|
|
<!--Master Plan End Goal-->
|
|
<div class="section">
|
|
<div class="header-1b" style="display: inline-block; width: 100%">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="master-plan">Master Plan End Goal</span>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_master_plan"></textarea>
|
|
</div>
|
|
<div class="half">
|
|
<label class="label-bold">
|
|
<span data-i18n="step-1">Step 1</span>
|
|
</label>
|
|
<textarea class="textarea-medium" name="attr_master_plan_step1"></textarea>
|
|
</div>
|
|
<div class="half">
|
|
<label class="label-bold">
|
|
<span data-i18n="fail-1">Failure 1</span>
|
|
</label>
|
|
<textarea class="textarea-medium" name="attr_master_plan_failure2"></textarea>
|
|
</div>
|
|
<div class="half">
|
|
<label class="label-bold">
|
|
<span data-i18n="step-2">Step 2</span>
|
|
</label>
|
|
<textarea class="textarea-medium" name="attr_master_plan_step2"></textarea>
|
|
</div>
|
|
<div class="half">
|
|
<label class="label-bold">
|
|
<span data-i18n="fail-2">Failure 2</span>
|
|
</label>
|
|
<textarea class="textarea-medium" name="attr_master_plan_failure2"></textarea>
|
|
</div>
|
|
</div><!-- End Section -->
|
|
<!--Mobs-->
|
|
<div class="section">
|
|
<div class="header-1b" style="display: inline-block; width: 100%">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="mob">Mobs</span>
|
|
</div>
|
|
</div>
|
|
<!--Mobs 1-->
|
|
<div class="half" style="border: 2px solid #121212; background: #dc322f;">
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="mob-name">Mob Name</span>
|
|
</div>
|
|
</div>
|
|
<input type="text" class="bevel-input" style="width: 100%;" name="attr_mob1_name" />
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="instinct">Instinct</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_mob1_instinct"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="size">Size</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_mob1_size"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="motivat-ties">Motivations/Ties</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_mob1_motivations"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="move-power">Moves/Powers</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_mob1_moves"></textarea>
|
|
</div><!-- End Section -->
|
|
<!--Mobs 2-->
|
|
<div class="half" style="border: 2px solid #121212; background: #268bd2;">
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="mob-name">Mob Name</span>
|
|
</div>
|
|
</div>
|
|
<input type="text" class="bevel-input" style="width: 100%;" name="attr_mob2_name" />
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="instinct">Instinct</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_mob2_instinct"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="size">Size</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_mob2_size"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="motivat-ties">Motivations/Ties</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_mob2_motivations"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="move-power">Moves/Powers</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_mob2_moves"></textarea>
|
|
</div><!-- End Section -->
|
|
<!--Mobs 3-->
|
|
<div class="mob-wrapper">
|
|
<fieldset name="attr_mob" class="repeating_mob">
|
|
<div class="repeated-item-wrapper">
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="mob-name">Mob Name</span>
|
|
</div>
|
|
</div>
|
|
<input type="text" class="bevel-input" style="width: 100%;" name="attr_mob_name" />
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="instinct">Instinct</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_mob_instinct"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="size">Size</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_mob_size"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="motivat-ties">Motivations/Ties</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_mob_motivations"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="move-power">Moves/Powers</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_mob_moves"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div><!-- End Section -->
|
|
<!--Punching Bags 1-->
|
|
<div class="section">
|
|
<div class="header-1b" style="display: inline-block; width: 100%">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="punching-bags">Punching Bags</span>
|
|
</div>
|
|
</div>
|
|
<div class="half" style="border: 2px solid #121212; background: #dc322f; padding-top: 5px;">
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="punching-bag-name">Punching Bag Name</span>
|
|
</div>
|
|
</div>
|
|
<input type="text" class="bevel-input" style="width: 100%;" name="attr_punching_bag1_name" />
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="instinct">Instinct</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_punching_bag1_instinct"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="condition-threshold">Condition Threshold</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_punching_bag1_condition_threshold"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="motivat-ties">Motivations/Ties</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_punching_bag1_motivations"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="move-power">Moves/Powers</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_punching_bag1_moves"></textarea>
|
|
</div><!-- End Section -->
|
|
<!--Punching Bags 2-->
|
|
<div class="half" style="border: 2px solid #121212; background: #268bd2; padding-top: 5px;">
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="punching-bag-name">Punching Bag Name</span>
|
|
</div>
|
|
</div>
|
|
<input type="text" class="bevel-input" style="width: 100%;" name="attr_punching_bag2_name" />
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="instinct">Instinct</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_punching_bag2_instinct"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="condition-threshold">Condition Threshold</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_punching_bag2_condition_threshold"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="motivat-ties">Motivations/Ties</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_punching_bag2_motivations"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="move-power">Moves/Powers</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_punching_bag2_moves"></textarea>
|
|
</div><!-- End Section -->
|
|
<!--Punching Bags 3-->
|
|
<div class="punch-wrapper">
|
|
<fieldset name="attr_mob" class="repeating_punchingbag">
|
|
<div class="repeated-item-wrapper">
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="punching-bag-name">Punching Bag Name</span>
|
|
</div>
|
|
</div>
|
|
<input type="text" class="bevel-input" style="width: 100%;" name="attr_punching_bag_name" />
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="instinct">Instinct</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_punching_bag_instinct"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="condition-threshold">Condition Threshold</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_punching_bag_condition_threshold"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="motivat-ties">Motivations/Ties</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_punching_bag_motivations"></textarea>
|
|
<div class="header-2" style="width: 70%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="move-power">Moves/Powers</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small" name="attr_punching_bag_moves"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
<div class="clear"></div>
|
|
</div><!-- End Section -->
|
|
</div><!-- End Section -->
|
|
</div><!-- End Container -->
|
|
<!---------------------------------
|
|
-- START: Player Character Sheet --
|
|
---------------------------------->
|
|
<div class="container toggle pc"> <!-- Defines width and background/text color -->
|
|
<!-- "Radio Boxes" to select different parts of the sheet to look at -->
|
|
<input class="tab-sheet main pc" type="radio" name="attr_tab_sheet" checked="checked" value="main"><div>Primary Info</div>
|
|
<input class="tab-sheet background pc" type="radio" name="attr_tab_sheet" value="background"><div>Background and Drives</div>
|
|
<!-- Entry for Character or Editor-in-Chief name -->
|
|
<div class="section" style="display: inline-block; width: 500px;">
|
|
<div class="header-1a" style="align: left; width: 480px;">
|
|
<div class="heading" style="width: 160px;">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="codename">CODENAME</span>
|
|
</div>
|
|
<div class="heading-text">
|
|
<input type="text" class="bevel-input width300" name="attr_character_name" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--Stats and Moves-->
|
|
<div class="tab main section">
|
|
<!--Stats-->
|
|
<div class="third">
|
|
<div class="header-1a" style="display: inline-block; width: 100%">
|
|
<div class="heading-text">
|
|
<input type="text" class="bevel-input width200" style="text-align: center; font-size: 1.5em;" name="attr_maneuver" value=0 />
|
|
</div>
|
|
<div class="heading">
|
|
<button type="roll" style="display:inline-block; color: black; height: 26px; padding: 0px;" name="roll_maneuver" value="&{template:wip} {{name=@{character_name}}} {{roll_name=Maneuver}} {{roll_mod=@{maneuver}}} {{result=[[2d6 + @{maneuver}]]}}"></button>
|
|
<span data-i18n="maneuver-u">MANEUVER</span>
|
|
</div>
|
|
</div>
|
|
<div class="header-1a" style="display: inline-block; width: 100%;">
|
|
<div class="heading-text">
|
|
<input type="text" class="bevel-input width200" style="text-align: center; font-size: 1.5em;" name="attr_investigate" value=0 />
|
|
</div>
|
|
<div class="heading">
|
|
<button type="roll" style="display:inline-block; color: black; height: 26px; padding: 0px;" name="roll_investigate" value="&{template:wip} {{name=@{character_name}}} {{roll_name=Investigate}} {{roll_mod=@{investigate}}} {{result=[[2d6 + @{investigate}]]}}"></button>
|
|
<span data-i18n="investigate-u">INVESTIGATE</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="third">
|
|
<div class="header-1a" style="display: inline-block; width: 100%;">
|
|
<div class="heading-text">
|
|
<input type="text" class="bevel-input width200" style="text-align: center; font-size: 1.5em;" name="attr_protect" value=0 />
|
|
</div>
|
|
<div class="heading">
|
|
<button type="roll" style="display:inline-block; color: black; height: 26px; padding: 0px;" name="roll_protect" value="&{template:wip} {{name=@{character_name}}} {{roll_name=Protect}} {{roll_mod=@{protect}}} {{result=[[2d6 + @{protect}]]}}"></button>
|
|
<span data-i18n="protect-u">PROTECT</span>
|
|
</div>
|
|
</div>
|
|
<div class="header-1a" style="display: inline-block; width: 100%;">
|
|
<div class="heading-text">
|
|
<input type="text" class="bevel-input width200" style="text-align: center; font-size: 1.5em;" name="attr_influence" value=0 />
|
|
</div>
|
|
<div class="heading">
|
|
<button type="roll" style="display:inline-block; color: black; height: 26px; padding: 0px;" name="roll_influence" value="&{template:wip} {{name=@{character_name}}} {{roll_name=Influence}} {{roll_mod=@{influence}}} {{result=[[2d6 + @{influence}]]}}"></button>
|
|
<span data-i18n="influence-u">INFLUENCE</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="third">
|
|
<div class="header-1a" style="display: inline-block; width: 100%;">
|
|
<div class="heading-text">
|
|
<input type="text" class="bevel-input width200" style="text-align: center; font-size: 1.5em;" name="attr_smash" value=0 />
|
|
</div>
|
|
<div class="heading">
|
|
<button type="roll" style="display:inline-block; color: black; height: 26px; padding: 0px;" name="roll_smash" value="&{template:wip} {{name=@{character_name}}} {{roll_name=Smash}} {{roll_mod=@{Smash}}} {{result=[[2d6 + @{smash}]]}}"></button>
|
|
<span data-i18n="smash-u">SMASH</span>
|
|
</div>
|
|
</div>
|
|
<div class="header-1a" style="display: inline-block; width: 100%;">
|
|
<div class="heading-text width200">
|
|
|
|
</div>
|
|
<div class="heading">
|
|
<button type="roll" style="display:inline-block; color: black; height: 26px; padding: 0px;" name="roll_push" value="&{template:wip} {{name=@{character_name}}} {{roll_name=Push}} {{roll_mod=0}} {{result=[[2d6]]}}"></button>
|
|
<span data-i18n="push-u">PUSH</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clear"><br /></div><!-- End Section -->
|
|
<!--Moves-->
|
|
<div class="moves-wrapper">
|
|
<div class="header-1a">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="moves">Moves</span>
|
|
</div>
|
|
</div>
|
|
<p class="note">
|
|
<label class="label-bold-inline">
|
|
<span data-i18n="note">Note:</span>
|
|
</label>
|
|
<span data-i18n="note_move">Selecting <em>Prompt</em> in the <strong>Modifier</strong> dropdown on a Move will enable you to manually enter the roll modifier when rolling that Move. For positive modifiers, do not include the plus (+) sign, but for negative modifiers, <em>be sure</em> to include the minus (-) sign.</span>
|
|
</p>
|
|
<fieldset name="attr_moves" class="repeating_moves">
|
|
<div class="repeated-item-wrapper">
|
|
<label class="label-bold movename">
|
|
<span data-i18n="move-name">Move Name</span>
|
|
</label>
|
|
<input type="text" name="attr_movename" class="input-full" />
|
|
<label class="label-bold-inline stat">
|
|
<span data-i18n="modifier">Modifier</span>
|
|
</label>
|
|
<select name="attr_movemod" class="movemod input-inline">
|
|
<option value="?{Modifier|0}" data-i18n="prompt">Prompt</option>
|
|
<option value="@{maneuver}" data-i18n="maneuver">Maneuver</option>
|
|
<option value="@{investigate}" data-i18n="investigater">Investigate</option>
|
|
<option value="@{protect}" data-i18n="protect">Protect</option>
|
|
<option value="@{influence}" data-i18n="influence">Influence</option>
|
|
<option value="@{smash}" data-i18n="smash">Smash</option>
|
|
</select>
|
|
<button type="roll" name="roll_move"
|
|
value="&{template:wip} {{name=@{character_name}}} {{roll_name=@{movename}}} {{roll_mod=@{movemod}}} {{result=[[2d6 + @{movemod}]]}} {{hold=@{movehold}}}"></button><br />
|
|
<label class="label-bold desc">
|
|
<span data-i18n="description">Description</span>
|
|
</label>
|
|
<textarea class="textarea-medium" name="attr_movedesc" ></textarea>
|
|
<label class="label-bold-inline move-hold">
|
|
<span data-i18n="hold">Hold</span>
|
|
</label>
|
|
<input name="attr_movehold" class="mr1" type="number" value="0" />
|
|
</div>
|
|
</fieldset>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div><!-- End Section -->
|
|
<div class="tab main section">
|
|
<div class="header-1a">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="conditions">Conditions</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="third">
|
|
<label class="label-bold">
|
|
<span data-i18n="minor">Minor</span>
|
|
</label>
|
|
<p class="note">
|
|
<span data-i18n="minor-desc">Could be dangerous if ignored</span>
|
|
</p>
|
|
<fieldset name="attr_conditions_minor" class="repeating_conditions-minor">
|
|
<div class="repeated-item-wrapper">
|
|
<textarea class="textarea-small" name="attr_condition_minor"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="third">
|
|
<label class="label-bold">
|
|
<span data-i18n="moderate">Moderate</span>
|
|
</label>
|
|
<p class="note">
|
|
<span data-i18n="moderate-desc">Take a -1 if I do anything involving this</span>
|
|
</p>
|
|
<fieldset name="attr_conditions_moderate" class="repeating_conditions-moderate">
|
|
<div class="repeated-item-wrapper">
|
|
<textarea class="textarea-small" name="attr_condition_moderate"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="third">
|
|
<label class="label-bold">
|
|
<span data-i18n="critical">Critical</span>
|
|
</label>
|
|
<p class="note">
|
|
<span data-i18n="critical-desc">Take a -1 to everything (Maximum -4)</span>
|
|
</p>
|
|
<fieldset name="attr_conditions_critical" class="repeating_conditions-critical">
|
|
<div class="repeated-item-wrapper">
|
|
<textarea class="textarea-small" name="attr_condition_critical"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div> <!-- End Section -->
|
|
<div class="tab main section">
|
|
<div class="half">
|
|
<div class="header-1a">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="power-profile">Power Profile</span>
|
|
</div>
|
|
</div>
|
|
|
|
<label class="label-bold">
|
|
<span data-i18n="simple">Simple</span>
|
|
</label>
|
|
<fieldset name="attr_powers_simple" class="repeating_powers-simple">
|
|
<div class="repeated-item-wrapper">
|
|
<textarea class="textarea-small" name="attr_power_simple"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<label class="label-bold">
|
|
<span data-i18n="difficult">Difficult</span>
|
|
</label>
|
|
<fieldset name="attr_powers_difficult" class="repeating_powers-difficult">
|
|
<div class="repeated-item-wrapper">
|
|
<textarea class="textarea-small" name="attr_power_difficult"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<label class="label-bold">
|
|
<span data-i18n="borderline">Borderline</span>
|
|
</label>
|
|
<fieldset name="attr_powers_borderline" class="repeating_powers-borderline">
|
|
<div class="repeated-item-wrapper">
|
|
<textarea class="textarea-small" name="attr_power_borderline"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<label class="label-bold">
|
|
<span data-i18n="possible">Possible</span>
|
|
</label>
|
|
<fieldset name="attr_powers_possible" class="repeating_powers-possible">
|
|
<div class="repeated-item-wrapper">
|
|
<textarea class="textarea-small" name="attr_power_possible"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<label class="label-bold">
|
|
<span data-i18n="impossible">Impossible</span>
|
|
</label>
|
|
<fieldset name="attr_powers_impossible" class="repeating_powers-impossible">
|
|
<div class="repeated-item-wrapper">
|
|
<textarea class="textarea-small" name="attr_power_impossible"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div class="half">
|
|
<div class="header-1a">
|
|
<div class="heading" style="width: 30%;">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="bonds">Bonds</span>
|
|
</div>
|
|
<div style="width: 65%; text-align: right; display: inline-block;">
|
|
<label class="label-bold-inline" style="color: white; font-size: 1.0em; vertical-align: bottom;">
|
|
<span data-i18n="threshold">Threshold</span>
|
|
</label>
|
|
<div class="heading-text">
|
|
<input type="text" class="bevel-input width200" style="text-align: center; font-size: 1.5em;" name="attr_bond_threshold" value=0 />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="note">
|
|
<span data-i18n="bonds-desc"> Burn a bond to ensure success on a roll. A <strong>6-</strong> becomes a <em>7-9</em>, a <strong>7-9</strong> becomes a <em>10+</em>, and a <strong>10+</strong> becomes a <em>12+</em>.
|
|
</span>
|
|
</p>
|
|
<!-- 1st Bond: City -->
|
|
<div class="half">
|
|
<label class="label-bold" style="font-size: 1.5em; color: #0061a5;">
|
|
<span data-i18n="city">City</span>
|
|
</label>
|
|
</div>
|
|
<div class="half">
|
|
<label class="label-bold-inline">
|
|
<span data-i18n="value">Value</span><span>:</span>
|
|
</label>
|
|
<input type="number" style="margin-top: -6px;" name="attr_city_number" value="0" />
|
|
<button type="roll" name="roll_city"
|
|
value="&{template:wip} {{name=@{character_name}}} {{roll_name=Bond with City}} {{roll_mod=@{city_number}}} {{result=[[2d6 + @{city_number}]]}}"></button>
|
|
</div>
|
|
<label class="label-bold">
|
|
<span data-i18n="description">Description</span>
|
|
</label>
|
|
<input type="text" class="input-full" name="attr_city_desc" />
|
|
<!-- 2nd Bond: Law Enforcement -->
|
|
<div class="half">
|
|
<label class="label-bold" style="font-size: 1.5em; color: #0061a5;">
|
|
<span data-i18n="law-enforcement">Law Enforcement</span>
|
|
</label>
|
|
</div>
|
|
<div class="half">
|
|
<label class="label-bold-inline">
|
|
<span data-i18n="value">Value</span><span>:</span>
|
|
</label>
|
|
<input type="number" style="margin-top: -6px;" name="attr_law_number" value="0" />
|
|
<button type="roll" name="roll_law"
|
|
value="&{template:wip} {{name=@{character_name}}} {{roll_name=Bond with Law Enforcement}} {{roll_mod=@{law_number}}} {{result=[[2d6 + @{law_number}]]}}"></button>
|
|
</div>
|
|
<label class="label-bold">
|
|
<span data-i18n="description">Description</span>
|
|
</label>
|
|
<input type="text" class="input-full" name="attr_law_desc" />
|
|
<div class="bonds-wrapper">
|
|
<fieldset class="repeating_bonds">
|
|
<div class="repeated-item-wrapper" style="text-align: left;">
|
|
<div style="width: 65%; display: inline-block;">
|
|
<label class="label-bold">
|
|
<span data-i18n="name">Name</span>
|
|
</label>
|
|
<input type="text" name="attr_bond_name" />
|
|
</div>
|
|
<div class="third">
|
|
<label class="label-bold">
|
|
<span data-i18n="value">Value</span>
|
|
</label>
|
|
<input type="number" name="attr_bond_number" value="0" />
|
|
<button type="roll" name="roll_bond"
|
|
value="&{template:wip} {{name=@{character_name}}} {{roll_name=Bond with @{bond_name}}} {{roll_mod=@{bond_number}}} {{result=[[2d6 + @{bond_number}]]}}"></button>
|
|
</div>
|
|
<label class="label-bold">
|
|
<span data-i18n="description">Description</span>
|
|
</label>
|
|
<input type="text" class="input-full" name="attr_bond_desc" />
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</div> <!-- End Section -->
|
|
<div class="tab background section">
|
|
<div class="half" style="text-align: left;">
|
|
<div class="header-1a">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="origin">Origin</span>
|
|
</div>
|
|
</div>
|
|
<input type="text" class="input-full" name="attr_character_origin" />
|
|
|
|
<div class="header-1a">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="nemesis">Nemesis</span>
|
|
</div>
|
|
</div>
|
|
<input type="text" class="input-full" name="attr_character_nemesis" />
|
|
</div>
|
|
<div class="half" style="text-align: left;">
|
|
<div class="header-1a">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="working-towards">Working Towards</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-small mb25" name="attr_character_goal"></textarea>
|
|
|
|
<label class="label-bold-inline">
|
|
<span data-i18n="achievements">Achievements</span>
|
|
</label>
|
|
<input type="number" name="attr_character_achievements" value="0" />
|
|
</div>
|
|
<div class="half">
|
|
<div class="header-1a">
|
|
<div class="heading"><div class="heading-spacer"></div>
|
|
<span data-i18n="hero-profile">Hero Profile</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-large mb25" name="attr_character_hero_prof"></textarea>
|
|
</div>
|
|
<div class="half">
|
|
<div class="header-1a">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="team-profile">Team Profile</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-large" name="attr_character_team_prof"></textarea>
|
|
</div>
|
|
</div> <!-- End Section -->
|
|
<div class="tab background section">
|
|
<div class="third">
|
|
<div class="header-1a">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="powers">Powers</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-medium mb25" name="attr_character_powers"></textarea>
|
|
</div>
|
|
<div class="third">
|
|
<div class="header-1a">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="limitations">Limitations</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-medium mb25" name="attr_character_limitations"></textarea>
|
|
</div>
|
|
<div class="third">
|
|
<div class="header-1a">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="advantages">Advantages</span>
|
|
</div>
|
|
</div>
|
|
<textarea class="textarea-medium mb25" name="attr_character_advantages"></textarea>
|
|
</div>
|
|
<div class="header-1a">
|
|
<div class="heading">
|
|
<div class="heading-spacer"></div>
|
|
<span data-i18n="psychological-profile">Psychological Profile</span>
|
|
</div>
|
|
</div>
|
|
<div class="half" style="text-align: left; border: 2px solid #121212; background: #93a1a1; padding-top: 5px; margin-top: 3px;">
|
|
<div class="header-2" style="width: 75%;">
|
|
<div class="heading-2">
|
|
<span data-i18n="drive">Drive</span><span>:</span>
|
|
</div>
|
|
<input type="text" style="display: inline-block; width: 65%; margin-top: -5px;" name="attr_drive1_name" />
|
|
</div>
|
|
<label class="label-bold">
|
|
<span data-i18n="description">Description</span><span>:</span>
|
|
</label>
|
|
<textarea class="textarea-medium mb25" name="attr_drive1_description"></textarea>
|
|
<label class="label-bold">
|
|
<span data-i18n="unlocks-when">Unlocks When</span><span>:</span>
|
|
</label>
|
|
<textarea class="textarea-medium mb25" name="attr_drive1_unlocks"></textarea>
|
|
</div>
|
|
<div class="half" style="text-align: left; border: 2px solid #121212; background: #586e75; padding-top: 5px; margin-top: 3px;">
|
|
<div class="header-2" style="width: 75%">
|
|
<div class="heading-2">
|
|
<span data-i18n="drive">Drive</span><span>:</span>
|
|
</div>
|
|
<input type="text" style="display: inline-block; width: 65%; margin-top: -5px;" name="attr_drive2_name" />
|
|
</div>
|
|
<label class="label-bold">
|
|
<span data-i18n="description">Description</span><span>:</span>
|
|
</label>
|
|
<textarea class="textarea-medium mb25" name="attr_drive2_description"></textarea>
|
|
<label class="label-bold">
|
|
<span data-i18n="unlocks-when">Unlocks When</span><span>:</span>
|
|
</label>
|
|
<textarea class="textarea-medium mb25" name="attr_drive2_unlocks"></textarea>
|
|
</div>
|
|
<div class="drives-wrapper">
|
|
<fieldset name="attr_drives" class="repeating_drives">
|
|
<div class="repeated-item-wrapper">
|
|
<div class="header-2" style="width: 75%">
|
|
<div class="heading-2">
|
|
<span data-i18n="drive">Drive</span><span>:</span>
|
|
</div>
|
|
<input type="text" style="display: inline-block; width: 65%; margin-top: -5px;" name="attr_drive_name" />
|
|
</div>
|
|
<label class="label-bold">
|
|
<span data-i18n="description">Description</span><span>:</span>
|
|
</label>
|
|
<textarea class="textarea-medium mb25" name="attr_drive_description"></textarea>
|
|
<label class="label-bold">
|
|
<span data-i18n="unlocks-when">Unlocks When</span><span>:</span>
|
|
</label>
|
|
<textarea class="textarea-medium mb25" name="attr_drive_unlocks"></textarea>
|
|
</div>
|
|
</fieldset>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div> <!-- End Section -->
|
|
</div> <!-- End Container -->
|
|
|
|
<!-- ROLL TEMPLATES -->
|
|
<rolltemplate class="sheet-rolltemplate-wip">
|
|
<table>
|
|
<tr>
|
|
<th colspan="2">
|
|
<div class="rt-character-name">{{name}}</div>
|
|
rolls
|
|
<div class="rt-roll-name">{{#roll_name}}{{roll_name}}{{/roll_name}}{{#roll_mod}}
|
|
<span class="rt-roll-mod">({{roll_mod}}){{/roll_mod}}</span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
{{#rollGreater() result 9}}
|
|
<td class="result success">{{result}}</td>
|
|
<td><span data-i18n="success">Success</span></td>
|
|
{{/rollGreater() result 9}}
|
|
{{#rollBetween() result 7 9}}
|
|
<td class="result">{{result}}</td>
|
|
<td><span data-i18n="partial-success">Partial Success</span></td>
|
|
{{/rollBetween() result 7 9}}
|
|
{{#rollLess() result 7}}
|
|
<td class="result failure">{{result}}</td>
|
|
<td><span data-i18n="miss">Miss</span></td>
|
|
{{/rollLess() result 7}}
|
|
</tr>
|
|
{{#hold}}
|
|
<tr style="height: 10px;">
|
|
<td> </td>
|
|
</tr>
|
|
<tr>
|
|
<td class="result">{{hold}}</td>
|
|
<td><span data-i18n="current-hold">Current Hold</span></td>
|
|
</tr>
|
|
{{/hold}}
|
|
</table>
|
|
</rolltemplate>
|