slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mecha-Hack

Browse Source 
Adding a new character sheet for The Mecha Hack rpg.
This commit is contained in:
Phil Williams - Solutions Manager
2022-06-23 17:49:04 +01:00
parent a8cfeb3753
commit 3f9ddf1e4a
5 changed files with 389 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Black-Hack-Mecha-Hack/MechaHack.css
+197
View File
@@ -0,0 +1,197 @@
textarea, input, select {
width: 100%; /* extend the width of the grid item */
box-sizing: border-box; /* including padding / border in width */
}
.sheet-wrapper {
display: grid;
grid-template-columns: fit-content(50%) fit-content(50%);
gap: 10px;
justify-content: center;
padding: 5px;
grid-auto-rows: minmax(50px, auto);
}
.sheet-itemheader{
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:22px;
border-radius: 15px;
grid-column: 1 / span 2;
grid-row: 1 / span 1;
text-align: center;
}
.sheet-itemcallsign {
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 1 ;
grid-row: 2 / span 1;
}
.sheet-itempilot {
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 2 ;
grid-row: 2 / span 1;
}
.sheet-itemchassis {
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 1 ;
grid-row: 3 / span 1;
}
.sheet-itemlevel {
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 2 ;
grid-row: 3 / span 1;
}
.sheet-itemapmax {
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 1 ;
grid-row: 4 / span 1;
}
.sheet-itemhpmax {
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 2 ;
grid-row: 4 / span 1;
}
.sheet-itemapcur {
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 1 ;
grid-row: 5 / span 1;
}
.sheet-itemhpcur {
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 2 ;
grid-row: 5 / span 1;
}
.sheet-itemdamage {
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 1 ;
grid-row: 6 / span 1;
}
.sheet-itemreactor {
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 2 ;
grid-row: 6 / span 1;
}
.sheet-itempower{
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:22px;
border-radius: 15px;
grid-column: 1 ;
grid-row: 7 / span 2;
}
.sheet-itempilotability{
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 2 ;
grid-row: 7 / span 2;
}
.sheet-itemmobility{
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:22px;
border-radius: 15px;
grid-column: 1 ;
grid-row: 9 / span 2;
}
.sheet-itemchassisability{
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 2 ;
grid-row: 9 / span 2;
}
.sheet-itemsystem{
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:22px;
border-radius: 15px;
grid-column: 1 ;
grid-row: 11 / span 2;
}
.sheet-itemequipment{
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 2 ;
grid-row: 11 / span 2;
}
.sheet-itempresence{
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:22px;
border-radius: 15px;
grid-column: 1 ;
grid-row: 13 / span 2;
}
.sheet-itemmodules{
border: 3px solid silver;
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 2 ;
grid-row: 13 / span 2;
}
.sheet-itemimage{
padding: 5px;
font-family:Impact, sans-serif;font-size:14px;
border-radius: 15px;
grid-column: 1 / span 2 ;
grid-row: 15 / span 1;
}
Black-Hack-Mecha-Hack/MechaHack.html
+179
View File
@@ -0,0 +1,179 @@
<div class="sheet-wrapper">
<div class="sheet-itemheader">THE MECHA HACK CHARACTER SHEET</div>
<div class="sheet-itemcallsign">Callsign: <input type="text" name="attr_Callsign"/></div>
<div class="sheet-itempilot">Pilot:
<select name="attr_Pilot">
<option value="Bionic">Bionic</option>
<option value="Commander">Commander</option>
<option value="Engineer">Engineer</option>
<option value="Maverick">Maverick</option>
<option value="Merc">Merc</option>
<option value="Pariah">Pariah</option>
<option value="Quipster">Quipster</option>
<option value="Vet">Vet</option>
</select>
</div>
<div class="sheet-itemchassis">Chassis:
<select name="attr_Chassis">
<option value="Auxiliary">Auxiliary</option>
<option value="Brawler">Brawler</option>
<option value="Colossus">Colossus</option>
<option value="Hybrid">Hybrid</option>
<option value="Scout">Scout</option>
<option value="Striker">Striker</option>
<option value="Titan">Titan</option>
<option value="Vanguard">Vanguard</option>
</select>
</div>
<div class="sheet-itemlevel">Level:
<select name="attr_Level">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="sheet-itemapmax">Armour Points Max: <input type="text" name="attr_apmax"/></div>
<div class="sheet-itemhpmax">Hit Points Max: <input type="text" name="attr_hpmax"/></div>
<div class="sheet-itemapcur">Armour Points: <input type="text" name="attr_apcur"/></div>
<div class="sheet-itemhpcur">Hit Points: <input type="text" name="attr_hpcur"/></div>
<div class="sheet-itemdamage">Damage Die
<select name="attr_Damage">
<option value="4">4</option>
<option value="6">6</option>
<option value="8">8</option>
<option value="10">10</option>
</select>
<button type="roll" value="&{template:default} {{name=Damge Roll (@{character_name})}} {{Roll=[[d@{Damage}cf1cf2]]}}" name="roll_damageCheck"></button>
</div>
<div class="sheet-itemreactor">Reactor Die
<select name="attr_Reactor">
<option value="4">4</option>
<option value="6">6</option>
<option value="8">8</option>
<option value="10">10</option>
</select>
<button type="roll" value="&{template:default} {{name=Reactor Test (@{character_name})}} {{Roll=[[d@{Reactor}cf1cf2]]}}" name="roll_reactorCheck"></button>
</div>
<div class="sheet-itempower">Power:
<select name="attr_Power">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
</select>
<button type="roll" value="&{template:default} {{name=Power Test (@{character_name})}} {{Roll=[[d20cs1cf20]] < @{Power}]]}}" name="roll_powerCheck"></button>
</div>
<div class="sheet-itempilotability">Pilot Ability<textarea name="attr_Pilot_ability"></textarea></div>
<div class="sheet-itemmobility">Mobility:
<select name="attr_Mobility">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
</select>
<button type="roll" value="&{template:default} {{name=Mobility Test (@{character_name})}} {{Roll=[[d20cs1cf20]] < @{Mobility}]]}}" name="roll_mobilityCheck"></button>
</div>
<div class="sheet-itemchassisability">Chassis Abilities<textarea name="attr_Chassis_ability"></textarea></div>
<div class="sheet-itemsystem">System:
<select name="attr_System">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
</select>
<button type="roll" value="&{template:default} {{name=System Test (@{character_name})}} {{Roll=[[d20cs1cf20]] < @{System}]]}}" name="roll_systemCheck"></button>
</div>
<div class="sheet-itemequipment">Equipment<textarea name="attr_Equipment"></textarea></div>
<div class="sheet-itempresence">Presence:
<select name="attr_Presence">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
</select>
<button type="roll" value="&{template:default} {{name=Presence Test (@{character_name})}} {{Roll=[[d20cs1cf20]] < @{Presence}]]}}" name="roll_presenceCheck"></button>
</div>
<div class="sheet-itemmodules">Modules<textarea name="attr_Modules"></textarea></div>
<img class="sheet-itemimage" src="https://magicengine.co.uk/missiles.png" alt="Lamp">
</div>
Black-Hack-Mecha-Hack/MechaSheet.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

Black-Hack-Mecha-Hack/missiles.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.8 KiB

Black-Hack-Mecha-Hack/sheet.json
+13
View File
@@ -0,0 +1,13 @@
{
"html": "MechaHack.html",
"css": "MechaHack.css",
"authors": "Silverwillo",
"roll20userid": "2522346",
"preview": "MechaSheet.png",
"compendium": "",
"instructions": "Character sheet for The Mecha Hack.",
"useroptions": [
],
"legacy": true
}