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
Blog
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
I'm sorry, but we no longer support this web browser. Please
upgrade your browser
or install
Chrome
or
Firefox
to enjoy the full functionality of this site.
