Obsidian Portal
Menu
Sign In / Create Account
JavaScript is currently disabled. Obsidian Portal has a lot of really cool features that use JavaScript. You should check them out. We think you'll have a much more enjoyable experience.
Home
Campaigns
Games Nearby
Plans
Community
Help
Resources
Dark Ages: Inquisitor (V20)
Author:
izzyjuan
Slug:
dark_ages_inquisitor_v20
System:
World of Darkness
DST Source Code
HTML Template
<div class="clg-container margin-bottom-24"> <div class="clg-container-main width100"> <h2 class="width100 text-left border-bottom margin-top-0">Inquisitor (V20)</h2> <div class="clg-row-between margin-bottom-4"> <div class="clg-col-3 clg-row-between margin-bottom-0"> <div>Name</div> <div> <span class="dsf dsf_name"></span> </div> </div> <div class="clg-col-3 clg-row-between margin-bottom-0"> <div>Player</div> <div> <span class="dsf dsf_player"></span> </div> </div> <div class="clg-col-3 clg-row-between margin-bottom-0"> <div>Chronicle</div> <div> <span class="dsf dsf_campaign"></span> </div> </div> </div> <div class="clg-row-between margin-bottom-4"> <div class="clg-col-3 clg-row-between margin-bottom-0"> <div>Nature</div> <div> <span class="dsf dsf_nature"></span> </div> </div> <div class="clg-col-3 clg-row-between margin-bottom-0"> <div>Impulse</div> <div> <span class="dsf dsf_impulse"></span> </div> </div> <div class="clg-col-3 clg-row-between margin-bottom-0"> <div>Demeanor</div> <div> <span class="dsf dsf_demeanor"></span> </div> </div> </div> <div class='clg-row-between margin-bottom-4'> <div class="clg-col-3 clg-row-between margin-bottom-0"> <div>Concept</div> <div> <span class="dsf dsf_concept"></span> </div> </div> <div class="clg-col-3 clg-row-between margin-bottom-0"> <div>Order</div> <div> <span class="dsf dsf_order"></span> </div> </div> <div class="clg-col-3 clg-row-between margin-bottom-0"> <div>Chapter</div> <div> <span class="dsf dsf_chapter"></span> </div> </div> </div> <div class="clg-row-between margin-bottom-8"> <div class="clg-col-3 clg-row-between margin-bottom-0"> <div>Stage/Level</div> <div> <span class="dsf dsf_stage_level"></span> </div> </div> <div class="clg-col-3 clg-row-between margin-bottom-0"> <div>Experience</div> <div> <span class="dsf dsf_experiencepoints"></span> </div> </div> <div class="clg-col-3 clg-row-between margin-bottom-0"> <div>Banked Conviction</div> <div> <span class="dsf dsf_bankedconviction"></span> </div> </div> </div> </div> <div class="clg-container-toggle width100"> <div class="clg-container-menu width100"> <div class="clg-container-menu-item clg-active" data-target='clg-container-traits'> <a class="clg-toggle-menu" data-target='clg-container-traits'> Traits </a> </div> <div class="clg-container-menu-item" data-target='clg-container-powers'> <a class="clg-toggle-menu" data-target='clg-container-powers'> powers </a> </div> <div class="clg-container-menu-item" data-target='clg-container-combat'> <a class="clg-toggle-menu" data-target='clg-container-combat'> combat </a> </div> <div class="clg-container-menu-item" data-target='clg-container-rituals'> <a class="clg-toggle-menu" data-target='clg-container-rituals'> rituals </a> </div> <div class="clg-container-menu-item" data-target='clg-container-background'> <a class="clg-toggle-menu" data-target='clg-container-background'> background </a> </div> <div class="clg-container-menu-item" data-target='clg-container-notes'> <a class="clg-toggle-menu" data-target='clg-container-notes'> notes </a> </div> </div> <div class="clg-container-item clg-container-traits clg-active"> <h3 class="width100 text-left border-bottom">Attributes</h3> <div class="clg-row-between margin-bottom-8"> <div class="clg-col-3 clg-col"> <div class="text-left width100 clg-anchor text-dark">Physical</div> <div class="clg-row-between margin-bottom-4 flex-center"> <div>Strength</div> <div class='clg-dots clg-dots-strength'> <div class="cta-dot clg-active clg-dsf_strength-1" data-value='1' data-class='dsf_strength'></div> <div class="cta-dot clg-dsf_strength-2" data-value='2' data-class='dsf_strength'></div> <div class="cta-dot clg-dsf_strength-3" data-value='3' data-class='dsf_strength'></div> <div class="cta-dot clg-dsf_strength-4" data-value='4' data-class='dsf_strength'></div> <div class="cta-dot clg-dsf_strength-5" data-value='5' data-class='dsf_strength'></div> <span class="dsf dsf_strength clg-hidden"></span> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div>Dexterity</div> <div class='clg-dots clg-dots-dexterity'> <div class="cta-dot clg-active clg-dsf_dexterity-1" data-value='1' data-class='dsf_dexterity'></div> <div class="cta-dot clg-dsf_dexterity-2" data-value='2' data-class='dsf_dexterity'></div> <div class="cta-dot clg-dsf_dexterity-3" data-value='3' data-class='dsf_dexterity'></div> <div class="cta-dot clg-dsf_dexterity-4" data-value='4' data-class='dsf_dexterity'></div> <div class="cta-dot clg-dsf_dexterity-5" data-value='5' data-class='dsf_dexterity'></div> <span class="dsf dsf_dexterity clg-hidden"></span> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div>Stamina</div> <div class='clg-dots clg-dots-stamina'> <div class="cta-dot clg-active clg-dsf_dexterity-1" data-value='1' data-class='dsf_stamina'></div> <div class="cta-dot clg-dsf_stamina-2" data-value='2' data-class='dsf_stamina'></div> <div class="cta-dot clg-dsf_stamina-3" data-value='3' data-class='dsf_stamina'></div> <div class="cta-dot clg-dsf_stamina-4" data-value='4' data-class='dsf_stamina'></div> <div class="cta-dot clg-dsf_stamina-5" data-value='5' data-class='dsf_stamina'></div> <span class="dsf dsf_stamina clg-hidden"></span> </div> </div> </div> <div class="clg-col-3 clg-col"> <div class="text-left width100 clg-anchor text-dark">Social</div> <div class="clg-row-between margin-bottom-4 flex-center"> <div>Charisma</div> <div class='clg-dots clg-dots-charisma'> <div class="cta-dot clg-active clg-dsf_charisma-1" data-value='1' data-class='dsf_charisma'></div> <div class="cta-dot clg-dsf_charisma-2" data-value='2' data-class='dsf_charisma'></div> <div class="cta-dot clg-dsf_charisma-3" data-value='3' data-class='dsf_charisma'></div> <div class="cta-dot clg-dsf_charisma-4" data-value='4' data-class='dsf_charisma'></div> <div class="cta-dot clg-dsf_charisma-5" data-value='5' data-class='dsf_charisma'></div> <span class="dsf dsf_charisma clg-hidden"></span> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div>Manipulation</div> <div class='clg-dots clg-dots-manipulation'> <div class="cta-dot clg-active clg-dsf_manipulation-1" data-value='1' data-class='dsf_manipulation'></div> <div class="cta-dot clg-dsf_manipulation-2" data-value='2' data-class='dsf_manipulation'></div> <div class="cta-dot clg-dsf_manipulation-3" data-value='3' data-class='dsf_manipulation'></div> <div class="cta-dot clg-dsf_manipulation-4" data-value='4' data-class='dsf_manipulation'></div> <div class="cta-dot clg-dsf_manipulation-5" data-value='5' data-class='dsf_manipulation'></div> <span class="dsf dsf_manipulation clg-hidden"></span> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div>Appearance</div> <div class='clg-dots clg-dots-appearance'> <div class="cta-dot clg-active clg-dsf_appearance-1" data-value='1' data-class='dsf_appearance'></div> <div class="cta-dot clg-dsf_appearance-2" data-value='2' data-class='dsf_appearance'></div> <div class="cta-dot clg-dsf_appearance-3" data-value='3' data-class='dsf_appearance'></div> <div class="cta-dot clg-dsf_appearance-4" data-value='4' data-class='dsf_appearance'></div> <div class="cta-dot clg-dsf_appearance-5" data-value='5' data-class='dsf_appearance'></div> <span class="dsf dsf_appearance clg-hidden"></span> </div> </div> </div> <div class="clg-col-3 clg-col"> <div class="text-left width100 clg-anchor text-dark">Mental</div> <div class="clg-row-between margin-bottom-4 flex-center"> <div>Perception</div> <div class='clg-dots clg-dots-perception'> <div class="cta-dot clg-active clg-dsf_perception-1" data-value='1' data-class='dsf_perception'></div> <div class="cta-dot clg-dsf_perception-2" data-value='2' data-class='dsf_perception'></div> <div class="cta-dot clg-dsf_perception-3" data-value='3' data-class='dsf_perception'></div> <div class="cta-dot clg-dsf_perception-4" data-value='4' data-class='dsf_perception'></div> <div class="cta-dot clg-dsf_perception-5" data-value='5' data-class='dsf_perception'></div> <span class="dsf dsf_perception clg-hidden"></span> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div>Intelligence</div> <div class='clg-dots clg-dots-intelligence'> <div class="cta-dot clg-active clg-dsf_intelligence-1" data-value='1' data-class='dsf_intelligence'></div> <div class="cta-dot clg-dsf_intelligence-2" data-value='2' data-class='dsf_intelligence'></div> <div class="cta-dot clg-dsf_intelligence-3" data-value='3' data-class='dsf_intelligence'></div> <div class="cta-dot clg-dsf_intelligence-4" data-value='4' data-class='dsf_intelligence'></div> <div class="cta-dot clg-dsf_intelligence-5" data-value='5' data-class='dsf_intelligence'></div> <span class="dsf dsf_intelligence clg-hidden"></span> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div>Wits</div> <div class='clg-dots clg-dots-wits'> <div class="cta-dot clg-active clg-dsf_wits-1" data-value='1' data-class='dsf_wits'></div> <div class="cta-dot clg-dsf_wits-2" data-value='2' data-class='dsf_wits'></div> <div class="cta-dot clg-dsf_wits-3" data-value='3' data-class='dsf_wits'></div> <div class="cta-dot clg-dsf_wits-4" data-value='4' data-class='dsf_wits'></div> <div class="cta-dot clg-dsf_wits-5" data-value='5' data-class='dsf_wits'></div> <span class="dsf dsf_wits clg-hidden"></span> </div> </div> </div> </div> <h3 class="width100 text-left border-bottom">Abilities</h3> <div class="clg-row-between margin-bottom-8"> <div class="clg-col-3 clg-col clg-talents"> <div class="text-left width100 clg-anchor text-dark">Talents</div> </div> <div class="clg-col-3 clg-col clg-skills"> <div class="text-left width100 clg-anchor text-dark">Skills</div> </div> <div class="clg-col-3 clg-col clg-knowledges"> <div class="text-left width100 clg-anchor text-dark">Knowledges</div> </div> </div> <div class="clg-hidden clg-show-edit clg-other-abilities"> <h3 class="width100 text-left border-bottom">Other Abilities</h3> <div class="clg-row-between margin-bottom-8"> <div class="clg-col-3 clg-col "> <div class="clg-row-between margin-bottom-4 flex-center clg-skills_filler-1 clg-hidden clg-show-edit"> <div><span class="dsf dsf_clg-skills_filler-1-text "></span></div> <div class='clg-dots clg-dots-clg-skills_filler-1'> <div class="cta-dot clg-dsf_clg-skills_filler-1-1" data-value='1' data-class='dsf_clg-skills_filler-1'></div> <div class="cta-dot clg-dsf_clg-skills_filler-1-2" data-value='2' data-class='dsf_clg-skills_filler-1'></div> <div class="cta-dot clg-dsf_clg-skills_filler-1-3" data-value='3' data-class='dsf_clg-skills_filler-1'></div> <div class="cta-dot clg-dsf_clg-skills_filler-1-4" data-value='4' data-class='dsf_clg-skills_filler-1'></div> <div class="cta-dot clg-dsf_clg-skills_filler-1-5" data-value='5' data-class='dsf_clg-skills_filler-1'></div> <div class="clg-hidden"><span class="dsf dsf_clg-skills_filler-1 clg-hidden"></span></div> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center clg-skills_filler-2 clg-hidden clg-show-edit"> <div><span class="dsf dsf_clg-skills_filler-2-text "></span></div> <div class='clg-dots clg-dots-clg-talents_filler-2'> <div class="cta-dot clg-dsf_clg-skills_filler-2-1" data-value='1' data-class='dsf_clg-skills_filler-2'></div> <div class="cta-dot clg-dsf_clg-skills_filler-2-2" data-value='2' data-class='dsf_clg-skills_filler-2'></div> <div class="cta-dot clg-dsf_clg-skills_filler-2-3" data-value='3' data-class='dsf_clg-skills_filler-2'></div> <div class="cta-dot clg-dsf_clg-skills_filler-2-4" data-value='4' data-class='dsf_clg-skills_filler-2'></div> <div class="cta-dot clg-dsf_clg-skills_filler-2-5" data-value='5' data-class='dsf_clg-skills_filler-2'></div> <div class="clg-hidden"><span class="dsf dsf_clg-skills_filler-2 clg-hidden"></span></div> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center clg-skills_filler-3 clg-hidden clg-show-edit"> <div><span class="dsf dsf_clg-skills_filler-3-text "></span></div> <div class='clg-dots clg-dots-clg-skills_filler-3'> <div class="cta-dot clg-dsf_clg-skills_filler-3-1" data-value='1' data-class='dsf_clg-skills_filler-3'></div> <div class="cta-dot clg-dsf_clg-skills_filler-3-2" data-value='2' data-class='dsf_clg-skills_filler-3'></div> <div class="cta-dot clg-dsf_clg-skills_filler-3-3" data-value='3' data-class='dsf_clg-skills_filler-3'></div> <div class="cta-dot clg-dsf_clg-skills_filler-3-4" data-value='4' data-class='dsf_clg-skills_filler-3'></div> <div class="cta-dot clg-dsf_clg-skills_filler-3-5" data-value='5' data-class='dsf_clg-skills_filler-3'></div> <div class="clg-hidden"><span class="dsf dsf_clg-skills_filler-3 clg-hidden"></span></div> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center clg-skills_filler-4 clg-hidden clg-show-edit"> <div><span class="dsf dsf_clg-skills_filler-4-text "></span></div> <div class='clg-dots clg-dots-clg-skills_filler-4'> <div class="cta-dot clg-dsf_clg-skills_filler-4-1" data-value='1' data-class='dsf_clg-skills_filler-4'></div> <div class="cta-dot clg-dsf_clg-skills_filler-4-2" data-value='2' data-class='dsf_clg-skills_filler-4'></div> <div class="cta-dot clg-dsf_clg-skills_filler-4-3" data-value='3' data-class='dsf_clg-skills_filler-4'></div> <div class="cta-dot clg-dsf_clg-skills_filler-4-4" data-value='4' data-class='dsf_clg-skills_filler-4'></div> <div class="cta-dot clg-dsf_clg-skills_filler-4-5" data-value='5' data-class='dsf_clg-skills_filler-4'></div> <div class="clg-hidden"><span class="dsf dsf_clg-skills_filler-4 clg-hidden"></span></div> </div> </div> </div> <div class="clg-col-3 clg-col"> <div class="clg-row-between margin-bottom-4 flex-center clg-talents_filler-1 clg-hidden clg-show-edit"> <div><span class="dsf dsf_clg-talents_filler-1-text "></span></div> <div class='clg-dots clg-dots-clg-talents_filler-1'> <div class="cta-dot clg-dsf_clg-talents_filler-1-1" data-value='1' data-class='dsf_clg-talents_filler-1'></div> <div class="cta-dot clg-dsf_clg-talents_filler-1-2" data-value='2' data-class='dsf_clg-talents_filler-1'></div> <div class="cta-dot clg-dsf_clg-talents_filler-1-3" data-value='3' data-class='dsf_clg-talents_filler-1'></div> <div class="cta-dot clg-dsf_clg-talents_filler-1-4" data-value='4' data-class='dsf_clg-talents_filler-1'></div> <div class="cta-dot clg-dsf_clg-talents_filler-1-5" data-value='5' data-class='dsf_clg-talents_filler-1'></div> <div class="clg-hidden"><span class="dsf dsf_clg-talents_filler-1 clg-hidden"></span></div> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center clg-talents_filler-2 clg-hidden clg-show-edit"> <div><span class="dsf dsf_clg-talents_filler-2-text "></span></div> <div class='clg-dots clg-dots-clg-talents_filler-2'> <div class="cta-dot clg-dsf_clg-talents_filler-2-1" data-value='1' data-class='dsf_clg-talents_filler-2'></div> <div class="cta-dot clg-dsf_clg-talents_filler-2-2" data-value='2' data-class='dsf_clg-talents_filler-2'></div> <div class="cta-dot clg-dsf_clg-talents_filler-2-3" data-value='3' data-class='dsf_clg-talents_filler-2'></div> <div class="cta-dot clg-dsf_clg-talents_filler-2-4" data-value='4' data-class='dsf_clg-talents_filler-2'></div> <div class="cta-dot clg-dsf_clg-talents_filler-2-5" data-value='5' data-class='dsf_clg-talents_filler-2'></div> <div class="clg-hidden"><span class="dsf dsf_clg-talents_filler-2 clg-hidden"></span></div> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center clg-talents_filler-3 clg-hidden clg-show-edit"> <div><span class="dsf dsf_clg-talents_filler-3-text "></span></div> <div class='clg-dots clg-dots-clg-talents_filler-3'> <div class="cta-dot clg-dsf_clg-talents_filler-3-1" data-value='1' data-class='dsf_clg-talents_filler-3'></div> <div class="cta-dot clg-dsf_clg-talents_filler-3-2" data-value='2' data-class='dsf_clg-talents_filler-3'></div> <div class="cta-dot clg-dsf_clg-talents_filler-3-3" data-value='3' data-class='dsf_clg-talents_filler-3'></div> <div class="cta-dot clg-dsf_clg-talents_filler-3-4" data-value='4' data-class='dsf_clg-talents_filler-3'></div> <div class="cta-dot clg-dsf_clg-talents_filler-3-5" data-value='5' data-class='dsf_clg-talents_filler-3'></div> <div class="clg-hidden"><span class="dsf dsf_clg-talents_filler-3 clg-hidden"></span></div> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center clg-talents_filler-4 clg-hidden clg-show-edit"> <div><span class="dsf dsf_clg-talents_filler-4-text "></span></div> <div class='clg-dots clg-dots-clg-talents_filler-4'> <div class="cta-dot clg-dsf_clg-talents_filler-4-1" data-value='1' data-class='dsf_clg-talents_filler-4'></div> <div class="cta-dot clg-dsf_clg-talents_filler-4-2" data-value='2' data-class='dsf_clg-talents_filler-4'></div> <div class="cta-dot clg-dsf_clg-talents_filler-4-3" data-value='3' data-class='dsf_clg-talents_filler-4'></div> <div class="cta-dot clg-dsf_clg-talents_filler-4-4" data-value='4' data-class='dsf_clg-talents_filler-4'></div> <div class="cta-dot clg-dsf_clg-talents_filler-4-5" data-value='5' data-class='dsf_clg-talents_filler-4'></div> <div class="clg-hidden"><span class="dsf dsf_clg-talents_filler-4 clg-hidden"></span></div> </div> </div> </div> <div class="clg-col-3 clg-col"> <div class="clg-row-between margin-bottom-4 flex-center clg-knowledge_filler-1 clg-hidden clg-show-edit"> <div><span class="dsf dsf_clg-knowledge_filler-1-text "></span></div> <div class='clg-dots clg-dots-clg-knowledge_filler-1'> <div class="cta-dot clg-dsf_clg-knowledge_filler-1-1" data-value='1' data-class='dsf_clg-knowledge_filler-1'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-1-2" data-value='2' data-class='dsf_clg-knowledge_filler-1'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-1-3" data-value='3' data-class='dsf_clg-knowledge_filler-1'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-1-4" data-value='4' data-class='dsf_clg-knowledge_filler-1'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-1-5" data-value='5' data-class='dsf_clg-knowledge_filler-1'></div> <div class="clg-hidden"><span class="dsf dsf_clg-knowledge_filler-1 clg-hidden"></span></div> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center clg-knowledge_filler-2 clg-hidden clg-show-edit"> <div><span class="dsf dsf_clg-knowledge_filler-2-text "></span></div> <div class='clg-dots clg-dots-clg-knowledge_filler-2'> <div class="cta-dot clg-dsf_clg-knowledge_filler-2-1" data-value='1' data-class='dsf_clg-knowledge_filler-2'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-2-2" data-value='2' data-class='dsf_clg-knowledge_filler-2'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-2-3" data-value='3' data-class='dsf_clg-knowledge_filler-2'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-2-4" data-value='4' data-class='dsf_clg-knowledge_filler-2'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-2-5" data-value='5' data-class='dsf_clg-knowledge_filler-2'></div> <div class="clg-hidden"><span class="dsf dsf_clg-knowledge_filler-2 clg-hidden"></span></div> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center clg-knowledge_filler-3 clg-hidden clg-show-edit"> <div><span class="dsf dsf_clg-knowledge_filler-3-text "></span></div> <div class='clg-dots clg-dots-clg-knowledge_filler-3'> <div class="cta-dot clg-dsf_clg-knowledge_filler-3-1" data-value='1' data-class='dsf_clg-knowledge_filler-3'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-3-2" data-value='2' data-class='dsf_clg-knowledge_filler-3'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-3-3" data-value='3' data-class='dsf_clg-knowledge_filler-3'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-3-4" data-value='4' data-class='dsf_clg-knowledge_filler-3'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-3-5" data-value='5' data-class='dsf_clg-knowledge_filler-3'></div> <div class="clg-hidden"><span class="dsf dsf_clg-knowledge_filler-3 clg-hidden"></span></div> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center clg-knowledge_filler-4 clg-hidden clg-show-edit"> <div><span class="dsf dsf_clg-knowledge_filler-4-text "></span></div> <div class='clg-dots clg-dots-clg-knowledge_filler-4'> <div class="cta-dot clg-dsf_clg-knowledge_filler-4-1" data-value='1' data-class='dsf_clg-knowledge_filler-4'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-4-2" data-value='2' data-class='dsf_clg-knowledge_filler-4'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-4-3" data-value='3' data-class='dsf_clg-knowledge_filler-4'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-4-4" data-value='4' data-class='dsf_clg-knowledge_filler-4'></div> <div class="cta-dot clg-dsf_clg-knowledge_filler-4-5" data-value='5' data-class='dsf_clg-knowledge_filler-4'></div> <div class="clg-hidden"><span class="dsf dsf_clg-knowledge_filler-4 clg-hidden"></span></div> </div> </div> </div> </div> </div> <h3 class="width100 text-left border-bottom">Advantages</h3> <div class="clg-row-between margin-bottom-8"> <div class="clg-col-3 clg-col clg-virtues"> <div class="text-left width100 clg-anchor text-dark">Virtues</div> </div> <div class="clg-col-3 clg-col clg-superiourvirtues"> <div class="text-left width100 clg-anchor text-dark">Superiour Virtues</div> </div> <div class="clg-col-3 clg-col clg-holyarts"> <div class="text-left width100 clg-anchor text-dark">Holy Arts</div> </div> </div> <div class="clg-row-between margin-bottom-8"> <div class="clg-col-3 clg-col clg-backgrounds-1"> <div class="text-left width100 clg-anchor text-dark">Backgrounds</div> <div class="clg-row-between margin-bottom-4 flex-center"> <!-- <div><span class="dsf dsf_clg-background_filler-1-text "></span></div> <div class='clg-dots clg-dots-clg-background_filler-1 clg-hidden'> <div class="cta-dot clg-dsf_clg-background_filler-1-1" data-value='1' data-class='dsf_clg-background_filler-1'></div> <div class="cta-dot clg-dsf_clg-background_filler-1-2" data-value='2' data-class='dsf_clg-background_filler-1'></div> <div class="cta-dot clg-dsf_clg-background_filler-1-3" data-value='3' data-class='dsf_clg-background_filler-1'></div> <div class="cta-dot clg-dsf_clg-background_filler-1-4" data-value='4' data-class='dsf_clg-background_filler-1'></div> <div class="cta-dot clg-dsf_clg-background_filler-1-5" data-value='5' data-class='dsf_clg-background_filler-1'></div> <div><span class="dsf dsf_clg-background_filler-1 clg-hidden"></span></div> </div> --> </div> </div> <div class="clg-col-3 clg-col clg-backgrounds-2"> <div class="text-left width100 clg-anchor text-dark"> </div> <!-- <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_clg-background_filler-2-text "></span></div> <div class='clg-dots clg-dots-clg-background_filler-2 clg-hidden'> <div class="cta-dot clg-dsf_clg-background_filler-2-1" data-value='1' data-class='dsf_clg-background_filler-2'></div> <div class="cta-dot clg-dsf_clg-background_filler-2-2" data-value='2' data-class='dsf_clg-background_filler-2'></div> <div class="cta-dot clg-dsf_clg-background_filler-2-3" data-value='3' data-class='dsf_clg-background_filler-2'></div> <div class="cta-dot clg-dsf_clg-background_filler-2-4" data-value='4' data-class='dsf_clg-background_filler-2'></div> <div class="cta-dot clg-dsf_clg-background_filler-2-5" data-value='5' data-class='dsf_clg-background_filler-2'></div> <div><span class="dsf dsf_clg-background_filler-2 clg-hidden"></span></div> </div> </div> --> </div> <div class="clg-col-3 clg-col clg-backgrounds-3"> <div class="text-left width100 clg-anchor"> </div> <!-- <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_clg-background_filler-3-text "></span></div> <div class='clg-dots clg-dots-clg-background_filler-3 clg-hidden'> <div class="cta-dot clg-dsf_clg-background_filler-3-1" data-value='1' data-class='dsf_clg-background_filler-3'></div> <div class="cta-dot clg-dsf_clg-background_filler-3-2" data-value='2' data-class='dsf_clg-background_filler-3'></div> <div class="cta-dot clg-dsf_clg-background_filler-3-3" data-value='3' data-class='dsf_clg-background_filler-3'></div> <div class="cta-dot clg-dsf_clg-background_filler-3-4" data-value='4' data-class='dsf_clg-background_filler-3'></div> <div class="cta-dot clg-dsf_clg-background_filler-3-5" data-value='5' data-class='dsf_clg-background_filler-3'></div> <div><span class="dsf dsf_clg-background_filler-3 clg-hidden"></span></div> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_clg-background_filler-4 "></span></div> <div class='clg-dots clg-dots-clg-background_filler-4'> <div class="cta-dot clg-dsf_clg-background_filler-4-1" data-value='1' data-class='dsf_clg-background_filler-4'></div> <div class="cta-dot clg-dsf_clg-background_filler-4-2" data-value='2' data-class='dsf_clg-background_filler-4'></div> <div class="cta-dot clg-dsf_clg-background_filler-4-3" data-value='3' data-class='dsf_clg-background_filler-4'></div> <div class="cta-dot clg-dsf_clg-background_filler-4-4" data-value='4' data-class='dsf_clg-background_filler-4'></div> <div class="cta-dot clg-dsf_clg-background_filler-4-5" data-value='5' data-class='dsf_clg-background_filler-4'></div> </div> </div> --> </div> </div> <div class="clg-row-between margin-bottom-8"> <div class="clg-col-3 clg-col"> <div class="text-left width100 clg-anchor text-dark"> Merits </div> <div class="clg-col clg-merits margin-bottom-8"> <div> <span class="dsf dsf_merit_1_name"></span> </div> <div> <span class="dsf dsf_merit_1_value"></span> </div> <div> <span class="dsf dsf_merit_2_name"></span> </div> <div> <span class="dsf dsf_merit_2_value"></span> </div> <div> <span class="dsf dsf_merit_3_name"></span> </div> <div> <span class="dsf dsf_merit_3_value"></span> </div> </div> <div class="text-left width100 clg-anchor text-dark"> Flaws </div> <div class="clg-col clg-merits"> <div> <span class="dsf dsf_flaw_1_name"></span> </div> <div> <span class="dsf dsf_flaw_1_value"></span> </div> <div> <span class="dsf dsf_flaw_2_name"></span> </div> <div> <span class="dsf dsf_flaw_2_value"></span> </div> <div> <span class="dsf dsf_flaw_3_name"></span> </div> <div> <span class="dsf dsf_flaw_3_value"></span> </div> </div> </div> <div class="clg-col-3 clg-col clg-tendots"> <div></div> </div> <div class="clg-col-3 clg-col clg-"> <div class="text-left width100 clg-anchor text-dark">Health</div> <table> <tbody> <tr> <td>Bruised</td> <td>—</td> </tr> <tr> <td>Hurt</td> <td>-1 to die pools</td> </tr> <tr> <td>Injured</td> <td>-1 to die pools</td> </tr> <tr> <td>Wounded</td> <td>-2 to die pools</td> </tr> <tr> <td>Mauled</td> <td>-2 to die pools</td> </tr> <tr> <td>Crippled</td> <td>-5 to die pools</td> </tr> <tr> <td>Incapacitated</td> <td>no die pools</td> </tr> </tbody> </table> </div> </div> </div> <div class="clg-container-item clg-container-powers"> <h3 class="width100 text-left border-bottom">Order Traits</h3> <div class="clg-col margin-bottom-8"> <div class="clg-col margin-bottom-8"> <div class='margin-bottom-4 text-dark text-left'>Order Benefit</div> <div><span class="dsf dsf_order_benefit">Not Listed</span></div> </div> <div class="clg-col"> <div class='margin-bottom-4 text-dark text-left'>Order Drawback</div> <div><span class="dsf dsf_order_drawback">Not Listed</span></div> </div> </div> <h3 class="width100 text-left border-bottom">Endowments</h3> <div class="clg-row-between margin-bottom-8"> <div class="clg-col-2 clg-col"> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-0"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-1"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-2"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-11"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-12"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-6"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-7"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-15"></span></div> </div> </div> <div class="clg-col-2 clg-col"> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-3"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-4"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-5"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-10"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-13"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-8"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-9"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_blessing-text-14"></span></div> </div> </div> </div> <h3 class="width100 text-left border-bottom">Curses</h3> <div class="clg-row-between margin-bottom-8"> <div class="clg-col-2 clg-col"> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_curse-text-0"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_curse-text-1"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_curse-text-2"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_curse-text-11"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_curse-text-6"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_curse-text-7"></span></div> </div> </div> <div class="clg-col-2 clg-col"> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_curse-text-3"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_curse-text-4"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_curse-text-5"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_curse-text-10"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_curse-text-8"></span></div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_curse-text-9"></span></div> </div> </div> </div> <h3 class="width100 text-left border-bottom">Numina</h3> <div class="clg-row-between margin-bottom-8"> <div class="clg-col-3 clg-col"> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_numina-text-0">Not Listed</span></div> <div class='clg-dots clg-dots-numina-0'> <div class="cta-dot clg-dsf_numina-value-0-1" data-value='1' data-class='dsf_numina-value-0'></div> <div class="cta-dot clg-dsf_numina-value-0-2" data-value='2' data-class='dsf_numina-value-0'></div> <div class="cta-dot clg-dsf_numina-value-0-3" data-value='3' data-class='dsf_numina-value-0'></div> <div class="cta-dot clg-dsf_numina-value-0-4" data-value='4' data-class='dsf_numina-value-0'></div> <div class="cta-dot clg-dsf_numina-value-0-5" data-value='5' data-class='dsf_numina-value-0'></div> <span class="dsf dsf_numina-value-0 clg-hidden"></span> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_numina-text-1">Not Listed</span></div> <div class='clg-dots clg-dots-numina-1'> <div class="cta-dot clg-dsf_numina-value-1-1" data-value='1' data-class='dsf_numina-value-1'></div> <div class="cta-dot clg-dsf_numina-value-1-2" data-value='2' data-class='dsf_numina-value-1'></div> <div class="cta-dot clg-dsf_numina-value-1-3" data-value='3' data-class='dsf_numina-value-1'></div> <div class="cta-dot clg-dsf_numina-value-1-4" data-value='4' data-class='dsf_numina-value-1'></div> <div class="cta-dot clg-dsf_numina-value-1-5" data-value='5' data-class='dsf_numina-value-1'></div> <span class="dsf dsf_numina-value-1 clg-hidden"></span> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_numina-text-2">Not Listed</span></div> <div class='clg-dots clg-dots-numina-2'> <div class="cta-dot clg-dsf_numina-value-2-1" data-value='1' data-class='dsf_numina-value-1'></div> <div class="cta-dot clg-dsf_numina-value-2-2" data-value='2' data-class='dsf_numina-value-1'></div> <div class="cta-dot clg-dsf_numina-value-2-3" data-value='3' data-class='dsf_numina-value-1'></div> <div class="cta-dot clg-dsf_numina-value-2-4" data-value='4' data-class='dsf_numina-value-1'></div> <div class="cta-dot clg-dsf_numina-value-2-5" data-value='5' data-class='dsf_numina-value-1'></div> <span class="dsf dsf_numina-value-2 clg-hidden"></span> </div> </div> </div> <div class="clg-col-3 clg-col"> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_numina-text-3">Not Listed</span></div> <div class='clg-dots clg-dots-numina-3'> <div class="cta-dot clg-dsf_numina-value-3-1" data-value='1' data-class='dsf_numina-value-3'></div> <div class="cta-dot clg-dsf_numina-value-3-2" data-value='2' data-class='dsf_numina-value-3'></div> <div class="cta-dot clg-dsf_numina-value-3-3" data-value='3' data-class='dsf_numina-value-3'></div> <div class="cta-dot clg-dsf_numina-value-3-4" data-value='4' data-class='dsf_numina-value-3'></div> <div class="cta-dot clg-dsf_numina-value-3-5" data-value='5' data-class='dsf_numina-value-3'></div> <span class="dsf dsf_numina-value-3 clg-hidden"></span> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_numina-text-4">Not Listed</span></div> <div class='clg-dots clg-dots-numina-4'> <div class="cta-dot clg-dsf_numina-value-4-1" data-value='1' data-class='dsf_numina-value-4'></div> <div class="cta-dot clg-dsf_numina-value-4-2" data-value='2' data-class='dsf_numina-value-4'></div> <div class="cta-dot clg-dsf_numina-value-4-3" data-value='3' data-class='dsf_numina-value-4'></div> <div class="cta-dot clg-dsf_numina-value-4-4" data-value='4' data-class='dsf_numina-value-4'></div> <div class="cta-dot clg-dsf_numina-value-4-5" data-value='5' data-class='dsf_numina-value-4'></div> <span class="dsf dsf_numina-value-4 clg-hidden"></span> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_numina-text-5">Not Listed</span></div> <div class='clg-dots clg-dots-numina-5'> <div class="cta-dot clg-dsf_numina-value-5-1" data-value='1' data-class='dsf_numina-value-5'></div> <div class="cta-dot clg-dsf_numina-value-5-2" data-value='2' data-class='dsf_numina-value-5'></div> <div class="cta-dot clg-dsf_numina-value-5-3" data-value='3' data-class='dsf_numina-value-5'></div> <div class="cta-dot clg-dsf_numina-value-5-4" data-value='4' data-class='dsf_numina-value-5'></div> <div class="cta-dot clg-dsf_numina-value-5-5" data-value='5' data-class='dsf_numina-value-5'></div> <span class="dsf dsf_numina-value-5 clg-hidden"></span> </div> </div> </div> <div class="clg-col-3 clg-col"> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_numina-text-6">Not Listed</span></div> <div class='clg-dots clg-dots-numina-6'> <div class="cta-dot clg-dsf_numina-value-6-1" data-value='1' data-class='dsf_numina-value-6'></div> <div class="cta-dot clg-dsf_numina-value-6-2" data-value='2' data-class='dsf_numina-value-6'></div> <div class="cta-dot clg-dsf_numina-value-6-3" data-value='3' data-class='dsf_numina-value-6'></div> <div class="cta-dot clg-dsf_numina-value-6-4" data-value='4' data-class='dsf_numina-value-6'></div> <div class="cta-dot clg-dsf_numina-value-6-5" data-value='5' data-class='dsf_numina-value-6'></div> <span class="dsf dsf_numina-value-6 clg-hidden"></span> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_numina-text-7">Not Listed</span></div> <div class='clg-dots clg-dots-numina-7'> <div class="cta-dot clg-dsf_numina-value-7-1" data-value='1' data-class='dsf_numina-value-7'></div> <div class="cta-dot clg-dsf_numina-value-7-2" data-value='2' data-class='dsf_numina-value-7'></div> <div class="cta-dot clg-dsf_numina-value-7-3" data-value='3' data-class='dsf_numina-value-7'></div> <div class="cta-dot clg-dsf_numina-value-7-4" data-value='4' data-class='dsf_numina-value-7'></div> <div class="cta-dot clg-dsf_numina-value-7-5" data-value='5' data-class='dsf_numina-value-7'></div> <span class="dsf dsf_numina-value-7 clg-hidden"></span> </div> </div> <div class="clg-row-between margin-bottom-4 flex-center"> <div><span class="dsf dsf_numina-text-8">Not Listed</span></div> <div class='clg-dots clg-dots-numina-8'> <div class="cta-dot clg-dsf_numina-value-8-1" data-value='1' data-class='dsf_numina-value-8'></div> <div class="cta-dot clg-dsf_numina-value-8-2" data-value='2' data-class='dsf_numina-value-8'></div> <div class="cta-dot clg-dsf_numina-value-8-3" data-value='3' data-class='dsf_numina-value-8'></div> <div class="cta-dot clg-dsf_numina-value-8-4" data-value='4' data-class='dsf_numina-value-8'></div> <div class="cta-dot clg-dsf_numina-value-8-5" data-value='5' data-class='dsf_numina-value-8'></div> <span class="dsf dsf_numina-value-8 clg-hidden"></span> </div> </div> </div> </div> </div> <div class="clg-container-item clg-container-combat"> <h3 class="width100 text-left border-bottom">Combat</h3> <table class="margin-bottom-16"> <thead> <tr> <th>Weapon</th> <th>Difficulty</th> <th>Damage</th> <th>Range</th> <th>Rate</th> <th>Clip</th> <th>Conceal</th> </tr> </thead> <tbody class='clg-combat-table'> <tr> <td><span class='dsf dsf_weapon_name_0'>—</span></td> <td><span class='dsf dsf_weapon_difficulty_0'>—</span></td> <td><span class='dsf dsf_weapon_damage_0'>—</span></td> <td><span class='dsf dsf_weapon_range_0'>—</span></td> <td><span class='dsf dsf_weapon_rate_0'>—</span></td> <td><span class='dsf dsf_weapon_clip_0'>—</span></td> <td><span class='dsf dsf_weapon_conceal_0'>—</span></td> </tr> <tr> <td><span class='dsf dsf_weapon_name_1'>—</span></td> <td><span class='dsf dsf_weapon_difficulty_1'>—</span></td> <td><span class='dsf dsf_weapon_damage_1'>—</span></td> <td><span class='dsf dsf_weapon_range_1'>—</span></td> <td><span class='dsf dsf_weapon_rate_1'>—</span></td> <td><span class='dsf dsf_weapon_clip_1'>—</span></td> <td><span class='dsf dsf_weapon_conceal_1'>—</span></td> </tr> <tr> <td><span class='dsf dsf_weapon_name_2'>—</span></td> <td><span class='dsf dsf_weapon_difficulty_2'>—</span></td> <td><span class='dsf dsf_weapon_damage_2'>—</span></td> <td><span class='dsf dsf_weapon_range_2'>—</span></td> <td><span class='dsf dsf_weapon_rate_2'>—</span></td> <td><span class='dsf dsf_weapon_clip_2'>—</span></td> <td><span class='dsf dsf_weapon_conceal_2'>—</span></td> </tr> <tr> <td><span class='dsf dsf_weapon_name_3'>—</span></td> <td><span class='dsf dsf_weapon_difficulty_3'>—</span></td> <td><span class='dsf dsf_weapon_damage_3'>—</span></td> <td><span class='dsf dsf_weapon_range_3'>—</span></td> <td><span class='dsf dsf_weapon_rate_3'>—</span></td> <td><span class='dsf dsf_weapon_clip_3'>—</span></td> <td><span class='dsf dsf_weapon_conceal_3'>—</span></td> </tr> </tbody> </table> <table> <thead> <tr> <th>Armor Type</th> <th>Soak (bashing)</th> <th>Soak (lethal)</th> <th>Min STR</th> <th>Dex Penalty</th> <th>Conceal</th> <th>Notes</th> </tr> </thead> <tbody> <tr> <td> <span class='dsf dsf_armor_name_0'>—</span> </td> <td> <span class='dsf dsf_armor_bash_0'>—</span> </td> <td> <span class='dsf dsf_armor_lethal_0'>—</span> </td> <td> <span class='dsf dsf_armor_minstr_0'>—</span> </td> <td> <span class='dsf dsf_armor_dexpen_0'>—</span> </td> <td> <span class='dsf dsf_armor_conceal_0'>—</span> </td> <td> <span class='dsf dsf_armor_notes_0'>—</span> </td> </tr> <tr> <td> <span class='dsf dsf_armor_name_1'>—</span> </td> <td> <span class='dsf dsf_armor_bash_1'>—</span> </td> <td> <span class='dsf dsf_armor_lethal_1'>—</span> </td> <td> <span class='dsf dsf_armor_minstr_1'>—</span> </td> <td> <span class='dsf dsf_armor_dexpen_1'>—</span> </td> <td> <span class='dsf dsf_armor_conceal_1'>—</span> </td> <td> <span class='dsf dsf_armor_notes_1'>—</span> </td> </tr> </tbody> </table> </div> <div class="clg-container-item clg-container-rituals"> <h3 class="width100 text-left border-bottom clg-hidden clg-show-edit">Rituals</h3> <table> <thead> <tr> <th>Ritual</th> <th>Level</th> </tr> </thead> <tbody class='clg-ritual-table'> <tr> <td><span class='dsf dsf_ritual_name_0'>—</span></td> <td><span class='dsf dsf_ritual_level_0'>—</span></td> <td><span class='dsf dsf_ritual_type_0'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_1'>—</span></td> <td><span class='dsf dsf_ritual_level_1'>—</span></td> <td><span class='dsf dsf_ritual_type_1'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_2'>—</span></td> <td><span class='dsf dsf_ritual_level_2'>—</span></td> <td><span class='dsf dsf_ritual_type_3'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_3'>—</span></td> <td><span class='dsf dsf_ritual_level_3'>—</span></td> <td><span class='dsf dsf_ritual_type_3'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_4'>—</span></td> <td><span class='dsf dsf_ritual_level_4'>—</span></td> <td><span class='dsf dsf_ritual_type_4'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_5'>—</span></td> <td><span class='dsf dsf_ritual_level_5'>—</span></td> <td><span class='dsf dsf_ritual_type_5'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_6'>—</span></td> <td><span class='dsf dsf_ritual_level_6'>—</span></td> <td><span class='dsf dsf_ritual_type_6'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_7'>—</span></td> <td><span class='dsf dsf_ritual_level_7'>—</span></td> <td><span class='dsf dsf_ritual_type_7'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_8'>—</span></td> <td><span class='dsf dsf_ritual_level_8'>—</span></td> <td><span class='dsf dsf_ritual_type_8'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_9'>—</span></td> <td><span class='dsf dsf_ritual_level_9'>—</span></td> <td><span class='dsf dsf_ritual_type_9'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_10'>—</span></td> <td><span class='dsf dsf_ritual_level_10'>—</span></td> <td><span class='dsf dsf_ritual_type_10'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_11'>—</span></td> <td><span class='dsf dsf_ritual_level_11'>—</span></td> <td><span class='dsf dsf_ritual_type_11'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_12'>—</span></td> <td><span class='dsf dsf_ritual_level_12'>—</span></td> <td><span class='dsf dsf_ritual_type_12'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_13'>—</span></td> <td><span class='dsf dsf_ritual_level_13'>—</span></td> <td><span class='dsf dsf_ritual_type_13'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_14'>—</span></td> <td><span class='dsf dsf_ritual_level_14'>—</span></td> <td><span class='dsf dsf_ritual_type_14'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_15'>—</span></td> <td><span class='dsf dsf_ritual_level_15'>—</span></td> <td><span class='dsf dsf_ritual_type_15'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_16'>—</span></td> <td><span class='dsf dsf_ritual_level_16'>—</span></td> <td><span class='dsf dsf_ritual_type_16'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_17'>—</span></td> <td><span class='dsf dsf_ritual_level_17'>—</span></td> <td><span class='dsf dsf_ritual_type_17'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_18'>—</span></td> <td><span class='dsf dsf_ritual_level_18'>—</span></td> <td><span class='dsf dsf_ritual_type_18'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_19'>—</span></td> <td><span class='dsf dsf_ritual_level_19'>—</span></td> <td><span class='dsf dsf_ritual_type_19'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_20'>—</span></td> <td><span class='dsf dsf_ritual_level_20'>—</span></td> <td><span class='dsf dsf_ritual_type_20'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_21'>—</span></td> <td><span class='dsf dsf_ritual_level_21'>—</span></td> <td><span class='dsf dsf_ritual_type_21'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_22'>—</span></td> <td><span class='dsf dsf_ritual_level_22'>—</span></td> <td><span class='dsf dsf_ritual_type_22'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_23'>—</span></td> <td><span class='dsf dsf_ritual_level_23'>—</span></td> <td><span class='dsf dsf_ritual_type_23'>—</span></td> </tr> <tr> <td><span class='dsf dsf_ritual_name_24'>—</span></td> <td><span class='dsf dsf_ritual_level_24'>—</span></td> <td><span class='dsf dsf_ritual_type_24'>—</span></td> </tr> </tbody> </table> </div> <div class="clg-container-item clg-container-background"> <h3 class="width100 text-left border-bottom margin-top-16">Biography</h3> <div class="margin-bottom-16 clg-row-between"> <div class='clg-col-80'> <span class="dsf dsf_bio"></span> </div> <div class="clg-col-5 clg-img-container"> <span class="dsf dsf_avatar_image"></span> </div> </div> </div> <div class="clg-container-item clg-container-notes"> <h3 class="width100 text-left border-bottom margin-top-16">Notes</h3> <div class="clg-col"> <div class="margin-bottom-8"> <span class="dsf dsf_notes0"></span> </div> <div class="margin-bottom-8"> <span class="dsf dsf_notes1"></span> </div> <div class="margin-bottom-8"> <span class="dsf dsf_notes2"></span> </div> <div class="margin-bottom-8"> <span class="dsf dsf_notes3"></span> </div> <div class="margin-bottom-8"> <span class="dsf dsf_notes4"></span> </div> <div class="margin-bottom-8"> <span class="dsf dsf_notes5"></span> </div> <div class="margin-bottom-8"> <span class="dsf dsf_notes6"></span> </div> <div class="margin-bottom-8"> <span class="dsf dsf_notes7"></span> </div> <div class="margin-bottom-8"> <span class="dsf dsf_notes8"></span> </div> <div class="margin-bottom-8"> <span class="dsf dsf_notes9"></span> </div> </div> </div> </div> <h3 class="width100"> </h3> <div class="clg-row-between margin-bottom-24 margin-top-24"> <div> Author: <span class="dsf dsf_dst_author">Izzy Juan</span> </div> </div> </div>
CSS
.ds_dark_ages_inquisitor_v20 { font-family: Papyrus, fantasy, sarif; font-size: 16px; color: #313131; } .ds_dark_ages_inquisitor_v20 input { min-width: 125px !important; word-wrap: wrap !important; max-height: 20vh !important; padding: 4px !important; } .ds_dark_ages_inquisitor_v20 div, .ds_dark_ages_inquisitor_v20 p, .ds_dark_ages_inquisitor_v20 ul, .ds_dark_ages_inquisitor_v20 ol { font-family: Papyrus, fantasy, sarif; font-size: 0.9em; color: #313131; font-weight: 700; } .ds_dark_ages_inquisitor_v20 div span, .ds_dark_ages_inquisitor_v20 p span, .ds_dark_ages_inquisitor_v20 ul span, .ds_dark_ages_inquisitor_v20 ol span{ font-family: sans-sarif; font-weight: 400; } .ds_dark_ages_inquisitor_v20 .dsf { font-family: Papyrus, fantasy, sarif !important; } .ds_dark_ages_inquisitor_v20 h1, .ds_dark_ages_inquisitor_v20 h2, .ds_dark_ages_inquisitor_v20 h3 { font-family: cursive, fantasy, sarif; font-weight: 700; text-transform: uppercase; color: #202020; margin: 16px 0 8px; border-bottom: 1px solid; padding: 0 0 8px; } .ds_dark_ages_inquisitor_v20 h4, .ds_dark_ages_inquisitor_v20 h5, .ds_dark_ages_inquisitor_v20 h6 { font-family: cursive, fantasy, sarif; font-weight: 400; text-transform: capitalize;; color: #202020; margin: 8px 0; } .ds_dark_ages_inquisitor_v20 h6 { border-bottom: 1px solid; } .ds_dark_ages_inquisitor_v20 table { width: 100%; border-radius: 4px; box-shadow: 2px 2px 4px rgba(0,0,0,0.24); overflow: hidden; border-spacing: 0px; } .ds_dark_ages_inquisitor_v20 table tr { width: 100%; } .ds_dark_ages_inquisitor_v20 table tr th { font-family: cursive, fantasy, sarif; font-weight: 700; font-size: 0.95em; padding: 4px 8px; text-align: left; } .ds_dark_ages_inquisitor_v20 table tr td { font-weight: 500; font-size: 0.9em; padding: 4px 8px; } .ds_dark_ages_inquisitor_v20 table tr td span { font-family: sans-serif; } .ds_dark_ages_inquisitor_v20 table tbody tr:nth-of-type(odd) { background-color: #fff; color: #313131; } .ds_dark_ages_inquisitor_v20 table tbody tr:nth-of-type(even) { background-color: #e9e9e9; color: #313131; } .ds_dark_ages_inquisitor_v20 .clg-select-box { width: 100%; padding: 4px 2px; font-size: 1em; font-family: Papyrus, fantasy, sarif !important; } .ds_dark_ages_inquisitor_v20 .clg-container { width: calc(100% - 48px); max-width: 724px; padding: 24px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; box-shadow: 2px 2px 4px rgba(0,0,0,0.24); border-radius: 8px; border: 1px solid rgba(0,0,0,0.16); background-color: #f1f3f5; } .ds_dark_ages_inquisitor_v20 .clg-row-between { width: 100%; display: flex; flex-direction: row; justify-content: space-between !important; align-items: flex-start; } .ds_dark_ages_inquisitor_v20 .clg-row-between.flex-center { align-items: center !important; } .ds_dark_ages_inquisitor_v20 .clg-col { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .ds_dark_ages_inquisitor_v20 .clg-dots, .ds_dark_ages_inquisitor_v20 .clg-sqaures { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .ds_dark_ages_inquisitor_v20 .clg-dots > div { margin-left: 2px; height: 0.667em; width: 0.667em; border: 1px solid #313131; background-color: transparent; border-radius: 50%; } .ds_dark_ages_inquisitor_v20 .clg-sqaures > div { border-radius: 0px !important; } .ds_dark_ages_inquisitor_v20 .clg-dots > div.clg-active { border: 1px solid #313131; background-color: #313131; } .ds_dark_ages_inquisitor_v20 .clg-col > div { width: 100%; /*margin: 0 0 4px 0 !important;*/ } .ds_dark_ages_inquisitor_v20 .clg-hr { border-bottom: 1px solid rgba(0,0,0,0.24); height: 1px; width: 100%; margin: 8px 0; } .ds_dark_ages_inquisitor_v20 .clg-col-80 { width: calc(80% - 4px); } .ds_dark_ages_inquisitor_v20 .clg-col-75 { width: calc(75% - 8px); } .ds_dark_ages_inquisitor_v20 .clg-col-5 { width: calc(20% - 4px); } .ds_dark_ages_inquisitor_v20 .clg-col-4 { width: calc(25% - 8px); } .ds_dark_ages_inquisitor_v20 .clg-col-3 { width: calc(33% - 8px); } .ds_dark_ages_inquisitor_v20 .clg-col-2 { width: calc(50% - 16px); } .ds_dark_ages_inquisitor_v20 .clg-img-container { /*width: 100%;*/ height: auto; min-height: 5em; border-radius: 8px; overflow: hidden; box-shadow: 2px 2px 4px rgba(0,0,0,0.24); } .ds_dark_ages_inquisitor_v20 .clg-img-container > img { width: 100%; height: auto; object-fit: cover; object-position: center; } .ds_dark_ages_inquisitor_v20 .text-center { text-align: center; } .ds_dark_ages_inquisitor_v20 .text-left { text-align: left; } .ds_dark_ages_inquisitor_v20 .text-right { text-align: right; } .ds_dark_ages_inquisitor_v20 .text-dark { font-weight: 700; font-size: 1.25em; } .ds_dark_ages_inquisitor_v20.editable .clg-other-abilities { display: flex !important; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .ds_dark_ages_inquisitor_v20 .clg-hidden { display: none; } .ds_dark_ages_inquisitor_v20.editable .clg-hidden.clg-show-edit { display: flex !important; } .ds_dark_ages_inquisitor_v20.editable .clg-show-edit.clg-other-abilities { display: flex !important; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; } .ds_dark_ages_inquisitor_v20.editable .clg-show-edit.clg-other-abilities h1, .ds_dark_ages_inquisitor_v20.editable .clg-show-edit.clg-other-abilities h2, .ds_dark_ages_inquisitor_v20.editable .clg-show-edit.clg-other-abilities h3, .ds_dark_ages_inquisitor_v20.editable .clg-show-edit.clg-other-abilities h4, .ds_dark_ages_inquisitor_v20.editable .clg-show-edit.clg-other-abilities h5, .ds_dark_ages_inquisitor_v20.editable .clg-show-edit.clg-other-abilities h6 { width: 100%; } .ds_dark_ages_inquisitor_v20 .margin-bottom-0 { margin-bottom: 0px; } .ds_dark_ages_inquisitor_v20 .margin-bottom-4 { margin-bottom: 4px; } .ds_dark_ages_inquisitor_v20 .margin-bottom-8 { margin-bottom: 8px; } .ds_dark_ages_inquisitor_v20 .margin-bottom-16 { margin-bottom: 16px; } .ds_dark_ages_inquisitor_v20 .margin-bottom-24 { margin-bottom: 24px; } .ds_dark_ages_inquisitor_v20 .margin-top-0 { margin-top: 0px; } .ds_dark_ages_inquisitor_v20 .margin-top-4 { margin-top: 4px; } .ds_dark_ages_inquisitor_v20 .margin-top-8 { margin-top: 8px; } .ds_dark_ages_inquisitor_v20 .margin-top-16 { margin-top: 16px; } .ds_dark_ages_inquisitor_v20 .margin-top-24 { margin-top: 24px; } .ds_dark_ages_inquisitor_v20 .width100 { width: 100%; } .ds_dark_ages_inquisitor_v20 .clg-anchor { position: relative; } .ds_dark_ages_inquisitor_v20.editable .clg-icon { position: absolute; right: 0; top: 0; cursor: pointer; } .ds_dark_ages_inquisitor_v20.editable .clg-add-class { cursor: pointer; } .ds_dark_ages_inquisitor_v20 .clg-container-main, .ds_dark_ages_inquisitor_v20 .clg-container-toggle { width: 100%; } .ds_dark_ages_inquisitor_v20 .clg-container-menu { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; margin: 24px 0; } .ds_dark_ages_inquisitor_v20 .clg-container-menu .clg-container-menu-item { padding: 8px 16px; background-color: #f1f3f5; } .ds_dark_ages_inquisitor_v20 .clg-container-menu .clg-container-menu-item.clg-active { background-color: #fff; } .ds_dark_ages_inquisitor_v20 .clg-container-menu .clg-container-menu-item a { color: #313131; text-transform: capitalize; } .ds_dark_ages_inquisitor_v20 .clg-container-menu .clg-container-menu-item a:hover { color: #130947; } .ds_dark_ages_inquisitor_v20 .clg-container-item { display: none; } .ds_dark_ages_inquisitor_v20 .clg-container-item.clg-active { display: block; width: 100%;}
Javascript
const AFFILATIONS = [ 'Catholic', 'Protestant', 'Non-Denominational', 'Unaffiliated' ]; const CURSES = [ 'Anathemae', 'Interdictions', 'Maledictio', 'Stigmata', 'Visitations' ]; const ENDOWMENTS = [ 'Benedictions', 'Investitures', 'Legacies', 'Psalms', 'Holy Arts' ] const TALENTS = [ { title: 'Alertness', text: 'alertness' }, { title: 'Athletics', text: 'athletics' }, { title: 'Brawl', text: 'brawl' }, { title: 'Dodge', text: 'dodge' }, { title: 'Empathy', text: 'Empathy' }, { title: 'Expression', text: 'expression' }, { title: 'Intimidation', text: 'Intimidation' }, { title: 'Leadership', text: 'Leadership' }, { title: 'Legerdemain', text: 'Legerdemain' }, { title: 'Subterfuge', text: 'Subterfuge' } ]; const SKILLS = [ { title: 'Animal Ken', text: 'AnimalKen' }, { title: 'Archery', text: 'Archery' }, { title: 'Commerce', text: 'Commerce' }, { title: 'Crafts', text: 'crafts' }, { title: 'Etiquette', text: 'Etiquette' }, { title: 'Melee', text: 'melee' }, { title: 'Performance', text: 'performance' }, { title: 'Ride', text: 'ride' }, { title: 'Stealth', text: 'stealth' }, { title: 'Survival', text: 'Survival' } ]; const KNOWLEDGES = [ { title: 'Academics', text: 'Academics' }, { title: 'Hearth Wisdom', text: 'hearthwisdom' }, { title: 'Investigation', text: 'Investigation' }, { title: 'Law', text: 'law' }, { title: 'Linguistic', text: 'linguistic' }, { title: 'Medicine', text: 'Medicine' }, { title: 'Occult', text: 'occult' }, { title: 'Politics', text: 'politics' }, { title: 'Seneschal', text: 'Seneschal' }, { title: 'Theology', text: 'theology' } ]; const VIRTUES = [ { title: 'Self-Control', text: 'selfcontrol' }, { title: 'Conscience', text: 'Conscience' }, { title: 'Courage', text: 'Courage' } ]; const SUPERIOUR_VIRTUES = [ { title: 'Wisdom', text: 'wisdom' }, { title: 'Faith', text: 'faith' }, { title: 'Zeal', text: 'zeal' } ]; const BACKGROUNDS_1 = [ { title: 'Allies', text: 'allies' }, { title: 'Arcane', text: 'arcane' }, { title: 'Armory', text: 'armory' }, { title: 'Chapter-House', text: 'chapterhouse' }, { title: 'Contacts', text: 'contacts' }, { title: 'Destiny', text: 'destiny' } ]; const BACKGROUNDS_2 = [ { title: 'Domain', text: 'domain' }, { title: 'Exposure', text: 'exposure' }, { title: 'Flock', text: 'flock' }, { title: 'Holy Relic', text: 'holyrelic' }, { title: 'Influence', text: 'Influence' }, { title: 'Library', text: 'library' }, ]; const BACKGROUNDS_3 = [ { title: 'Mentor', text: 'mentor' }, { title: 'Rank', text: 'rank' }, { title: 'Resources', text: 'resources' }, { title: 'Retainers', text: 'retainers' }, { title: 'Status', text: 'status' } ]; const TENDOTS = [ { title: 'Willpower', text: 'willpower', starting: 1, temp: 1 }, { title: 'Conviction', text: 'conviction', starting: 0, temp: 1 }, { title: 'Path / Road', text: 'pathroad', starting: 1, } ]; const HOLY_ARTS = [ { title: 'Sophia Patris', text: 'SophiaPatris' }, { title: 'Sedulitas Filius', text: 'SedulitasFilius' }, { title: 'Boni Spiritus', text: 'BoniSpiritus' } ]; let WEAPONS = [ { weapon: 'grapple', difficulty: 6, damage: 'none', range: 'melee', rate: 1, clip: '', conceal: '' }, { weapon: 'strike', difficulty: 6, damage: 'str (bashing)', range: 'melee', rate: 1, clip: '', conceal: '' }, { weapon: 'strike, power', difficulty: 7, damage: 'str + 1 (bashing)', range: 'melee', rate: 1, clip: '', conceal: '' }, { weapon: 'strike, light', difficulty: 5, damage: 'str - 1 (bashing)', range: 'melee', rate: 1, clip: '', conceal: '' }, { weapon: 'bear hug / crush', difficulty: 6, damage: 'str (bashing)', range: 'melee', rate: 1, clip: '', conceal: '' }, { weapon: 'sweep / tackle', difficulty: 7, damage: 'str (bashing); knockdown', range: 'melee', rate: 1, clip: '', conceal: '' } ]; let clg_mf_arr = { merits: [], flaws: [] } const ds_dark_ages_inquisitor_v20_toggleDot = (str) => { let r = 0; if ($(str).hasClass('clg-active')) { $(str).removeClass('clg-active'); r = -1; } else { $(str).addClass('clg-active'); } return r; } const setCombatTable = (arr) => { let html = ''; for (const item of arr) { html += `<tr> <td>${item.weapon}</td> <td>${item.difficulty}</td> <td>${item.damage}</td> <td>${item.range}</td> <td>${item.rate}</td> <td>${item.clip}</td> <td>${item.conceal}</td> </tr>`; } $('.clg-combat-table').prepend(html); return null; } const setSelectBox = (arr, target) => { for (const item of arr) { // console.log('item: ', item); let html = `<option value='${item}'>${item}</option>`; $(target).append(html); } } const setAbility = (str, title, type, value) => { str = str.toLowerCase(); if (typeof title === 'undefined') { title = 'not listed'; } if (typeof type === 'undefined') { type = 'skills'; } if (typeof value === 'undefined') { value = 0; } let classes = 'cta-dot'; if (value) { classes += ' clg-active'; } let html = `<div class="clg-row-between margin-bottom-4 flex-center"> <div>${title}</div> <div class='clg-dots clg-dots-${str}'> <div class="${classes} clg-dsf_${str}-1" data-value='1' data-class='dsf_${str}'></div> <div class="cta-dot clg-dsf_${str}-2" data-value='2' data-class='dsf_${str}'></div> <div class="cta-dot clg-dsf_${str}-3" data-value='3' data-class='dsf_${str}'></div> <div class="cta-dot clg-dsf_${str}-4" data-value='4' data-class='dsf_${str}'></div> <div class="cta-dot clg-dsf_${str}-5" data-value='5' data-class='dsf_${str}'></div> <span class="dsf dsf_${str} clg-hidden">${value}</span> </div> </div>`; let target = `.clg-${type}`; $(target).append(html); } const set10Dot = (str, title, type, value, temp) => { str = str.toLowerCase(); if (typeof title === 'undefined') { title = 'not listed'; } if (typeof type === 'undefined') { title = 'skills'; } if (typeof value === 'undefined') { value = 0; } let html = `<div class="clg-col margin-bottom-4"> <div class="margin-bottom-4 text-left text-dark">${title}</div> <div class="margin-bottom-8 clg-row-between clg-dots clg-dots-${str}"> <div class="cta-dot clg-dsf_${str}-1" data-value='1' data-class='dsf_${str}' data-len='10'></div> <div class="cta-dot clg-dsf_${str}-2" data-value='2' data-class='dsf_${str}' data-len='10'></div> <div class="cta-dot clg-dsf_${str}-3" data-value='3' data-class='dsf_${str}' data-len='10'></div> <div class="cta-dot clg-dsf_${str}-4" data-value='4' data-class='dsf_${str}' data-len='10'></div> <div class="cta-dot clg-dsf_${str}-5" data-value='5' data-class='dsf_${str}' data-len='10'></div> <div class="cta-dot clg-dsf_${str}-6" data-value='6' data-class='dsf_${str}' data-len='10'></div> <div class="cta-dot clg-dsf_${str}-7" data-value='7' data-class='dsf_${str}' data-len='10'></div> <div class="cta-dot clg-dsf_${str}-8" data-value='8' data-class='dsf_${str}' data-len='10'></div> <div class="cta-dot clg-dsf_${str}-9" data-value='9' data-class='dsf_${str}' data-len='10'></div> <div class="cta-dot clg-dsf_${str}-10" data-value='10' data-class='dsf_${str}' data-len='10'></div> <span class="dsf dsf_${str} clg-hidden">${value}</span> </div> </div>`; let target = `.clg-${type}`; $(target).append(html); } const updateFields = () => { } const setPage = async () => { /*setSelectBox(CURSES, '.clg-dsf_order_curses-box'); setSelectBox(ENDOWMENTS, '.clg-dsf_order_endowment-box'); setSelectBox(AFFILATIONS, '.clg-dsf_order_affiliation-box');*/ for (const item of SKILLS) { setAbility(item.text, item.title, 'skills') } for (const item of TALENTS) { setAbility(item.text, item.title, 'talents') } for (const item of KNOWLEDGES) { setAbility(item.text, item.title, 'knowledges') } for (const item of VIRTUES) { setAbility(item.text, item.title, 'virtues', 1) } for (const item of SUPERIOUR_VIRTUES) { setAbility(item.text, item.title, 'superiourvirtues') } for (const item of BACKGROUNDS_1) { setAbility(item.text, item.title, 'backgrounds-1') } for (const item of BACKGROUNDS_2) { setAbility(item.text, item.title, 'backgrounds-2') } for (const item of BACKGROUNDS_3) { setAbility(item.text, item.title, 'backgrounds-3') } for (const item of HOLY_ARTS) { setAbility(item.text, item.title, 'holyarts') } for (const item of TENDOTS) { set10Dot(item.text, item.title, 'tendots', 0, item.temp) } setCombatTable(WEAPONS); } const clg_addToWeaponList = () => { let cnt = WEAPONS.length - 6; let html = `<tr> <td><span class='dsf dsf_weapon_name_${cnt}'>Click to Edit</span></td> <td><span class='dsf dsf_weapon_difficulty_${cnt}'>Edit</span></td> <td><span class='dsf dsf_weapon_damage_${cnt}'>Edit</span></td> <td><span class='dsf dsf_weapon_range_${cnt}'>Edit</span></td> <td><span class='dsf dsf_weapon_rate_${cnt}'>Edit</span></td> <td><span class='dsf dsf_weapon_clip_${cnt}'>Edit</span></td> <td><span class='dsf dsf_weapon_conceal_${cnt}'>Edit</span></td> </tr>`; $('.clg-combat-table').append(html); } const ds_dark_ages_inquisitor_v20_dataPreLoad = (opts) => { // console.log('\n dataPreLoad opts: ', opts); } const ds_dark_ages_inquisitor_v20_dataPostLoad = (opts) => { // console.log('\n dataPostLoad opts: ', opts); } const ds_dark_ages_inquisitor_v20_dataChange = (opts) => { // console.log('\n dataChange opts: ', opts); } const ds_dark_ages_inquisitor_v20_dataPreSave = (opts) => { // console.log('\n dataPreSave opts: ', opts); } const clg_setValue = (obj) => { // return null; for (const [key, value] of Object.entries(obj)) { // console.log(`key: ${key} | value: ${value}`) if ( !key.includes('_') && !Number.isNaN(Number(value)) ) { for (let i = 1; i <= Number(value); i++ ) { let target = `.clg-dsf_${key}-${i}`; let span = `.dsf.dsf_${key}` $(target).addClass('clg-active'); $(span).html(value); } } else if ( key.includes('_order_') && (!key.includes('_end') && !key.includes('_cur' && !key.includes('_aff'))) ) { // console.log('value: ', value); let target = `.clg-dsf_${key}-box`; $(target).val(value); } else if ( key.includes('_filler-') ) { let _tv = value; if (!key.includes('-text')) { if (Number.isNaN(_tv)) { _tv = 0; } else { _tv = Number(_tv) } console.log('_tv: ', _tv); console.log(`key: ${key}\nvalue:${value}`) for (let i = 1; i <= value; i++ ) { if ($('.clg-other-abilities').hasClass('clg-hidden')) { $('.clg-other-abilities').removeClass('clg-hidden').addClass('width100'); console.log('Hello World'); } let target = `.clg-dsf_${key}-${i}`; let span = `.dsf.dsf_${key}`; let _a = key.replace('dsf_', ''); let temp = `.${_a}`; console.log(`OTHER ABILITIES\ntarget: ${target}, \nspan: ${span}, \ntemp: ${temp}`); $(target).addClass('clg-active'); $(span).html(_tv); $(temp).removeClass('clg-hidden'); } } } else if (key.includes('ritual_')) { } } }; const setSelectValue = (val) => { let select = `select.clg-select-box.clg-`; if (CURSES.includes(val)) { select += 'dsf_order_curses-box'; $('.dsf.dsf_order_curses').html(val); $(select).val(val); return null; } if (ENDOWMENTS.includes(val)) { select += 'dsf_order_endowments-box'; $('.dsf.dsf_order_benefit').html(val); $(select).val(val); return null; } if (AFFILATIONS.includes(val)) { select += 'dsf_order_affiliation-box'; $('.dsf.dsf_order_affiliation').html(val); $(select).val(val); return null; } } $('document').ready(function async () { const addValue = (key, value, index) => { dynamic_sheet_attrs[key + '_' + index] = val } setPage(); if (typeof dynamic_sheet_attrs !== 'undefined') { console.log('dynamic_sheet_attrs: ', dynamic_sheet_attrs); clg_setValue(dynamic_sheet_attrs); } $('.clg-container-menu-item').on('click', function () { let _t = '.' + $(this).data('target'); console.log($(this)); console.log(_t); $('.clg-container-menu-item').each(function () { $(this).removeClass('clg-active'); }); $(this).addClass('clg-active'); $('.clg-container-item').each(function () { $(this).removeClass('clg-active'); }); $(_t).addClass('clg-active'); }) $('.editable .cta-dot').on('click', function () { let data = $(this).data(); let target = '.clg-' + data.class + '-'; let cnt = Number(data.value); let len = 5; let val = '.dsf.' + data.class; let _t = null; if (typeof data.len !== 'undefined') { len = data.len; } for (let i = 1; i <= len; i++) { if (i > cnt) { $(target + i).removeClass('clg-active'); } else if (i < cnt) { $(target + i).addClass('clg-active'); } else { _t = ds_dark_ages_inquisitor_v20_toggleDot(target + i); console.log('new value: ', data.value + " + " + _t + " = " + Number(data.value) + _t ); data.value = Number(data.value) + _t; data.value = data.value.toString(); } } $(val).html(data.value); }); $('.editable .clg-add-class').on('click', () => { clg_addToWeaponList(); }); });
Submit Notes
I have edited this to make it more readable. Part of this was adding toggles for different parts of the sheet so people wont have scroll as much. I am still new at this but is there anyway to make the input box show up as a textarea instead of an input? I have a couple of fields that would be better to suited as textareas instead of input fields (ie, the notes sections). Thank you again. izzyjuan
Back
