Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 03:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Initial version for Cortex Plus Heroic

Browse Source
This commit is contained in:
zimul8r
2017-08-07 13:01:31 -04:00
committed by GitHub
parent bf16602961
commit 96d03ffa78
5 changed files with 204 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Cortex Plus Heroic/CortexPlusHeroic.css
+14
View File
@@ -0,0 +1,14 @@
input[type=number] {
font-size: 15px;
width: 45px;
height: 30px;
}
img {
width: 25px;
height: 25px;
}
table td {
min-width: 100px;
}
Cortex Plus Heroic/CortexPlusHeroic.html
+162
View File
@@ -0,0 +1,162 @@
<!-- ********************************************************************************************************************* -->
<!-- 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>
<!-- ********************************************************************************************************************* -->
Cortex Plus Heroic/CortexPlusHeroic.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 166 KiB

Cortex Plus Heroic/README.md
+20 -1
View File
@@ -1 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<h1>Cortex Plus Heroic Character Sheet</h1>
<p>
Initial functionality is the dice pool roller. For the CLEAR button to function, the sheet requires the ChatSetAttr API. 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. 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 multi-page character sheets, or used in lieu of character sheets if you're not using them for your characters.
</p>
<p>
Plan: Create a comprehensive character sheet with button clicks that manipulate the dice pool, such as clicking a trait die to add it to the pool or even more complex ones such as clicking an SFX that adds a d6 to the pool and steps back the highest die at roll time.
<p>
Cortex Plus Heroic/sheet.json
+8
View File
@@ -0,0 +1,8 @@
{
"html": "CortexPlusHeroic.html",
"css": "CortexPlusHeroic.css",
"authors": "Todd Haynes",
"roll20userid": "305733",
"preview": "CortexPlusHeroic.png",
"instructions": "For the CLEAR button to function, the sheet requires the ChatSetAttr API. 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. 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 multi-page character sheets, or used in lieu of character sheets if you're not using them for your characters."
}