Skyfarer Sheet (#6835)

For the RPG Skyfarer, published by Failbetter Games.
This commit is contained in:
Taima
2020-06-29 11:30:21 -05:00
committed by GitHub
parent 99f12d04de
commit 2fbdfc272e
7 changed files with 220 additions and 0 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 548 KiB

+181
View File
@@ -0,0 +1,181 @@
<img src="https://github.com/taimatime/Roll20_Skyfarer_Sheet/blob/master/SkyfarerHeader.png?raw=true">
</style>
<div>
<i>Captain?:</i> <input type="checkbox" class="sheet-block-switch" name="attr_block_switch" value="1">
<div class="sheet-block-a">
<div class="sheet-Wrapper" style="margin: 10px 60px 60px 60px"; document.getElementById("myDiv")>
<div class="sheet-Basics" >
<div class='sheet-col' >
<h2><b><i>Hello I'm </i></b><input type="text" name="attr_CharName" style="width: 250px" /></h2>
<p><h2><b><i>A </i></b><input type="text" name="attr_TraitOne" style="width: 150px" />
<b><i> and </i>&nbsp;</b><input type="text" name="attr_TraitTwo" style="width: 150px" />
<select name="attr_Profession">
<option value="0" selected="selected">Profession
<option value="1">Engineer</option>
<option value="2">First Officer</option>
<option value="3">Quartermaster</option>
<option value="4">Signaller</option>
<option value="5">Mascot</option>
<option value="6">Gunner</option>
<option value="7">Stoker</option>
<option value="8">Navigator</option>
</select></p>
</div>
</div>
<div class="sheet-Zeefarer" name="sheet-Zeefarer">
<div class="sheet-Zeefarer">
<div class="stats-Zeefarer" name="stats-Zeefarer">
<br>
<b><i><h2>Stats:</h2></i></b>
<button type="roll"
value="&{template:default} {{name=@{CharName} rolled with Iron}} {{Roll=[[1d10+@{Iron}+?{+/- forward?|0}]]}}"
name="roll_Iron"></button>
<b>Iron:</b>
<input type="number"
name="attr_Iron"
min="-1"
max="3"
style="width: 50px"> &nbsp;
<button type="roll"
value="&{template:default} {{name=@{CharName} rolled with Mirrors}} {{Roll=[[1d10+@{MIrrors}+?{+/- forward?|0}]]}}"
name="roll_Mirrors"></button>
<b>Mirrors:</b>
<input type="number"
name="attr_Mirrors"
min="-1"
max="3"
style="width: 50px"> &nbsp;
<button type="roll"
value="&{template:default} {{name=@{CharName} rolled with Veils}} {{Roll=[[1d10+@{Veils}+?{+/- forward?|0}]]}}"
name="roll_Veils"></button>
<b>Veils:<b>
<input type="number"
name="attr_Veils"
min="-1"
max="3"
style="width: 50px"> &nbsp;
<button type="roll"
value="&{template:default} {{name=@{CharName} rolled with Hearts}} {{Roll=[[1d10+@{Hearts}+?{+/- forward?|0}]]}}"
name="roll_Hearts"></button>
<b>Hearts:</b>
<input type="number"
name="attr_Hearts"
min="-1"
max="3"
style="width: 50px"> &nbsp;
</div>
</div>
<br><br>
<div class="Peril" name="Peril">
<b><i>Peril Danger:</i> </b><input type="number" name="attr_Peril" style="width: 50px" /> <i>Max 10</i> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="sheet-CurrentCondition" name="sheet-CurrentCondition">
<h3><b><i>Current Condition:</i></b></h3>
<textarea name="attr_CurrentCondition" rows="10" cols="30">Hopefully OK...</textarea>
</div><br>
<div class="Tenacity" name="Tenacity">
<p></p><b><i>Tenacity Pool: &nbsp; </i></b><input type="checkbox" name="attr_ten1" checked> &nbsp; <input type="checkbox" name="attr_ten2" checked> &nbsp; <input type="checkbox" name="attr_ten3"> &nbsp; <input type="checkbox" name="attr_ten4"> &nbsp; <input type="checkbox" name="attr_ten5"> &nbsp; <input type="checkbox" name="attr_ten6"> &nbsp; <i>Start with 2</i>
</div>
<br><br>
<div class='sheet-col'>
<h3>&nbsp;&nbsp;&nbsp;<b><i>I will never...</i></b> <input type="text" name="attr_Never" style="width: 250px" />
<b><i>I love...</i></b> <input type="text" name="attr_Love" style="width: 250px" /></h3>
<p><h3><b><i>I will always...</i></b> <input type="text" name="attr_Always" style="width: 250px" />
<b><i>I hate...</i></b> <input type="text" name="attr_Hate" style="width: 250px" /></h3></p>
</p></div>
<br><br>
<div class="sheet-Journal" name="sheet-Journal">
<h3><b><i>My Journal:</i></b></h3>
<textarea name="attr_Journal" rows="10" cols="30">You wouldn't guess what happened today!</textarea>
</div><br>
</div>
<br><br><br>
Skyfarer © Failbetter Games
<font size="0.5"><span data-i18n="sheet-version">sheet version</span> 1.0 </font>
<p><font size="0.5"><a href="https://app.roll20.net/users/761078/taima">Made by Taima</a></font></p>
</div>
</style>
<script type="text/worker">
on("change:skinname", function() {
console.log("Set SkinCheck = SkinName if not already equal.")
getAttrs(["SkinName","SkinCheck"], function(values) {
if (values.SkinCheck !== values.SkinName) {
setAttrs({ SkinCheck: values.SkinName });
};
});
console.log("SkinCheck = SkinName whenever changed.");
});
</script>
</div>
<div class="sheet-block-b">
<div class="sheet-Wrapper" style="margin: 10px 60px 60px 60px"; document.getElementById("myDiv")>
<div class="sheet-Basicscap" >
<div class='sheet-colcap' >
<h2><b><i>I'm Captain </i></b><input type="text" name="attr_CharName" style="width: 250px" /></h2>
</div>
<div class="sheet-Zeefarer" name="sheet-Zeefarer">
<div class="sheet-Zeefarer">
<div class="stats-Zeefarer" name="stats-Zeefarer">
</div>
</div>
<br><br>
<div class="sheet-CaptainCondition" name="sheet-CaptainCondition">
<h3><b><i>Captain's Condition:</i></b></h3>
<textarea name="attr_CaptainCondition" rows="10" cols="30">Hopefully OK...</textarea>
</div>
<br>
<img src="https://github.com/taimatime/Roll20_Skyfarer_Sheet/blob/master/shipclass.png?raw=true">
<br><br>
<div class='sheet-col'>
<h3>&nbsp;&nbsp;&nbsp;<b><i>Our fine locomotive is called...</i></b> <input type="text" name="attr_ShipName" style="width: 300px" />
<p><h3><b><i>She's </i></b> <input type="text" name="attr_ShipTraitOne" style="width: 250px" />
<b><i> and </i></b> <input type="text" name="attr_ShipTraitTwo" style="width: 250px" /></h3></p>
</p></div>
<br><br>
<div class="sheet-Journal" name="sheet-Journal">
<h3><b><i>Captain's Journal:</i></b></h3>
<textarea name="attr_CaptainJournal" rows="10" cols="30">You wouldn't guess what happened today!</textarea>
</div><br>
</div>
<br><br><br>
Skyfarer © Failbetter Games
<font size="0.5"><span data-i18n="sheet-version">sheet version</span> 1.0 </font>
<p><font size="0.5"><a href="https://app.roll20.net/users/761078/taima">Sheet coded by Taima</a></font></p>
</div>
</style>
<script type="text/worker">
on("change:skinname", function() {
console.log("Set SkinCheck = SkinName if not already equal.")
getAttrs(["SkinName","SkinCheck"], function(values) {
if (values.SkinCheck !== values.SkinName) {
setAttrs({ SkinCheck: values.SkinName });
};
});
console.log("SkinCheck = SkinName whenever changed.");
});
</script>
</div>
</div>
@@ -0,0 +1,31 @@
.charsheet {
background-image: url("https://github.com/taimatime/Roll20_Skyfarer_Sheet/blob/master/PaperTexture.jpg?raw=true"); /*papertexture*/
background-color: white;
background-repeat: no-repeat;
background-size: cover;
color: black;
text-align: center;
}
{
font-family:"Book Antiqua","Palatino";
}
input[type="text"]
{
background: opacity 0.5;
border: none;
}
.sheet-block-a,
.sheet-block-switch:checked ~ .sheet-block-b {
display: block;
}
.sheet-block-b,
.sheet-block-switch:checked ~ .sheet-block-a {
display: none;
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 320 KiB

+8
View File
@@ -0,0 +1,8 @@
{
"html": "SkyfarerRoll20HTML.html",
"css": "SkyfarerRoll20Sheet_CSS.css",
"authors": "Taima",
"roll20userid": "761078",
"preview": "Preview.jpg",
"instructions": "Just a simple sheet! Check the box at the top if you need a captain/locomotive sheet instead of a character sheet. When you roll, it will ask you if you have +/-1 forward, if you don't just click ok and it'll roll as normal. :)"
}