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

Trollbabe Sheet Update 2

Browse Source 
Corrected some css, added the image files for the logos to link them
directly once the sheet is uploaded, instead of using imgur.
This commit is contained in:
G-G-G
2018-04-17 12:29:45 +01:00
parent dfe55e521c
commit 7bc679c385
6 changed files with 105 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Trollbabe/banner.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

Trollbabe/logo.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

Trollbabe/logostranger.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

Trollbabe/logotears.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

Trollbabe/trollbabe.css
+18 -7
View File
@@ -3,7 +3,9 @@
tears logo: https://i.imgur.com/idKOYxF.png
stranger logo: https://i.imgur.com/6URrIpG.png
*/
.sheet-inline {
display:inline;
}
.sheet-toggle {
position: absolute;
background-color: transparent;
@@ -15,12 +17,12 @@
font-size: 0.8em;
}
input.sheet-switch-areas:not([value='trollbabe'])~div.sheet-standard-wrapper {
/* display: none; */
input.sheet-switch-sheet:not([value='0'])~div.sheet-standard-wrapper {
display: none;
}
input.sheet-switch-areas:not([value='trollbabe-compact'])~div.sheet-compact-wrapper {
/* display: none; */
input.sheet-switch-sheet:not([value='1'])~div.sheet-rebuild-wrapper {
display: none;
}
input.sheet-switch-areas:not([value='trollbabe'])~div .sheet-toggle-trollbabe,
@@ -53,10 +55,14 @@ label {
text-decoration: underline;
}
input {
input,
select {
font-size: 1.2em;
color:black;
}
select {
margin-bottom:3px;
}
.sheet-standard-wrapper {
display: grid;
@@ -146,7 +152,7 @@ label.sheet-number-label {
input[type=number].sheet-number-input {
font-weight: bolder;
font-size: 80px;
font-size: 70px;
text-align: center;
width: 80px;
/*100px;*/
@@ -225,6 +231,11 @@ input[type=text].sheet-health {
input[type=text].sheet-names {
width: 13em;
}
select.sheet-names {
font-size: 1.1em;
width: 14.2em;
padding-left: 0;
}
input[type=radio].sheet-health {
vertical-align: top;
Trollbabe/trollbabe.html
+87 -29
View File
@@ -1,4 +1,5 @@
<input type="hidden" name="attr_sheet_type" class="switch-areas" value="trollbabe">
<input type="hidden" name="attr_sheet_swap" class="switch-sheet" value="0">
<input type="hidden" name="attr_FightingScore" />
<input type="hidden" name="attr_MagicScore" />
<input type="hidden" name="attr_SocialScore" />
@@ -12,6 +13,7 @@
<option value="stranger">Stranger Things</option>
<option value="custom">Custom Sheet</option>
</select>
<img src="https://i.imgur.com/V7EAooT.jpg" class="sheet-banner" />
<div class="sheet-standard-wrapper">
<div class="sheet-box sheet-name">
@@ -21,7 +23,7 @@
<label class="sheet-names sheet-font">Name:</label>
</td>
<td>
<input class="sheet-names sheet-font" type="text" name="attr_Trollbabe" />
<input class="sheet-names sheet-font" type="text" name="attr_character_name" />
</td>
</tr>
<tr>
@@ -40,13 +42,65 @@
<input class="sheet-names sheet-font" type="text" name="attr_Story" />
</td>
</tr>
<tr>
<td>
<label class="sheet-names sheet-font">Scale:</label>
</td>
<td>
<div class='sheet-toggle-trollbabe'>
<select class="sheet-font sheet-names" name="attr_Scale" />
<option value="personal" selected>Personal</option>
<option value="small">Small Group</option>
<option value="organised">Organised Group</option>
<option value="village">Village/Local Community</option>
<option value="township">Town-sized Community</option>
<option value="province">Province/City</option>
<option value="land">Land/Nation</option>
</select>
</div>
<div class='sheet-toggle-tearsinrain'>
<select class="sheet-font sheet-names" name="attr_Scale" />
<option value="personal" selected>Personal</option>
<option value="small">Group</option>
<option value="organised">Neighbourhood</option>
<option value="village">Community</option>
<option value="township">Area</option>
<option value="province">City</option>
</select>
</div>
<div class='sheet-toggle-stranger'>
<select class="sheet-font sheet-names" name="attr_Scale" />
<option value="personal" selected>Personal</option>
<option value="small">Small Group</option>
<option value="organised">Organised Group</option>
<option value="village">District</option>
<option value="township">Borough</option>
<option value="province">City</option>
</select>
</div>
<div class='sheet-toggle-custom'>
<select class="sheet-font sheet-names" name="attr_Scale" />
<option value="personal" selected>Personal</option>
<option value="small">Small Group</option>
<option value="organised">Organised Group</option>
<option value="village">Village/Local Community</option>
<option value="township">Town-sized Community</option>
<option value="province">Province/City</option>
<option value="land">Land/Nation</option>
</select>
</div>
</td>
</tr>
</table>
</div>
<div class="sheet-box sheet-logo">
<div class='sheet-toggle-trollbabe' ><img src="https://i.imgur.com/Ezf4uJI.png" class="sheet-logo" /></div>
<div class='sheet-toggle-tearsinrain' ><img src="https://i.imgur.com/idKOYxF.png" class="sheet-logo" /></div>
<div class='sheet-toggle-stranger' ><img src="https://i.imgur.com/6URrIpG.png" class="sheet-logo" /></div>
<div class='sheet-toggle-custom' ><img src="https://i.imgur.com/Ezf4uJI.png" class="sheet-logo" /></div>
</div>
<div class="sheet-box sheet-number-heading">
<label class="sheet-number-label sheet-font sheet-underline">Number</label>
@@ -73,12 +127,12 @@
<label class="sheet-center sheet-stats sheet-font sheet-underline">Range</label>
</td>
<td>
<label class="sheet-stats sheet-font sheet-underline">Specialty</label>
<label class="sheet-stats sheet-font sheet-underline">Impression</label>
</td>
</tr>
<tr>
<td>
<button type='roll' class='sheet-stats-button' name='roll_Fighting' value='&{template:Trollbabe} {{name=@{Trollbabe} }} {{Versus=@{Number} }} {{ability=@{Fighting_Name}}} {{range=@{Fighting} }} {{score=[[@{FightingScore}]] }} {{rollType=[[@{FightingType}]] }} {{roll=[[1d10]]}} '></button>
<button type='roll' class='sheet-stats-button' name='roll_Fighting' value='&{template:Trollbabe} {{name=@{character_name} }} {{Versus=@{Number} }} {{ability=@{Fighting_Name}}} {{range=@{Fighting} }} {{score=[[@{FightingScore}]] }} {{rollType=[[@{FightingType}]] }} {{roll=[[1d10]]}} '></button>
</td>
<td class='sheet-center'>
<label class="sheet-stats-label sheet-font sheet-toggle-trollbabe">Fighting</label>
@@ -95,7 +149,7 @@
</tr>
<tr>
<td>
<button type='roll' class='sheet-stats-button' name='roll_Magic' value='&{template:Trollbabe} {{name=@{Trollbabe} }} {{Versus=@{Number} }} {{ability=@{Magic_Name}}} {{range=@{Magic} }} {{score=[[@{MagicScore}]] }} {{rollType=[[@{MagicType}]] }} {{roll=[[1d10]]}} '></button>
<button type='roll' class='sheet-stats-button' name='roll_Magic' value='&{template:Trollbabe} {{name=@{character_name} }} {{Versus=@{Number} }} {{ability=@{Magic_Name}}} {{range=@{Magic} }} {{score=[[@{MagicScore}]] }} {{rollType=[[@{MagicType}]] }} {{roll=[[1d10]]}} '></button>
</td>
<td class='sheet-center'>
<label class="sheet-stats-label sheet-font sheet-toggle-trollbabe">Magic</label>
@@ -112,7 +166,7 @@
</tr>
<tr>
<td class='sheet-center'>
<button type='roll' class='sheet-stats-button' name='roll_Social' value='&{template:Trollbabe} {{name=@{Trollbabe} }} {{Versus=@{Number} }} {{ability=@{Social_Name}}} {{range=@{Social} }} {{score=[[@{SocialScore}]] }} {{rollType=[[@{SocialType}]] }} {{roll=[[1d10]]}}'></button>
<button type='roll' class='sheet-stats-button' name='roll_Social' value='&{template:Trollbabe} {{name=@{character_name} }} {{Versus=@{Number} }} {{ability=@{Social_Name}}} {{range=@{Social} }} {{score=[[@{SocialScore}]] }} {{rollType=[[@{SocialType}]] }} {{roll=[[1d10]]}}'></button>
</td>
<td>
<label class="sheet-stats-label sheet-font sheet-toggle-trollbabe">Social</label>
@@ -384,7 +438,7 @@
<input class='sheet-health' type='radio' name='attr_Injuries' value='1' />
</td>
<td>
<label class="sheet-health sheet-font">Discommoded</label>
<label class="sheet-health sheet-font">Inconvenienced</label>
</td>
</tr>
<tr>
@@ -400,7 +454,7 @@
<input class='sheet-health' type='radio' name='attr_Injuries' value='3' />
</td>
<td>
<label class="sheet-health sheet-font">Doubly Injured</label>
<label class="sheet-health sheet-font">Injured Again</label>
</td>
</tr>
<tr>
@@ -420,7 +474,7 @@
<br/>
<fieldset class="repeating_health">
<input class='sheet-relationships' type='checkbox' name='attr_health_check' value='1' />
<input class='sheet-relationships sheet-font' type='text' name='attr_health_name' value='' />
<input class='sheet-health sheet-font' type='text' name='attr_health_name' value='' />
<br/>
</fieldset>
</div>
@@ -458,32 +512,36 @@
<!-- SHEET WORKERS -->
<script type="text/worker">
on("sheet:opened change:sheet_type", function() {
getAttrs(["sheet_type"], function(v) {
getAttrs(["sheet_type","Social_Name","Fighting_Name","Magic_Name"], function(v) {
var type = v.sheet_type;
if(type === "custom") return;
var magic = "Magic"
var fighting = "Fighting";
var social = "Social";
switch(type) {
case "tearsinrain":
magic = "Tech"
fighting = "Combat";
social = "Social";
break;
case "stranger":
magic = "Flame"
fighting = "Blood";
social = "Shadow";
break;
default:
magic = "Magic"
fighting = "Fighting";
social = "Social";
var rebuild = 0;
var magic = v.Magic_Name
var fighting = v.Fighting_Name;
var social = v.Social_Name;
if(type === "rebuild") {
rebuild = 1;
} else if(type !== "custom") {
switch(type) {
case "tearsinrain":
magic = "Tech"
fighting = "Combat";
social = "Social";
break;
case "stranger":
magic = "Flame"
fighting = "Blood";
social = "Shadow";
break;
default:
magic = "Magic"
fighting = "Fighting";
social = "Social";
}
}
setAttrs({
"sheet_swap":rebuild,
"Fighting_Name": fighting,
"Magic_Name": magic,
"Social_Name": social