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 (#6345)

Browse Source 
First version of the character sheet
This commit is contained in:
Hector-Montsegur
2020-05-11 10:29:28 -04:00
committed by GitHub
parent 1eca222947
commit 66cdc49cbc
4 changed files with 337 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WIthin/Within_sheet.css
+74
View File
@@ -0,0 +1,74 @@
@import url('https://fonts.googleapis.com/css?family=Coming+Soon&display=swap');
@import url('https://fonts.googleapis.com/css?family=Special+Elite&display=swap');
* {
font-weight: normal;
}
.charsheet {
background: url(https://cdn.inspirationhut.net/wp-content/uploads/2012/11/Grungy-Paper-Textures.jpg);
width: 800px;
color: black;
}
hr {
border: 1px solid rgb(196,148,75);
}
img {
width: 250px;
background-color: transparent;
opacity: 0.7;
}
select {
width: 90px;
background-color: rgba(255,255,235,0.7);
border: 1px solid rgb(196,148,75);
border-radius: 10px 10px 10px 10px;
font-family: 'Coming Soon';
font-size: 16px;
color: rgb(40,40,50);
}
select option {
font-family: 'Lucida Bright', Lucida, serif;
font-size: 14px;
color: black;
}
input {
width: 180px;
background-color: rgba(255,255,235,0.7);
border: 1px solid rgb(196,148,75);
border-radius: 10px 10px 10px 10px;
font-family: 'Coming Soon';
font-size: 16px;
color: rgb(40,40,50);
}
table {
font-size: 20px;
color: black;
}
td {
vertical-align: top;
font-family: 'Courier';
}
textarea {
height: auto;
background-color: rgba(255,255,235,0.7);
border: 1px solid rgb(196,148,75);
border-radius: 10px 10px 10px 10px;
font-family: 'Coming Soon';
font-size: 16px;
color: rgb(40,40,50);
}
h2 {
font-family: 'Courier';
color: black;
}
WIthin/Within_sheet.html
+255
View File
@@ -0,0 +1,255 @@
<hr width="80%" />
<div class="3colrow">
<div class="col", style="width:250px">
<br />
<table style="width:100%">
<tr>
<td style="width:60px">Nom </td>
<td style="width:180px">
<label><input type="text" name="attr_character_name" /></label>
</td>
</tr>
<tr>
<td style="width:60px">Sexe </td>
<td style="width:180px">
<label><select name="attr_sex" />
<option value="0">Homme</option>
<option value="1">Femme</option>
<option value="2" selected="selected">Inconnu</option>
</select>
</label>
</td>
</tr>
</div>
<div class="col", style="width:210px">
<img src="https://d2homsd77vx6d2.cloudfront.net/cache/1/4/140515f2e68fe0b97f2ecfc1adf42731.png" />
</div>
<div class="col", style="width:250px">
<br />
<table style="width:100%">
<tr>
<td style="width:60px">Type </td>
<td style="width:180px">
<label><input type="text" name="attr_type" /></label>
</td>
</tr>
<tr>
<td style="width:60px">Age </td>
<td style="width:180px">
<label><input type="number" name="attr_age" value="18" min="0" max="110" /></label>
</td>
</tr>
</div>
</div>
<hr width="80%" />
<div class="2colrow">
<div class="col", style="width:350px">
<br />
<table style="width:100%">
<tr>
<td style="width:130px">Occupation </td>
<td style="width:100px">
<label><input type="text" name="attr_occupancy" /></label>
</td>
</tr>
</table>
<br />
<table style="width:100%">
<tr>
<td style="width:130px">Spécialité(s) </td>
<td style="width:100px">
<label><input type="text" name="attr_spec1" /></label>
<label><input type="text" name="attr_spec2" /></label>
<label><input type="text" name="attr_spec3" /></label>
</td>
</tr>
</table>
<br />
<table style="width:100%">
<tr>
<td style="width:130px">Aptitude(s) </td>
<td style="width:100px">
<label><input type="text" name="attr_capacity1" /></label>
<label><input type="text" name="attr_capacity2" /></label>
<label><input type="text" name="attr_capacity3" /></label>
<label><input type="text" name="attr_capacity4" /></label>
<label><input type="text" name="attr_capacity5" /></label>
</td>
</tr>
</table>
</div>
<div class="col", style="width:370px;">
<h2>Potentiels</h2>
<table style="width:100%">
<tr>
<td style="width:120px">Volonté </td>
<td style="width:100px">
<label><select name="attr_will" />
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected="selected">3</option>
</select></label>
</td>
</tr>
<tr>
<td style="width:120px">Vigueur </td>
<td style="width:100px">
<label><select name="attr_force" />
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected="selected">3</option>
</select></label>
</td>
</tr>
<tr>
<td style="width:120px">Santé </td>
<td style="width:100px">
<label><select name="attr_health" />
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected="selected">3</option>
</select> </label>
</td>
</tr>
</table>
<br /><br />
<table style="width:100%">
<tr>
<td style="width:120px">Résistance </td>
<td style="width:100px">
<label><select name="attr_resistance" />
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected="selected">3</option>
</select>
</label>
</td>
</tr>
</table>
<br /><br />
<table style="width:100%">
<tr>
<td style="width:100px">Alpha </td>
<td style="width:100px">
<label><input type="text" name="attr_alpha_seal" /></label>
</td>
<td style="width:100px">
<label><select name="attr_alpha" />
<option value="-2" selected="selected">-2</option>
<option value="-1">-1</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select></label>
</td>
</tr>
<tr>
<td style="width:100px">Omega </td>
<td style="width:100px">
<label><input type="text" name="attr_omega_seal" /></label>
</td>
<td style="width:100px">
<label><select name="attr_omega" />
<option value="-2" selected="selected">-2</option>
<option value="-1">-1</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select></label>
</td>
</tr>
</table>
</div>
</div>
<hr width="80%" />
<div class="2colrow">
<div class="col", style="width:360px">
<br />
<table style="width:100%">
<tr>
<td style="width:150px">. Limite </td>
<td style="width:180px">
<label><input type="text" name="attr_limit" /></label>
</td>
</tr>
</table>
<br />
<table style="width:100%">
<tr>
<td style="width:150px">Milieu(x) </td>
<td style="width:180px">
<label><input type="text" name="attr_milieu1" /></label>
<label><input type="text" name="attr_milieu2" /></label>
</td>
</tr>
<tr>
<td style="width:150px">Niveau de vie </td>
<td style="width:180px">
<label><input type="text" name="attr_life" /></label>
</td>
</tr>
</table>
<br />
<h2>Origines</h2>
<textarea rows="6" name="attr_origins" /></textarea>
<br />
</div>
<div class="col", style="width:350px">
<h2>First contact</h2>
<textarea rows="3" name="attr_contact" /></textarea>
<br />
<h2>Refuge</h2>
<textarea rows="2" name="attr_shelter" /></textarea>
<br />
<h2>Equipement</h2>
<textarea rows="4" name="attr_equipment" /></textarea>
</div>
</div>
<div>
<div class="row">
<div class="col", style="width:750px">
<h2>Notes</h2>
<textarea rows="6" name="attr_notes" /></textarea>
</div>
</div>
</div>
<hr width="80%" />
<script type="text/worker">
on("change:will change:force change:health sheet:opened", function() {
getAttrs(["will","force","health"], function(values) {
let w = parseInt(values.will,10)||0;
let f = parseInt(values.force,10)||0;
let h = parseInt(values.health,10)||0;
let r = Math.min(w, f, h);
setAttrs({
resistance: r
});
});
});
</script>
WIthin/Within_sheet.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 294 KiB

WIthin/sheet.json
+8
View File
@@ -0,0 +1,8 @@
{
"html": "Within_sheet.html",
"css": "Within_sheet.css",
"authors": "Hector Montsegur",
"roll20userid": "Sergent Colon",
"preview": "Within_sheet.jpg",
"instructions": "Sheet for the french RPG Within by Benoît Attinost. Includes auto-calculated resistance."
}