Files
roll20-character-sheets/WIthin/Within_sheet.html
Hector-Montsegur 66cdc49cbc initial_version (#6345)
First version of the character sheet
2020-05-11 10:29:28 -04:00

256 lines
7.6 KiB
HTML

<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>