Files
2024-06-03 13:15:14 -04:00

167 lines
7.6 KiB
HTML

<!-- ********************************************************************************************************************* -->
<!-- Dice Pool Roller-->
<!-- Note: For the CLEAR button to function, this sheet requires the ChatSetAttr API.-->
<!-- Note: The first half is a dice bar that can be added to the top of your character sheets to provide the dice pool rolling functionality.-->
<!-- Note: The second half is a larger version of the dice pool tool that uses the entire character sheet. This can be added as a tab for multipage-->
<!-- character sheets, or used in lieu of character sheets if you're not using them for your characters.-->
<!-- Dice Bar -->
<div class='sheet-dice'>
<table>
<tr>
<td>
<button style="font-size:0;height:30px;" name="roll_d4" type="roll" value="/roll d4">
<img src="https://cdn.pixabay.com/photo/2012/05/07/03/41/triangle-47852_960_720.png"/>
</button>
<input type="number" name="attr_d4" min="0" max="99" />
</td>
<td>
<button style="font-size:0;height:30px;" name="roll_d6" type="roll" value="/roll d6">
<img src="https://cdn.pixabay.com/photo/2014/04/03/00/37/die-308887__340.png"/>
</button>
<input type="number" name="attr_d6" min="0" max="99" />
</td>
<td>
<button style="font-size:0;height:30px;" name="roll_d8" type="roll" value="/roll d8">
<img src="https://cdn.pixabay.com/photo/2017/01/31/13/51/dice-2024223__340.png"/>
</button>
<input type="number" name="attr_d8" min="0" max="99" />
</td>
<td>
<button style="font-size:0;height:30px;" name="roll_d10" type="roll" value="/roll d10">
<img src="https://cdn.pixabay.com/photo/2014/04/03/00/36/dice-308824__340.png"/>
</button>
<input type="number" name="attr_d10" min="0" max="99" />
</td>
<td>
<button style="font-size:0;height:30px;" name="roll_d12" type="roll" value="/roll d12">
<img src="https://cdn.pixabay.com/photo/2017/01/31/13/51/dice-2024222__340.png"/>
</button>
<input type="number" name="attr_d12" min="0" max="99" />
</td>
<td>
<button style="font-size:0;height:30px" name="roll_d20" type="roll" value="/roll d20">
<img src="https://upload.wikimedia.org/wikipedia/commons/9/9c/Purple_d20.png"/>
</button>
<input type="number" name="attr_d20" min="0" max="99"/>
</td>
<td>
<button style="font-size:0;height:30px" name="roll_d100" type="roll" value="/roll d100">
<img src="https://cdn.pixabay.com/photo/2014/07/17/16/17/cube-395593_960_720.png"/>
</button>
<input type="number" name="attr_d100" min="0" max="99"/>
</td>
<td>
<button style="font-size:0;height:30px" name="roll_dF" type="roll" value="/roll dF">
<img src="https://cdn.pixabay.com/photo/2017/01/10/23/01/icon-1970474_960_720.png"/>
</button>
<input type="number" name="attr_dF" min="0" max="99"/>
</td>
<td style="min-width: 110;">
<button type="roll" style="font-size: 20px; text-align: center; width: 30px; height: 30px;" value="/roll [[0+@{d4}]]d4 + [[0+@{d6}]]d6 + [[0+@{d8}]]d8 + [[0+@{d10}]]d10 + [[0+@{d12}]]d12 + [[0+@{d20}]]d20 + [[0+@{d100}]]d100 + [[0+@{dF}]]dF"/>
<button style="font-size: 14px; text-align: left; height: 30px; width: 60px">CLEAR</button>
<button type="roll" style="width : 61px; height: 30px; opacity: 0; margin-left: -61px; position: relative;" value="!setattr --name @{character_name} --silent --d4|0 --d6|0 --d8|0 --d10|0 --d12|0 --d20|0 --d100|0 --dF|0"/>
</td>
</tr>
</table>
</div><!-- Dice Bar close -->
<!-- Start of Dice Pool Roller-->
<div class="sheet-roller-core">
<h3 class="sheet-roller-header">Dice Pool Roller</h3>
<div class='sheet-2colrow'>
<div class='sheet-col'>
<!-- Col 1 -->
<table style="width: 100%">
<tr>
<td>
<button style="font-size:0;" name="roll_d4" type="roll" value="/roll d4">
<img src="https://cdn.pixabay.com/photo/2012/05/07/03/41/triangle-47852_960_720.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d4" min="0" max="99"/>
</td>
</tr>
<tr>
<td>
<button style="font-size:0;height:60px" name="roll_d8" type="roll" value="/roll d8">
<img src="https://cdn.pixabay.com/photo/2017/01/31/13/51/dice-2024223__340.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d8" min="0" max="99"/>
</td>
</tr>
<tr>
<td>
<button style="font-size:0;height:60px" name="roll_d12" type="roll" value="/roll d12">
<img src="https://cdn.pixabay.com/photo/2017/01/31/13/51/dice-2024222__340.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d12" min="0" max="99"/>
</td>
</tr>
<tr>
<td>
<button style="font-size:0;height:60px" name="roll_dF" type="roll" value="/roll dF">
<img src="https://cdn.pixabay.com/photo/2017/01/10/23/01/icon-1970474_960_720.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_dF" min="0" max="99"/>
</td>
</tr>
<tr>
<td>
<button type="roll" style="font-size: 30px; text-align: center; width: 120px; height: 40px;" value="/roll [[0+@{d4}]]d4 + [[0+@{d6}]]d6 + [[0+@{d8}]]d8 + [[0+@{d10}]]d10 + [[0+@{d12}]]d12 + [[0+@{d20}]]d20 + [[0+@{d100}]]d100 + [[0+@{dF}]]dF"/>
</td>
</tr>
</table>
</div> <!-- col 1 close -->
<div class='sheet-col'>
<!-- Col 2 -->
<table style="width: 100%">
<tr>
<td>
<button style="font-size:0;height:60px" name="roll_d6" type="roll" value="/roll d6">
<img src="https://cdn.pixabay.com/photo/2014/04/03/00/37/die-308887__340.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d6" min="0" max="99"/>
</td>
</tr>
<tr>
<td>
<button style="font-size:0;height:60px" name="roll_d10" type="roll" value="/roll d10">
<img src="https://cdn.pixabay.com/photo/2014/04/03/00/36/dice-308824__340.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d10" min="0" max="99"/>
</td>
</tr>
<tr>
<td>
<button style="font-size:0;height:60px" name="roll_d20" type="roll" value="/roll d20">
<img src="https://upload.wikimedia.org/wikipedia/commons/9/9c/Purple_d20.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d20" min="0" max="99"/>
</td>
</tr>
<tr>
<td>
<button style="font-size:0;height:60px" name="roll_d100" type="roll" value="/roll d100">
<img src="https://cdn.pixabay.com/photo/2014/07/17/16/17/cube-395593_960_720.png" style="width: 50px; height: 50px;" />
</button>
<input style="font-size: 30px; width: 60px;" type="number" name="attr_d100" min="0" max="99"/>
</td>
</tr>
<tr>
<td>
<button style="font-size: 30px; text-align: left; height: 40px; width: 120px">CLEAR</button>
<button type="roll" value="!setattr --name @{character_name} --silent --d4|0 --d6|0 --d8|0 --d10|0 --d12|0 --d20|0 --dF|0 --d100|0" style="width : 121px; height: 40px; opacity: 0; margin-left: -121px;"/>
</td>
</tr>
</table>
</div><!-- col 2 close -->
</div><!-- table close -->
</div>
<!--End of Dice Pool Roller>
<!-- ********************************************************************************************************************* -->