Files
roll20-character-sheets/Tylestel/tylestel.html
T
2024-06-03 13:15:14 -04:00

513 lines
27 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<input type="hidden" class="onglets" name="attr_onglet" value="caracs"/>
<div>
<button type="action" name="act_caracs" >Caractéristiques</button>
<button type="action" name="act_equipement" >Équipement</button>
<button type="action" name="act_cartes" >Cartes de combat</button>
<button type="action" name="act_notes" >Notes diverses</button>
</div>
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- ============================= ========================= -->
<!-- ============================= PAGE 1 - CARACS ========================= -->
<!-- ============================= ========================= -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<div class="caracs">
<!-- PERSO SECTION -->
<div class="perso">
<div class="flex-row">
<div class="long"><p>Nom<input name="attr_character_nom" type="text"></p></div>
<div class="long"><p>Origine<input name="attr_character_origine" type="text"></p></div>
<div class="petit"><p>XP<input name="attr_character_xpRestants" type="text"></p></div>
<div class="petit"><p>XP Total<input name="attr_character_xpTotal" type="text"></p></div>
</div>
<div class="flex-row">
<div class="long"><p>Race<input name="attr_character_race" type="text"></p></div>
<div class="long"><p>Statut<input name="attr_character_statut" type="text"></p></div>
<div class="moyen"><p>Renommée<input name="attr_character_renommee" type="text"></p></div>
</div>
</div>
<!-- ATTRIBUTS SECTION -->
<div class="attrs">
<div class="flex-row">
<div class="attr"><p>Force<br><input name="attr_force" type="text"></p></div>
<div class="attr"><p>Agilité<br><input name="attr_agilite" type="text"></p></div>
<div class="attr"><p>Endurance<br><input name="attr_endurance" type="text"></p></div>
<div class="attr"><p>Volonté<br><input name="attr_volonte" type="text"></p></div>
<div class="attr"><p>Perception<br><input name="attr_perception" type="text"></p></div>
<div class="attr"><p>Charisme<br><input name="attr_charisme" type="text"></p></div>
</div>
</div>
<!-- METIERS SECTION -->
<div class="metie">
<div class="artisanT metierTitre"><input name="attr_met_artisan" type="text"><label class="vide"></label>Artisan</div>
<div class="artisanD metierDescription">Au début de chaque séance, permet de créer des objets et de les vendre, gagner ainsi 100xRang drachmes.</div>
<div class="artisteT metierTitre"><input name="attr_met_artiste" type="text"><label class="vide"></label>Artiste</div>
<div class="artisteD metierDescription">Chaque point dans ce métier permet de gagner deux points de Renommée immédiatement.</div>
<div class="athleteT metierTitre"><input name="attr_met_athlete" type="text"><label class="vide"></label>Athlète</div>
<div class="athleteD metierDescription">Sajoute au jet de dés pour tous les jets de course, escalade ou acrobatie.</div>
<div class="balistikosT metierTitre"><input name="attr_met_balistikos" type="text"><label class="vide"></label>Balistikos</div>
<div class="balistikosD metierDescription">Augmente lefficacité des armes de lancer et de larcherie.</div>
<div class="dresseurT metierTitre"><input name="attr_met_dresseur" type="text"><label class="vide"></label>Dresseur</div>
<div class="dresseurD metierDescription">Sajoute au jet de dressage, monter à cheval et à tous les tests en lien avec les animaux.</div>
<div class="fluxT metierTitre"><input name="attr_met_flux" type="text"><label class="vide"></label>Flux</div>
<div class="fluxD metierDescription">Permet de maitriser la kardia, de lutiliser en combat. Permet de détecter la Kardia et de la comprendre.</div>
<div class="kardia1T metierTitre"><input name="attr_met_kardia1" type="text"><label class="vide"></label>Kardia<input class="input_kardia" name="attr_met_kardia1_type" type="text"></div>
<div class="kardia1D metierDescription">Permet de manier une Kardia.</div>
<div class="kardia2T metierTitre"><input name="attr_met_kardia2" type="text"><label class="vide"></label>Kardia<input class="input_kardia" name="attr_met_kardia2_type" type="text"></div>
<div class="kardia2D metierDescription">Permet de manier une Kardia.</div>
<div class="kardia3T metierTitre"><input name="attr_met_kardia3" type="text"><label class="vide"></label>Kardia<input class="input_kardia" name="attr_met_kardia3_type" type="text"></div>
<div class="kardia3D metierDescription">Permet de manier une Kardia.</div>
<div class="guerrierT metierTitre"><input name="attr_met_guerrier" type="text"><label class="vide"></label>Guerrier</div>
<div class="guerrierD metierDescription">Augmente lefficacité du corps à corps et donne plus de cartes Action.</div>
<div class="kleptosT metierTitre"><input name="attr_met_kleptos" type="text"><label class="vide"></label>Kleptos</div>
<div class="kleptosD metierDescription">Sajoute au jet de dés pour tous les jets de vol à la tire, discrétion, observation, fouille...</div>
<div class="marinT metierTitre"><input name="attr_met_marin" type="text"><label class="vide"></label>Marin</div>
<div class="marinD metierDescription">Sajoute au jet de dés pour tous les jets sur un navire ou en mer.</div>
<div class="pharmakaT metierTitre"><input name="attr_met_pharmaka" type="text"><label class="vide"></label>Pharmaka</div>
<div class="pharmakaD metierDescription">Au début de chaque séance, permet davoir un remède ou poison égal au rang du métier.</div>
<div class="pretreT metierTitre"><input name="attr_met_pretre" type="text"><label class="vide"></label>Prêtre</div>
<div class="pretreD metierDescription">Sert à faire des prières destinées aux Dieux pour se voir accorder des grâces.</div>
<div class="rheteurT metierTitre"><input name="attr_met_rheteur" type="text"><label class="vide"></label>Rhéteur</div>
<div class="rheteurD metierDescription">Sajoute au jet de dés de Conversation, Négociation, Manipulation, Empathie...</div>
<div class="savantT metierTitre"><input name="attr_met_savant" type="text"><label class="vide"></label>Savant</div>
<div class="savantD metierDescription">Donne un bonus au jet de dés sur tous les jets de savoir, connaissance, loi, géographie...</div>
<div class="strategosT metierTitre"><input name="attr_met_strategos" type="text"><label class="vide"></label>Strategos</div>
<div class="strategosD metierDescription">Augmente lefficacité de la défense en combat au corps à corps et donne plus de cartes Réaction.</div>
<div class="survieT metierTitre"><input name="attr_met_survie" type="text"><label class="vide"></label>Survie</div>
<div class="survieD metierDescription">Sajoute au jet de dés en milieu sauvage, pour trouver son chemin ou de la nourriture.</div>
</div>
<!-- DIEUX SECTION -->
<div class="dieux">
<div class="avInput dieuxInput"><input name="attr_met_Av" type="text"></div>
<div class="avNom dieuxNom">Av</div>
<div class="avLogo dieuxLogo"></div>
<div class="avDomaines dieuxDomaines">Nature, Guérison</div>
<div class="dieuxEspace1"><label class="dieuxEspace"></label></div>
<div class="blisInput dieuxInput"><input name="attr_met_Blis" type="text"></div>
<div class="blisNom dieuxNom">Blis</div>
<div class="blisLogo dieuxLogo"></div>
<div class="blisDomaines dieuxDomaines">Sagesse, Ruse, Âmes</div>
<div class="dieuxEspace2"><label class="dieuxEspace"></label></div>
<div class="bromosInput dieuxInput"><input name="attr_met_Bromos" type="text"></div>
<div class="bromosNom dieuxNom">Bromos</div>
<div class="bromosLogo dieuxLogo"></div>
<div class="bromosDomaines dieuxDomaines">Mer, Changement</div>
<div class="dieuxEspace3"><label class="dieuxEspace"></label></div>
<div class="irsInput dieuxInput"><input name="attr_met_Irs" type="text"></div>
<div class="irsNom dieuxNom">Irs</div>
<div class="irsLogo dieuxLogo"></div>
<div class="irsDomaines dieuxDomaines">Conflit, Courage</div>
<div class="dieuxEspace4"><label class="dieuxEspace"></label></div>
<div class="nervenInput dieuxInput"><input name="attr_met_Nerven" type="text"></div>
<div class="nervenNom dieuxNom">Nerven</div>
<div class="nervenLogo dieuxLogo"></div>
<div class="nervenDomaines dieuxDomaines">Justice, Vérité</div>
<div class="dieuxEspace5"><label class="dieuxEspace"></label></div>
<div class="ourInput dieuxInput"><input name="attr_met_Our" type="text"></div>
<div class="ourNom dieuxNom">Our</div>
<div class="ourLogo dieuxLogo"></div>
<div class="ourDomaines dieuxDomaines">Commerce, Construction</div>
<div class="dieuxEspace6"><label class="dieuxEspace"></label></div>
<div class="psoInput dieuxInput"><input name="attr_met_Pso" type="text"></div>
<div class="psoNom dieuxNom">Pso</div>
<div class="psoLogo dieuxLogo"></div>
<div class="psoDomaines dieuxDomaines">Civilisation, Amour, Art</div>
</div>
<!-- COMBAT SECTION -->
<div class="comba section">
<div class="degat moduleEtat">
<div class="input"><input type="text" name="attr_degats"></div>
<div class="etatNom">Dégâts</div>
<div class="etatInfos">Selon l'arme</div>
</div>
<div class="cristo moduleEtat">
<div class="input"><input type="text" name="attr_cristaux"></div>
<div class="etatNom">Cristaux</div>
<div class="etatInfos">Max = Flux</div>
</div>
<div class="resist moduleEtat">
<div class="input"><input type="text" name="attr_resistance"></div>
<div class="etatNom">Résistance</div>
<div class="etatInfos">Selon l'armure</div>
</div>
<div class="init moduleEtat">
<div class="input"><input type="text" name="attr_initiative"></div>
<div class="etatNom">Initiative</div>
<div class="etatInfos">Agilité + Perception - Malus d'armure</div>
</div>
<div class="encais moduleEtat">
<div class="input"><input type="text" name="attr_encaissement"></div>
<div class="etatNom">Encaissement</div>
<div class="etatInfos">Selon l'arme ou bouclier</div>
</div>
<div class="destin moduleDestinee">
<div class="input"><input type="text" name="attr_destinee"></div>
<div class="etatNom nom">Destinée</div>
<div class="etatInfos cout">Coût : 5 XP</div>
<div class="etatInfos max">Max : 3 pts</div>
</div>
<div class="vie moduleVie">
<div class="etatNom">Tableau de vie</div>
<div class="etatInfos">2 colonnes + 1 tous les 3 dEndurance</div>
<div class="moduleCases">
<div class="espace"><label></label></div>
<div class="casesFixes flex-row">
<div class="flex-column PV">
<input type="checkbox" name="attr_PV11">
<input type="checkbox" name="attr_PV12">
<input type="checkbox" name="attr_PV13">
<input type="checkbox" name="attr_PV14">
<input type="checkbox" name="attr_PV15">
</div>
<div class="flex-column PV">
<input type="checkbox" name="attr_PV21">
<input type="checkbox" name="attr_PV22">
<input type="checkbox" name="attr_PV23">
<input type="checkbox" name="attr_PV24">
<input type="checkbox" name="attr_PV25">
</div>
</div>
<div class="casesActivables flex-row">
<div class="flex-column">
<input type="checkbox" class="active" name="attr_colVie3" checked>
<div class="colonneActivable flex-column PV">
<input type="checkbox" name="attr_PV31">
<input type="checkbox" name="attr_PV32">
<input type="checkbox" name="attr_PV33">
<input type="checkbox" name="attr_PV34">
<input type="checkbox" name="attr_PV35">
</div>
</div>
<div class="flex-column">
<input type="checkbox" class="active" name="attr_colVie4">
<div class="colonneActivable flex-column PV">
<input type="checkbox" name="attr_PV41">
<input type="checkbox" name="attr_PV42">
<input type="checkbox" name="attr_PV43">
<input type="checkbox" name="attr_PV44">
<input type="checkbox" name="attr_PV45">
</div>
</div>
<div class="flex-column">
<input type="checkbox" class="active" name="attr_colVie5">
<div class="colonneActivable flex-column PV">
<input type="checkbox" name="attr_PV51">
<input type="checkbox" name="attr_PV52">
<input type="checkbox" name="attr_PV53">
<input type="checkbox" name="attr_PV54">
<input type="checkbox" name="attr_PV55">
</div>
</div>
</div>
<div class="etats flex-column">
<label>Indemne</label>
<label>Blessé</label>
<label>Mal parti</label>
<label>Faible</label>
<label>Mourant</label>
</div>
</div>
</div>
<div class="etatsDivers flex-column">
<div class="moduleEtat">
<div class="input"><input type="checkbox" name="attr_etatATerre"></div>
<div class="etatNom">À terre</div>
<div class="etatInfos">-3 aux jets</div>
</div>
<div class="moduleEtat">
<div class="input"><input type="checkbox" name="attr_etatEntrave"></div>
<div class="etatNom">Entravé</div>
<div class="etatInfos">-2 aux jets</div>
</div>
<div class="moduleEtat">
<div class="input"><input type="checkbox" name="attr_etatTerreur"></div>
<div class="etatNom">Terreur</div>
<div class="etatInfos">-2 aux jets</div>
</div>
<div class="moduleEtat">
<div class="input"><input type="checkbox" name="attr_etatVisionReduite"></div>
<div class="etatNom">Vision réduite</div>
<div class="etatInfos">-2 aux jets</div>
</div>
</div> <!-- moduleVie -->
</div> <!-- comba -->
</div> <!-- caracs -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- ============================= ========================= -->
<!-- ============================= PAGE 2 - EQUIPEMENT ========================= -->
<!-- ============================= ========================= -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<div class="equipement">
<div class="merdier flex-column">
<div class="drachmes flex-row"><input name="attr_drachmes" type="text">Drachmes</div>
<label>Équipement</label>
<textarea name="attr_equipement"></textarea>
</div><!-- merdier -->
<div class="capacites flex-column">
<label>Capacités raciales</label>
<div class="capa1"><textarea name="attr_capacites_raciales"></textarea></div>
<label>Armes maîtrisées</label>
<div class="capa2"><textarea name="attr_armes_maitrisees"></textarea></div>
</div><!-- capacites -->
<div class="heros flex-column">
<div class="paragraphe">
<label class="titre">Dieu tutélaire</label>
<input class="texte" type="text" name="attr_dieu_tutelaire"></textarea>
</div>
<div class="paragraphe">
<label class="titre">Pouvoirs divins</label>
<textarea class="texte" name="attr_pouboirs_divins"></textarea>
</div>
<div class="paragraphe">
<label class="titre">Quête divine</label>
<textarea class="texte" name="attr_quete_divine"></textarea>
</div>
<div class="paragraphe">
<label class="titre">Dons</label>
<textarea class="texte" name="attr_dons"></textarea>
</div>
<div class="paragraphe">
<label class="titre">Malédictions</label>
<textarea class="texte" name="attr_maledictions"></textarea>
</div>
<div class="paragraphe">
<label class="titre">Prophétie divine</label>
<textarea class="texte" name="attr_prophetie_divine"></textarea>
</div>
</div><!-- heros -->
<div class="familier flex-column">
<div class="flex-row">
<label>Animal</label>
<input type="text" class="court" name="attr_familier_animal">
<label>Nom</label>
<input type="text" class="court" name="attr_familier_nom">
</div> <!-- nom -->
<div class="soin flex-row">
<label>Soin</label>
<div class="PV">
<input type="checkbox">
</div>
<label>Maltraitance</label>
<div class="PV flex-row">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
</div>
</div> <!-- soin -->
<div class="points flex-row">
<div class="drachmes flex-row"><input name="attr_points_de_familier" type="text"><label class="points">Pts de familier</label></div>
<div class="flex-column">
<label>Cases de vie</label>
<div class="PV flex-row">
<input type="checkbox" name="attr_PVFam_11">
<input type="checkbox" name="attr_PVFam_12">
<input type="checkbox" name="attr_PVFam_13">
<input type="checkbox" name="attr_PVFam_14">
<input type="checkbox" name="attr_PVFam_15">
<input type="checkbox" name="attr_PVFam_16">
</div>
<div class="PV flex-row">
<input type="checkbox" name="attr_PVFam_21">
<input type="checkbox" name="attr_PVFam_22">
<input type="checkbox" name="attr_PVFam_23">
<input type="checkbox" name="attr_PVFam_24">
<input type="checkbox" name="attr_PVFam_25">
<input type="checkbox" name="attr_PVFam_26">
</div>
</div>
</div> <!-- points de familier -->
<div class="aideAttaque paragraphe">
<label class="titre">Aide à l'attaque</label>
<textarea class="texte" name="attr_aide_a_lattaque"></textarea>
</div>
</div> <!-- familier -->
<div class="armes flex-column">
<div class="flex-row">
<label class="entree"></label>
<label class="long">Nom</label>
<label class="court">Dégâts</label>
<label class="court">Init.</label>
<label class="court">Encaiss.</label>
<label class="court">Portée</label>
</div>
<div class="flex-row">
<label class="entree">Main droite</label>
<input class="long" type="text" name="attr_armeMainG_nom">
<input class="court" type="text" name="attr_armeMainG_degats">
<input class="court" type="text" name="attr_armeMainG_init">
<input class="court" type="text" name="attr_armeMainG_encaiss">
<input class="court" type="text" name="attr_armeMainG_portee">
</div>
<div class="flex-row">
<label class="entree">Main gauche</label>
<input class="long" type="text" name="attr_armeMainD_nom">
<input class="court" type="text" name="attr_armeMainD_degats">
<input class="court" type="text" name="attr_armeMainD_init">
<input class="court" type="text" name="attr_armeMainD_encaiss">
<input class="court" type="text" name="attr_armeMainD_portee">
</div>
<div class="flex-row">
<label class="entree">Réserve</label>
<input class="long" type="text" name="attr_armeReserve_nom">
<input class="court" type="text" name="attr_armeReserve_degats">
<input class="court" type="text" name="attr_armeReserve_init">
<input class="court" type="text" name="attr_armeReserve_encaiss">
<input class="court" type="text" name="attr_armeReserve_portee">
</div>
<div class="flex-row">
<label class="entree"></label>
<label class="long">Nom</label>
<label class="court">Résistance</label>
</div>
<div class="flex-row">
<label class="entree">Armure</label>
<input class="long" type="text" name="attr_armure_nom">
<input class="court" type="text" name="attr_armure_res">
</div>
</div><!-- armes -->
</div> <!-- equipement -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- ============================= ========================= -->
<!-- ============================= PAGE 3 - CARTES ========================= -->
<!-- ============================= ========================= -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<div class="cartes">
<div class="actions main flex-column">
<div class="moduleCartes">
<div class="input"><input type="text" name="attr_nombre_actions"></div>
<div class="etatNom">Nombre de cartes</div>
<div class="etatInfos">2 + Guerrier / 2</div>
</div>
<label>Main actuelle</label>
<textarea name="attr_main_actions"></textarea>
</div>
<div class="reactions main flex-column">
<div class="moduleCartes">
<div class="input"><input type="text" name="attr_nombre_reactions"></div>
<div class="etatNom">Nombre de cartes</div>
<div class="etatInfos">1 + Strategos / 2</div>
</div>
<label>Main actuelle</label>
<textarea name="attr_main_reactions"></textarea>
</div>
<textarea class="actionsFavorites" name="attr_actions_favorites"></textarea>
<textarea class="actionsFavorites" name="attr_reactions_favorites"></textarea>
</div> <!-- cartes -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- ============================= ========================= -->
<!-- ============================= PAGE 4 - NOTES ========================= -->
<!-- ============================= ========================= -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<div class="notes">
<div class="content">
<textarea name="attr_notes"></textarea>
</div>
</div>
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- ============================= ========================= -->
<!-- ============================= SCRIPTS ========================= -->
<!-- ============================= ========================= -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<!-- =============================================================================================== -->
<script type="text/worker">
const buttonlist = ["caracs","equipement","cartes","notes"];
buttonlist.forEach(button => {
on(`clicked:${button}`, function() {
setAttrs({
onglet: button
});
});
});
</script>