Files
roll20-character-sheets-tester/Chronica Feudalis/feudalis-sheet.html
T
2022-11-15 18:44:26 +01:00

602 lines
31 KiB
HTML

<main class="sheet_feudalis">
<!-- ARDOR & VIGOR POINTS START -->
<section class="aside">
<div class="character_points">
<div class="vigor">
<label>Vigor</label>
<span class="vigor-frame"><input type="number" name="attr_vigor" value="3" min="0" max="20"></span>
</div>
<div class="ardor">
<label>Ardor</label>
<input type="number" name="attr_ardor" value="3" min="0" max="20">
</div>
</div>
</section>
<!-- ARDOR & VIGOR POINTS END -->
<!-- HEADER (CHARACTER NAME & AVATAR) (maybe Ardor & Vigor) START -->
<section class="sheet-header">
<div class="sheet-columns">
<div class="column-1 avatarbanner">
<div class="avatar">
<img class="avatarimage" name="attr_character_avatar" alt="Character Avatar">
</div>
</div>
<div class="column-2">
<div class="character_info">
<div class="character_name">
<label for="name">Nom</label>
<input id="name" type="text" name="attr_character_name">
</div>
<div class="character_mentors">
<label for="mentors">Mentors</label>
<textarea name="attr_character_mentors" id="mentors"></textarea>
</div>
</div>
</div>
</div>
</section>
<!-- HEADER (CHARACTER NAME & AVATAR) END -->
<!-- DICE POOL START -->
<section class="sheet-dicepool">
<h2>Réserve de dés</h2>
<div class="dicepool-item">
<label>D4 :</label>
<input type="number" name="attr_d4" value="0" min="0" max="10">
</div>
<div class="dicepool-item">
<label>D6 :</label>
<input type="number" name="attr_d6" value="0" min="0" max="10">
</div>
<div class="dicepool-item">
<label>D8 :</label>
<input type="number" name="attr_d8" value="0" min="0" max="10">
</div>
<div class="dicepool-item">
<label>D10 :</label>
<input type="number" name="attr_d10" value="0" min="0" max="10">
</div>
<div class="dicepool-item">
<label>D12 :</label>
<input type="number" name="attr_d12" value="0" min="0" max="10">
</div>
<div class="dicepool-item">
<label>D20 :</label>
<input type="number" name="attr_d20" value="0" min="0" max="10">
</div>
<div class="dicepool-action">
<button type="roll" class="dicepool-roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Difficulté : [[?{Difficulté?}]]}} {{result=[[ [[@{d4}]]d4>?{Difficulté?} +[[@{d6}]]d6>?{Difficulté?} +[[@{d8}]]d8>?{Difficulté?} +[[@{d10}]]d10>?{Difficulté?} +[[@{d12}]]d12>?{Difficulté?} +[[@{d20}]]d20>?{Difficulté?}]]}}"></button>
<button type="roll" class="dicepool-roll dicepool-gmroll" value="/w gm &{template:feudalis} {{title=@{character_name}}} {{subheader=Difficulté: [[?{Difficulté?}]]}} {{result=[[ [[@{d4}]]d4>?{Difficulté?} +[[@{d6}]]d6>?{Difficulté?} +[[@{d8}]]d8>?{Difficulté?} +[[@{d10}]]d10>?{Difficulté?} +[[@{d12}]]d12>?{Difficulté?} +[[@{d20}]]d20>?{Difficulté?}]]}}"></button>
<button class="dicepool-clear">EFFACER</button>
<button type="roll" style="width : 81px; height: 30px; opacity: 0; margin-left: -81px; position: relative;" value="!setattr --name @{character_name} --silent --d4|0 --d6|0 --d8|0 --d10|0 --d12|0 --d20|0"></button>
</div>
</section>
<!-- DICE POOL END -->
<input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab" value="skills" />
<div class="sheet_tabs">
<button type="action" name="act_skills" >Compétences</button>
<button type="action" name="act_traits" >Traits</button>
<button type="action" name="act_journal" >Journal</button>
</div>
<!-- SKILLS START -->
<section class="sheet_skills">
<h2>Compétences</h2>
<div class="sheet-2colrow">
<div class="sheet-col"> <!-- FIRST COLUMN START -->
<!-- FIGHT SKILLS START -->
<div class="skills-container">
<h3>Combat</h3>
<div class="skill-item">
<label>Bagarre :</label>
<select name="attr_brawl" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_brawl_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Bagarre}} {{result=[[@{brawl}]]}}"></button>
</div>
<div class="skill-item">
<label>Défense :</label>
<select name="attr_fend" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_fend_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Défense}} {{result=[[@{fend}]]}}"></button>
</div>
<div class="skill-item">
<label>Frappe :</label>
<select name="attr_strike" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_strike_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Frappe}} {{result=[[@{strike}]]}}"></button>
</div>
<div class="skill-item">
<label>Tir :</label>
<select name="attr_aim" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_aim_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Tir}} {{result=[[@{aim}]]}}"></button>
</div>
<div class="skill-item">
<label>Soins :</label>
<select name="attr_heal" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_heal_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Soins}} {{result=[[@{heal}]]}}"></button>
</div>
</div>
<!-- FIGHT SKILLS END -->
<!-- PARLEY SKILLS START -->
<div class="skills-container">
<h3>Relations</h3>
<div class="skill-item">
<label>Autorité :</label>
<select name="attr_command" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_command_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Autorité}} {{result=[[@{command}]]}}"></button>
</div>
<div class="skill-item">
<label>Séduction :</label>
<select name="attr_entice" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_entice_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Séduction}} {{result=[[@{entice}]]}}"></button>
</div>
<div class="skill-item">
<label>Spectacle :</label>
<select name="attr_perform" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_perform_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Spectacle}} {{result=[[@{perform}]]}}"></button>
</div>
<div class="skill-item">
<label>Tromperie :</label>
<select name="attr_deceive" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_deceive_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Tromperie}} {{result=[[@{deceive}]]}}"></button>
</div>
<div class="skill-item">
<label>Volonté :</label>
<select name="attr_will" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_will_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Volonté}} {{result=[[@{will}]]}}"></button>
</div>
</div>
<!-- PARLEY SKILLS END -->
</div> <!-- FIRST COLUMN END -->
<div class="sheet-col"> <!-- SECOND COLUMN START -->
<!-- CHASE SKILLS START -->
<div class="skills-container">
<h3>Poursuite</h3>
<div class="skill-item">
<label>Elan :</label>
<select name="attr_dash" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_dash_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Elan}} {{result=[[@{dash}]]}}"></button>
</div>
<div class="skill-item">
<label>Equitation :</label>
<select name="attr_ride" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_ride_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Equitation}} {{result=[[@{ride}]]}}"></button>
</div>
<div class="skill-item">
<label>Escalade :</label>
<select name="attr_climb" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_climb_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Escalade}} {{result=[[@{climb}]]}}"></button>
</div>
<div class="skill-item">
<label>Nage :</label>
<select name="attr_swim" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_swim_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Nage}} {{result=[[@{swim}]]}}"></button>
</div>
<div class="skill-item">
<label>Navigation :</label>
<select name="attr_boat" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_boat_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Navigation}} {{result=[[@{boat}]]}}"></button>
</div>
</div>
<!-- CHASE SKILLS END -->
<!-- SUBTERFUGE SKILLS START -->
<div class="skills-container">
<h3>Subterfuge</h3>
<div class="skill-item">
<label>Chasse :</label>
<select name="attr_hunt" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_hunt_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Chasse}} {{result=[[@{hunt}]]}}"></button>
</div>
<div class="skill-item">
<label>Discretion :</label>
<select name="attr_sneak" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_sneak_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Discretion}} {{result=[[@{sneak}]]}}"></button>
</div>
<div class="skill-item">
<label>Dissimulation :</label>
<select name="attr_hide" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_hide_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Dissimulation}} {{result=[[@{hide}]]}}"></button>
</div>
<div class="skill-item">
<label>Sens :</label>
<select name="attr_sense" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_sense_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Sens}} {{result=[[@{sense}]]}}"></button>
</div>
<div class="skill-item">
<label>Vol :</label>
<select name="attr_steal" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<select name="attr_steal_state" class="dropdown">
<option value="" selected></option>
<option value="f">F</option>
<option value="s">S</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=Vol}} {{result=[[@{steal}]]}}"></button>
</div>
</div>
<!-- SUBTERFUGE SKILLS END -->
</div> <!-- SECOND COLUMN END -->
</div>
</section>
<!-- SKILLS END -->
<!-- TRAITS START -->
<section class="sheet_traits">
<h2>Traits</h2>
<div class="sheet-2colrow">
<div class="sheet-col"> <!-- TRAITS FIRST COLUMN START -->
<!-- ASPECTS START -->
<div class="traits-container">
<h3>Aspects</h3>
<fieldset class="repeating_aspect">
<div class="trait-item">
<input type="text" name="attr_aspect_name">
<select name="attr_aspect_score" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=@{aspect_name}}} {{result=[[@{aspect_score}]]}}"></button>
</div>
</fieldset>
</div>
<!-- ASPECTS END -->
<!-- WOUNDS START -->
<div class="traits-container">
<h3>Blessures</h3>
<fieldset class="repeating_wound">
<div class="trait-item">
<input type="text" name="attr_wound_name">
<select name="attr_wound_score" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=@{wound_name}}} {{result=[[@{wound_score}]]}}"></button>
</div>
</fieldset>
</div>
<!-- WOUNDS END -->
</div> <!-- TRAITS FIRST COLUMN END -->
<div class="sheet-col"> <!-- TRAITS SECOND COLUMN START -->
<!-- TOOLS START -->
<div class="traits-container">
<h3>Moyens</h3>
<fieldset class="repeating_tool">
<div class="trait-item">
<input type="text" name="attr_tool_name">
<select name="attr_tool_score" class="dropdown">
<option value="1d4" selected>D4</option>
<option value="1d6">D6</option>
<option value="1d8">D8</option>
<option value="1d10">D10</option>
<option value="1d12">D12</option>
</select>
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=@{tool_name}}} {{result=[[@{tool_score}]]}}"></button>
</div>
</fieldset>
</div>
<!-- TOOLS END -->
<!-- BACKGROUNDS START -->
<div class="traits-container">
<h3>Backgrounds</h3>
<fieldset class="repeating_backgrounds">
<div class="trait-item">
<input type="text" name="attr_background_name" class="background">
<button type="roll" value="&{template:feudalis} {{title=@{character_name}}} {{subheader=@{background_name}}}"></button>
</div>
</fieldset>
</div>
<!-- BACKGROUNDS END -->
</div> <!-- TRAITS SECOND COLUMN END -->
</div>
</section>
<!-- TRAITS END -->
<!-- TRAITS JOURNAL START -->
<section class="sheet_journal">
<h2>Journal</h2>
<label for="note">Notes</label>
<textarea name="attr_note" id="note"></textarea>
<label for="backdrop">>Historique</label>
<textarea name="attr_backdrop" id="backdrop"></textarea>
<h3>Contacts</h3>
<fieldset class="repeating_contacts">
<div class="contacts">
<input type="text" style="width:80%;" name="attr_contact_name" value="Nom de la personne"/>
<textarea name="attr_contact_desc" class="sheet-short-textarea">Description</textarea>
</div>
</fieldset>
</section>
<!-- TRAITS JOURNAL END -->
<script type="text/worker">
const buttonlist = ["skills","traits","journal"];
buttonlist.forEach(button => {
on(`clicked:${button}`, function() {
setAttrs({
sheetTab: button
});
});
});
</script>
</main>
<!-- ROLL TEMPLATE CHRONOCA FEUDALIS START -->
<rolltemplate class="sheet-rolltemplate-feudalis">
<div class="sheet-rolltemplate-feudalis-background sheet-rolltemplate-feudalis-center">
<div class="sheet-rolltemplate-feudalis-center sheet-rolltemplate-feudalis-header">
{{title}}
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Chronica%20Feudalis/rolltemplate-bar250.jpg" class="roll-separator" alt="" >
</div>
<div class="sheet-rolltemplate-feudalis-center sheet-rolltemplate-feudalis-subheader">
{{subheader}}
</div>
<div class="sheet-rolltemplate-feudalis-center sheet-template-feudalis-result">
{{result}}
</div>
</div>
</rolltemplate>
<!-- ROLL TEMPLATE CHRONOCA FEUDALIS END -->