mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Skyfarer Sheet (#6835)
For the RPG Skyfarer, published by Failbetter Games.
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 548 KiB |
@@ -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> </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">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
</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>
|
||||
</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: </i></b><input type="checkbox" name="attr_ten1" checked> <input type="checkbox" name="attr_ten2" checked> <input type="checkbox" name="attr_ten3"> <input type="checkbox" name="attr_ten4"> <input type="checkbox" name="attr_ten5"> <input type="checkbox" name="attr_ten6"> <i>Start with 2</i>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class='sheet-col'>
|
||||
<h3> <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> <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 |
@@ -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. :)"
|
||||
}
|
||||
Reference in New Issue
Block a user