252 lines
9.9 KiB
HTML
252 lines
9.9 KiB
HTML
<div class="collateral-damage">
|
|
<!--Logo / Player Name / Movie Title -->
|
|
<div class="2colrow">
|
|
<div class="col">
|
|
<img src="https://github.com/patschroed/roll20-character-sheets/blob/master/CDMG/CDLogo_.png?raw=true" />
|
|
</div>
|
|
<div class="col">
|
|
<div>
|
|
<input type="text" name="attr_name" />
|
|
<div class="input-label-header">PLAYER NAME</div>
|
|
</div>
|
|
<div>
|
|
<input type="text" name="attr_movie_title" />
|
|
<div class="input-label-header">MOVIE TITLE</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--Act summaries-->
|
|
<div class="3colrow row-padding">
|
|
<div class="col">
|
|
<div class="section-act-heading">Act 1 <br> Objectives</div>
|
|
<textarea name="attr_act_1_objective"></textarea>
|
|
</div>
|
|
<div class="col">
|
|
<div class="section-act-heading">Act 2 <br> Objectives</div>
|
|
<textarea name="attr_act_2_objective"></textarea>
|
|
</div>
|
|
<div class="col">
|
|
<div class="section-act-heading">Act 3 <br> Objectives</div>
|
|
<textarea name="attr_act_3_objective"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<!--Player Info / Stats / Wounds / Relationships -->
|
|
<div class="2colrow row-padding">
|
|
<div class="col">
|
|
<div class="section-heading">
|
|
PLAYER INFO
|
|
</div>
|
|
<div class="section-content">
|
|
<input type="text" name="attr_character_name" />
|
|
<div class="input-label">CHARACTER NAME</div>
|
|
<input type="text" name="attr_class" />
|
|
<div class="input-label">CLASS</div>
|
|
<input type="text" name="attr_mentality" />
|
|
<div class="input-label">MENTALITY</div>
|
|
<input type="text" name="attr_flaw" />
|
|
<div class="input-label">FLAW</div>
|
|
</div>
|
|
|
|
<div class="section-heading">
|
|
STATS
|
|
</div>
|
|
<div class="section-content">
|
|
<div>
|
|
<div class="stat-content">
|
|
LUCK:
|
|
</div>
|
|
<div class="stat-content">
|
|
<input class="center-text" type="text" name="attr_luck_base" />
|
|
<div class="input-label center-text">BASE</div>
|
|
</div>
|
|
<div class="stat-content"> +/- </div>
|
|
<div class="stat-content">
|
|
<input class="center-text" type="text" name="attr_luck_bonus" />
|
|
<div class="input-label center-text">BONUS</div>
|
|
</div>
|
|
<div class="stat-content"> = </div>
|
|
<div class="stat-content">
|
|
<input class="center-text" type="text" name="attr_luck" />
|
|
<div class="input-label center-text">TOTAL</div>
|
|
</div>
|
|
<div class="stat-content">
|
|
<input class="center-text" type="text" name="attr_luck_dice" />
|
|
<div class="input-label center-text">d6</div>
|
|
</div>
|
|
<div class="stat-content">
|
|
<button class="stat-roll" type="roll" value="/roll @{luck_dice}d6" name="roll_luck_check"></button>
|
|
</div>
|
|
|
|
</div>
|
|
<div>
|
|
<div class="stat-content">
|
|
VUL:
|
|
</div>
|
|
<div class="stat-content">
|
|
<input class="center-text" type="text" name="attr_vul_base" />
|
|
<div class="input-label center-text">BASE</div>
|
|
</div>
|
|
<div class="stat-content"> +/- </div>
|
|
<div class="stat-content">
|
|
<input class="center-text" type="text" name="attr_vul_bonus" />
|
|
<div class="input-label center-text">BONUS</div>
|
|
</div>
|
|
<div class="stat-content"> = </div>
|
|
<div class="stat-content">
|
|
<input class="center-text" type="text" name="attr_vul" />
|
|
<div class="input-label center-text">TOTAL</div>
|
|
</div>
|
|
<div class="stat-content">
|
|
<input class="center-text" type="text" name="attr_vul_dice" />
|
|
<div class="input-label center-text">d6</div>
|
|
</div>
|
|
<div class="stat-content">
|
|
<button class="stat-roll" type="roll" value="/roll @{vul_dice}d6" name="roll_vul_check"></button>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="stat-content">
|
|
RES:
|
|
</div>
|
|
<div class="stat-content">
|
|
<input class="center-text" type="text" name="attr_res_base" />
|
|
<div class="input-label center-text">BASE</div>
|
|
</div>
|
|
<div class="stat-content"> +/- </div>
|
|
<div class="stat-content">
|
|
<input class="center-text" type="text" name="attr_res_bonus" />
|
|
<div class="input-label center-text">BONUS</div>
|
|
</div>
|
|
<div class="stat-content"> = </div>
|
|
<div class="stat-content">
|
|
<input class="center-text" type="text" name="attr_res" />
|
|
<div class="input-label center-text">TOTAL</div>
|
|
</div>
|
|
<div class="stat-content">
|
|
<input class="center-text" type="text" name="attr_res_dice" />
|
|
<div class="input-label center-text">d6</div>
|
|
</div>
|
|
<div class="stat-content">
|
|
<button class="stat-roll" type="roll" value="/roll @{res_dice}d6" name="roll_res_check"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section-content">
|
|
<div class="stats-dice-header">
|
|
STAT TOTAL DICE CHART
|
|
</div>
|
|
<table>
|
|
<tr>
|
|
<td>1 - 4</td>
|
|
<td>1d6</td>
|
|
</tr>
|
|
<tr>
|
|
<td>5 - 8</td>
|
|
<td>2d6</td>
|
|
</tr>
|
|
<tr>
|
|
<td>9+</td>
|
|
<td>3d6</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="section-heading">
|
|
WOUNDS
|
|
</div>
|
|
<div class="section-content">
|
|
<ul>
|
|
<li>
|
|
<label>
|
|
<input name="attr_wound_1" type="checkbox" />
|
|
<span></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label>
|
|
<input name="attr_wound_2" type="checkbox" />
|
|
<span></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label>
|
|
<input name="attr_wound_3" type="checkbox" />
|
|
<span></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label>
|
|
<input name="attr_wound_4" type="checkbox" />
|
|
<span></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label>
|
|
<input name="attr_wound_5" type="checkbox" />
|
|
<span></span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<div class="section-heading">
|
|
RELATIONSHIPS
|
|
</div>
|
|
<div>
|
|
<div class="section-content">
|
|
<div>
|
|
LEFT:
|
|
</div>
|
|
<div>
|
|
<label>YOUR ROLL:</label>
|
|
<textarea name="attr_left_your"></textarea>
|
|
<label>THEIR ROLL:</label>
|
|
<textarea name="attr_left_their"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="section-content">
|
|
<div>
|
|
RIGHT:
|
|
</div>
|
|
<div>
|
|
<label>YOUR ROLL:</label>
|
|
<textarea name="attr_right_your"></textarea>
|
|
<label>THEIR ROLL:</label>
|
|
<textarea name="attr_right_their"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Sheetworker scripts -->
|
|
<script type="text/worker">
|
|
const stats = ["luck", "vul", "res"];
|
|
stats.forEach(stat => {
|
|
on(`change:${stat}`, () => {
|
|
getAttrs([stat], values => {
|
|
const stat_base = parseInt(values[stat]) || 0;
|
|
console.log(stat_base);
|
|
let dice = 0;
|
|
|
|
//Calculate the dice bonus
|
|
if(stat_base < 5) dice = 1;
|
|
else if(stat_base >= 5 && stat_base < 9) dice = 2;
|
|
else dice = 3;
|
|
|
|
console.log(dice);
|
|
|
|
setAttrs({
|
|
[`${stat}_dice`]: dice
|
|
});
|
|
});
|
|
});
|
|
});
|
|
</script>
|