Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 03:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
master
roll20-character-sheets/The Worst Days/WorstDays.html
T
Joshua Wise 7227d02ab6 Updated format for grid layout 
Replaced Table layout with grid layout
2024-08-21 08:03:08 -04:00

2237 lines
98 KiB
HTML
Raw Permalink Blame History

<link rel="stylesheet" href="WorstDays_CSS.css">
<div class="widthFull Centered"><img src="https://media.allportsopen.org/images/twd/site/WordMark.png" class="logo" /></div>
<input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab" value="character" />
<div>
<button type="action" name="act_character" class="sheet-button0">Character</button>
<button type="action" name="act_journal" class="sheet-button1">Journal</button>
<button type="action" name="act_survey" class="sheet-button2">Survey</button>
</div>
<div class="sheet-character">
<div class="topSection grid-container">
<div class="grid-item">
<label for="CharacterName">Character Name</label>
<input type="text" id="CharacterName" name="attr_character_name" />
</div>
<div class="grid-item">
<label for="PlayerName">Player Name</label>
<input type="text" id="PlayerName" name="attr_PlyName" />
</div>
<div class="grid-item">
<label for="Age">Age</label>
<input type="number" id="Age" name="attr_Age" value="18" />
</div>
<div class="grid-item">
<div class="inner-grid-container">
<div class="grid-item-label">
<label for="archetype">Archetype</label>
</div>
<div class="grid-item-button">
<button type="action" name="attrLockArch" class="lock iconbutton">
<span style="font-family: 'Pictos'" name="attr_archLocked"></span>
</button>
</div>
<input type="hidden" name="attr_archLocked" value=")" />
<input type="checkbox" class="sheet-block-switch" id="Arch_switch" name="attr_Arch_switch" value="1">
<div class="sheet-block-a">
<select id="archetype" name="attr_archetype" value="">
<option value="None"></option>
<option value="Adventurer">Adventurer</option>
<option value="Scout">Adventurer: Scout</option>
<option value="Surfer">Adventurer: Surfer</option>
<option value="Athlete">Athlete</option>
<option value="Jock">Athlete: Jock</option>
<option value="Tank">Athlete: Tank</option>
<option value="Golden">Athlete: Golden</option>
<option value="Creative">Creative</option>
<option value="RockandRoller">Creative: Rock and Roller</option>
<option value="TorturedArtist">Creative: Tortured Artist</option>
<option value="Hedonist">Hedonist</option>
<option value="Romantic">Hedonist: Romantic</option>
<option value="Stoner">Hedonist: Stoner</option>
<option value="Indie">Indie</option>
<option value="Hippie">Indie: Hippie</option>
<option value="Rebel">Indie: Rebel</option>
<option value="Nerd">Nerd</option>
<option value="Egghead">Nerd: Egghead</option>
<option value="Fan">Nerd: Fan</option>
<option value="Techie">Nerd: Techie</option>
<option value="Prep">Prep</option>
<option value="Brat">Prep: Brat</option>
<option value="Cheerleader">Prep: Cheerleader</option>
<option value="StraightArrow">Prep: Straight Arrow</option>
<option value="SocialButterfly">Social Butterfly</option>
<option value="Gossip">Social Butterfly: Gossip</option>
<option value="Organizer">Social Butterfly: Organizer</option>
</select>
</div>
<div class="sheet-block-b">
<span name="attr_archetype"></span>
</div>
</div>
</div>
<div class="grid-item">
<div class="inner-grid-container">
<div class="grid-item-label">
<label for="CharBG">Background</label>
</div>
<div class="grid-item-button">
<button type="action" name="attrLockBG" class="lock iconbutton">
<span style="font-family: 'Pictos'" name="attr_BGLocked"></span>
</button>
</div>
<input type="hidden" name="attr_BGLocked" value=")" />
<input type="checkbox" class="sheet-block-switch" id="BG_switch" name="attr_BG_switch" value="1">
<div class="sheet-block-a">
<select id="CharBG" name="attr_CharBG" value="">
<option value="None"></option>
<option value="Academic">Academic</option>
<option value="Artsy">Artsy</option>
<option value="Athletic">Athletic</option>
<option value="FamilyBusiness">Family Business</option>
<option value="Glamorous">Glamorous</option>
<option value="Latchkey">Latchkey</option>
<option value="Military">Military</option>
<option value="Nurtured">Nurtured</option>
<option value="Outdoorsy">Outdoorsy</option>
<option value="Political">Political</option>
<option value="Poor">Poor</option>
<option value="Sleazy">Sleazy</option>
<option value="Sociable">Sociable</option>
<option value="Spoiled">Spoiled</option>
<option value="Strict">Strict</option>
<option value="Wealthy">Wealthy</option>
</select>
</div>
<div class="sheet-block-b">
<span name="attr_CharBG"></span>
</div>
</div>
</div>
</div>
<div class="MainGrid">
<div class="TraitsFacetsTable">
<div class="TraitsTitle">
<div class="SectionTitle">Traits and Facets</div>
</div>
<div class="CunningTable">
<!-- Cunning Trait -->
<div class="facet-group">
<div class="Trait">Cunning</div>
<button type="roll" value="/roll (@{Cunning} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Cunning" name="roll_Cunning"></button>
<div>
<input type="number" min="1" max="6" name="attr_Cunning" />D
</div>
</div>
<!-- Bargain Facet -->
<div class="facet-group">
<div class="Facet">Bargain*</div>
<button type="roll" value="/roll (@{Cunning} + @{Bargain} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Bargain" name="roll_Bargain"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Bargain" />D
</div>
<button type="action" class="AddButton" name="attrAddBargain">+</button>
</div>
<!-- Deceive Facet -->
<div class="facet-group">
<div class="Facet">Deceive</div>
<button type="roll" value="/roll (@{Cunning} + @{Deceive} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Deceive" name="roll_Deceive"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Deceive" />D
</div>
<button type="action" class="AddButton" name="attrAddDeceive">+</button>
</div>
<!-- Forge Facet -->
<div class="facet-group">
<div class="Facet">Forge</div>
<button type="roll" value="/roll (@{Cunning} + @{Forge} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Forge" name="roll_Forge"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Forge" />D
</div>
<button type="action" class="AddButton" name="attrAddForge">+</button>
</div>
<!-- Perceive Facet -->
<div class="facet-group">
<div class="Facet">Perceive</div>
<button type="roll" value="/roll (@{Cunning} + @{Perceive} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Perceive" name="roll_Perceive"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Perceive" />D
</div>
<button type="action" class="AddButton" name="attrAddPerceive">+</button>
</div>
<!-- Perform Facet -->
<div class="facet-group">
<div class="Facet">Perform</div>
<button type="roll" value="/roll (@{Cunning} + @{Perform} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Perform" name="roll_Perform"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Perform" />D
</div>
<button type="action" class="AddButton" name="attrAddPerform">+</button>
</div>
<!-- Sneak Facet -->
<div class="facet-group">
<div class="Facet">Sneak</div>
<button type="roll" value="/roll (@{Cunning} + @{Sneak} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Sneak" name="roll_Sneak"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Sneak" />D
</div>
<button type="action" class="AddButton" name="attrAddSneak">+</button>
</div>
</div>
<div class="IntelligenceTable">
<div class="facet-group">
<div class="Trait">Intelligence</div>
<button type="roll" value="/roll (@{Intelligence} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Intelligence" name="roll_Intelligence"></button>
<div>
<input type="number" min="1" max="6" name="attr_Intelligence" />D
</div>
</div>
<div class="facet-group">
<div class="Facet">Debate*</div>
<button type="roll" value="/roll (@{Intelligence} + @{Debate} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Debate" name="roll_Debate"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Debate" />D
</div>
<button type="action" class="AddButton" name="attrAddDebate">+</button>
</div>
<div class="facet-group">
<div class="Facet">First Aid</div>
<button type="roll" value="/roll (@{Intelligence} + @{FirstAid} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for First Aid" name="roll_FirstAid"></button>
<div>
+<input type="number" min="0" max="6" name="attr_FirstAid" />D
</div>
<button type="action" class="AddButton" name="attrAddFirstAid">+</button>
</div>
<div class="facet-group">
<div class="Facet">General Knowledge</div>
<button type="roll" value="/roll (@{Intelligence} + @{GeneralKnowledge} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for General Knowledge" name="roll_GeneralKnowledge"></button>
<div>
+<input type="number" min="0" max="6" name="attr_GeneralKnowledge" />D
</div>
<button type="action" class="AddButton" name="attrAddGeneralKnowledge">+</button>
</div>
<div class="facet-group">
<div class="Facet">Navigate</div>
<button type="roll" value="/roll (@{Intelligence} + @{Navigate} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Navigate" name="roll_Navigate"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Navigate" />D
</div>
<button type="action" class="AddButton" name="attrAddNavigate">+</button>
</div>
<div class="facet-group">
<div class="Facet">Remember</div>
<button type="roll" value="/roll (@{Intelligence} + @{Remember} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Remember" name="roll_Remember"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Remember" />D
</div>
<button type="action" class="AddButton" name="attrAddRemember">+</button>
</div>
<div class="facet-group">
<div class="Facet">Solve Puzzle</div>
<button type="roll" value="/roll (@{Intelligence} + @{SolvePuzzle} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Solve Puzzle" name="roll_SolvePuzzle"></button>
<div>
+<input type="number" min="0" max="6" name="attr_SolvePuzzle" />D
</div>
<button type="action" class="AddButton" name="attrAddSolvePuzzle">+</button>
</div>
<div class="facet-group">
<div class="Facet">Survival</div>
<button type="roll" value="/roll (@{Intelligence} + @{Survival} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Survival" name="roll_Survival"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Survival" />D
</div>
<button type="action" class="AddButton" name="attrAddSurvival">+</button>
</div>
</div>
<div class="PhysicalTable">
<div class="facet-group">
<div class="Trait">Physical</div>
<button type="roll" value="/roll (@{Physical} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Physical" name="roll_Physical"></button>
<div>
<input type="number" min="1" max="6" name="attr_Physical" />D
</div>
</div>
<div class="facet-group">
<div class="Facet">Climb</div>
<button type="roll" value="/roll (@{Physical} + @{Climb} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Climb" name="roll_Climb"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Climb" />D
</div>
<button type="action" class="AddButton" name="attrAddClimb">+</button>
</div>
<div class="facet-group">
<div class="Facet">Feat of Agility</div>
<button type="roll" value="/roll (@{Physical} + @{FeatofAgility} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Feat of Agility" name="roll_FeatofAgility"></button>
<div>
+<input type="number" min="0" max="6" name="attr_FeatofAgility" />D
</div>
<button type="action" class="AddButton" name="attrAddFeatofAgility">+</button>
</div>
<div class="facet-group">
<div class="Facet">Feat of Strength</div>
<button type="roll" value="/roll (@{Physical} + @{FeatofStrength} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Feat of Strength" name="roll_FeatofStrength"></button>
<div>
+<input type="number" min="0" max="6" name="attr_FeatofStrength" />D
</div>
<button type="action" class="AddButton" name="attrAddFeatofStrength">+</button>
</div>
<div class="facet-group">
<div class="Facet">Endurance</div>
<button type="roll" value="/roll (@{Physical} + @{Endurance} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Endurance" name="roll_Endurance"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Endurance" />D
</div>
<button type="action" class="AddButton" name="attrAddEndurance">+</button>
</div>
<div class="facet-group">
<div class="Facet">Intimidate*</div>
<button type="roll" value="/roll (@{Physical} + @{Intimidate} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Intimidate" name="roll_Intimidate"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Intimidate" />D
</div>
<button type="action" class="AddButton" name="attrAddIntimidate">+</button>
</div>
<div class="facet-group">
<div class="Facet">React</div>
<button type="roll" value="/roll (@{Physical} + @{React} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for React" name="roll_React"></button>
<div>
+<input type="number" min="0" max="6" name="attr_React" />D
</div>
<button type="action" class="AddButton" name="attrAddReact">+</button>
</div>
<div class="facet-group">
<div class="Facet">Rumble</div>
<button type="roll" value="/roll (@{Physical} + @{Rumble} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Rumble" name="roll_Rumble"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Rumble" />D
</div>
<button type="action" class="AddButton" name="attrAddRumble">+</button>
</div>
<div class="facet-group">
<div class="Facet">Shoot</div>
<button type="roll" value="/roll (@{Physical} + @{Shoot} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Shoot" name="roll_Shoot"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Shoot" />D
</div>
<button type="action" class="AddButton" name="attrAddShoot">+</button>
</div>
</div>
<div class="SocialTable">
<div class="facet-group">
<div class="Trait">Social</div>
<button type="roll" value="/roll (@{Social} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Social" name="roll_Social"></button>
<div>
<input type="number" min="1" max="6" name="attr_Social" />D
</div>
</div>
<div class="facet-group">
<div class="Facet">Charm*</div>
<button type="roll" value="/roll (@{Social} + @{Charm} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Charm" name="roll_Charm"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Charm" />D
</div>
<button type="action" class="AddButton" name="attrAddCharm">+</button>
</div>
<div class="facet-group">
<div class="Facet">Comfort</div>
<button type="roll" value="/roll (@{Social} + @{Comfort} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Comfort" name="roll_Comfort"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Comfort" />D
</div>
<button type="action" class="AddButton" name="attrAddComfort">+</button>
</div>
<div class="facet-group">
<div class="Facet">Etiquette</div>
<button type="roll" value="/roll (@{Social} + @{Etiquette} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Etiquette" name="roll_Etiquette"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Etiquette" />D
</div>
<button type="action" class="AddButton" name="attrAddEtiquette">+</button>
</div>
<div class="facet-group">
<div class="Facet">Find the Party</div>
<button type="roll" value="/roll (@{Social} + @{FindtheParty} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Find the Party" name="roll_FindtheParty"></button>
<div>
+<input type="number" min="0" max="6" name="attr_FindtheParty" />D
</div>
<button type="action" class="AddButton" name="attrAddFindtheParty">+</button>
</div>
<div class="facet-group">
<div class="Facet">Insight</div>
<button type="roll" value="/roll (@{Social} + @{Insight} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Insight" name="roll_Insight"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Insight" />D
</div>
<button type="action" class="AddButton" name="attrAddInsight">+</button>
</div>
<div class="facet-group">
<div class="Facet">Network</div>
<button type="roll" value="/roll (@{Social} + @{Network} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Network" name="roll_Network"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Network" />D
</div>
<button type="action" class="AddButton" name="attrAddNetwork">+</button>
</div>
</div>
<div class="TechTable">
<div class="facet-group">
<div class="Trait">Tech</div>
<button type="roll" value="/roll (@{Tech} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Tech" name="roll_Tech"></button>
<div>
<input type="number" min="1" max="6" name="attr_Tech" />D
</div>
</div>
<div class="facet-group">
<div class="Facet">Computers</div>
<button type="roll" value="/roll (@{Tech} + @{Computers} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Computers" name="roll_Computers"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Computers" />D
</div>
<button type="action" class="AddButton" name="attrAddComputers">+</button>
</div>
<div class="facet-group">
<div class="Facet">Craft</div>
<button type="roll" value="/roll (@{Tech} + @{Craft} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Craft" name="roll_Craft"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Craft" />D
</div>
<button type="action" class="AddButton" name="attrAddCraft">+</button>
</div>
<div class="facet-group">
<div class="Facet">Dazzle*</div>
<button type="roll" value="/roll (@{Tech} + @{Dazzle} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Dazzle" name="roll_Dazzle"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Dazzle" />D
</div>
<button type="action" class="AddButton" name="attrAddDazzle">+</button>
</div>
<div class="facet-group">
<div class="Facet">Electronics</div>
<button type="roll" value="/roll (@{Tech} + @{Electronics} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Electronics" name="roll_Electronics"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Electronics" />D
</div>
<button type="action" class="AddButton" name="attrAddElectronics">+</button>
</div>
<div class="facet-group">
<div class="Facet">Improvise</div>
<button type="roll" value="/roll (@{Tech} + @{Improvise} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Improvise" name="roll_Improvise"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Improvise" />D
</div>
<button type="action" class="AddButton" name="attrAddImprovise">+</button>
</div>
<div class="facet-group">
<div class="Facet">Intuit Tech</div>
<button type="roll" value="/roll (@{Tech} + @{IntuitTech} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Intuit Tech" name="roll_IntuitTech"></button>
<div>
+<input type="number" min="0" max="6" name="attr_IntuitTech" />D
</div>
<button type="action" class="AddButton" name="attrAddIntuitTech">+</button>
</div>
<div class="facet-group">
<div class="Facet">Mechanics</div>
<button type="roll" value="/roll (@{Tech} + @{Mechanics} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Mechanics" name="roll_Mechanics"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Mechanics" />D
</div>
<button type="action" class="AddButton" name="attrAddMechanics">+</button>
</div>
</div>
<div class="WillTable">
<div class="facet-group">
<div class="Trait">Will</div>
<button type="roll" value="/roll (@{Will} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Will" name="roll_Will"></button>
<div>
<input type="number" min="1" max="6" name="attr_Will" />D
</div>
</div>
<div class="facet-group">
<div class="Facet">Create</div>
<button type="roll" value="/roll (@{Will} + @{Create} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Create" name="roll_Create"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Create" />D
</div>
<button type="action" class="AddButton" name="attrAddCreate">+</button>
</div>
<div class="facet-group">
<div class="Facet">Inspire</div>
<button type="roll" value="/roll (@{Will} + @{Inspire} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Inspire" name="roll_Inspire"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Inspire" />D
</div>
<button type="action" class="AddButton" name="attrAddInspire">+</button>
</div>
<div class="facet-group">
<div class="Facet">Pressure*</div>
<button type="roll" value="/roll (@{Will} + @{Pressure} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Pressure" name="roll_Pressure"></button>
<div>
+<input type="number" min="0" max="6" name="attr_Pressure" />D
</div>
<button type="action" class="AddButton" name="attrAddPressure">+</button>
</div>
<div class="facet-group">
<div class="Facet">Resist Fear</div>
<button type="roll" value="/roll (@{Will} + @{ResistFear} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Resist Fear" name="roll_ResistFear"></button>
<div>
+<input type="number" min="0" max="6" name="attr_ResistFear" />D
</div>
<button type="action" class="AddButton" name="attrAddResistFear">+</button>
</div>
<div class="facet-group">
<div class="Facet">Resist Influence</div>
<button type="roll" value="/roll (@{Will} + @{ResistInfluence} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Resist Influence" name="roll_ResistInfluence"></button>
<div>
+<input type="number" min="0" max="6" name="attr_ResistInfluence" />D
</div>
<button type="action" class="AddButton" name="attrAddResistInfluence">+</button>
</div>
<div class="facet-group">
<div class="Facet">Resist Temptation</div>
<button type="roll" value="/roll (@{Will} + @{ResistTemptation} + ?{Fortune Points|0} + ?{Boons|0} - ?{Dooms|0})d6 for Resist Temptation" name="roll_ResistTemptation"></button>
<div>
+<input type="number" min="0" max="6" name="attr_ResistTemptation" />D
</div>
<button type="action" class="AddButton" name="attrAddResistTemptation">+</button>
</div>
</div>
</div>
<div class="QuirksTable">
<div class="SectionTitle QuirkTitle">Quirks</div>
<!-- First Row: Archetype and Background Quirks -->
<div class="QuirkLabel">Archetype Quirk</div>
<div class="QuirkLabel">Background Quirk</div>
<div class="QuirkDropdown">
<input type="text" name="attr_ArchetypeQuirk" list="ArchQuirkList" />
</div>
<div class="QuirkDropdown">
<input type="text" name="attr_BackgroundQuirk" list="BackgroundQuirkList" />
</div>
<!-- Additional Quirks -->
<div class="QuirkLabel">Purchased Quirks</div>
<div class="QuirkLabel">Purchased Quirks</div>
<div class="QuirkDropdown">
<input type="text" name="attr_Quirk1" list="quirksList" />
</div>
<div class="QuirkDropdown">
<input type="text" name="attr_Quirk7" list="quirksList" />
</div>
<div class="QuirkDropdown">
<input type="text" name="attr_Quirk2" list="quirksList" />
</div>
<div class="QuirkDropdown">
<input type="text" name="attr_Quirk8" list="quirksList" />
</div>
<div class="QuirkDropdown">
<input type="text" name="attr_Quirk3" list="quirksList" />
</div>
<div class="QuirkDropdown">
<input type="text" name="attr_Quirk9" list="quirksList" />
</div>
<div class="QuirkDropdown">
<input type="text" name="attr_Quirk4" list="quirksList" />
</div>
<div class="QuirkDropdown">
<input type="text" name="attr_Quirk10" list="quirksList" />
</div>
<div class="QuirkDropdown">
<input type="text" name="attr_Quirk5" list="quirksList" />
</div>
<div class="QuirkDropdown">
<input type="text" name="attr_Quirk11" list="quirksList" />
</div>
<div class="QuirkDropdown">
<input type="text" name="attr_Quirk6" list="quirksList" />
</div>
<div class="QuirkDropdown">
<input type="text" name="attr_Quirk12" list="quirksList" />
</div>
<div class="QuirkNotes">
<label class="QuirkLabel" for="QuirkNotes">Quirk Notes</label>
<br />
<textarea style="width: 97%;" id="QuirkNotes" name="attr_QuirkNotes"></textarea>
</div>
</div>
<div class="RightInfoTable">
<div id="RightColumnContainer" class="widthFull Centered">
<div class="SectionTitle">Fortune</div>
<div class="RightColumnSection Centered">
<div class="SmallTitle">Fortune Points</div>
<input type="number" class="SmallInput" min="0" name="attr_FortunePoints" value="10" />
<div class="SmallTitle">Misfortune Points</div>
<input type="number" class="SmallInput" min="0" name="attr_MisfortunePoints" value="0" />
<!-- Continue adding fortune, peace of mind, wounds, and other sections here -->
</div>
<div class="SectionTitle">Peace of Mind</div>
<div class="RightColumnSection Centered">
<div class="SmallTitle">Current / Permanent</div>
<input type="number" min="0" class="SmallInput" name="attr_CurrentPOM" value="0" /> / <input type="number" class="SmallInput" min="0" name="attr_PermanentPOM" value="0" />
<br />
<button type="roll" value="/roll (@{CurrentPOM})d6 for Peace of Mind" name="roll_ResistFear"></button>
<div class="SmallTitle">Recovery Points</div>
<input type="number" min="0" name="attr_RecoveryPoints">
</div>
<div class="SectionTitle">Wounds</div>
<div class="RightColumnSection">
<div class="WoundTable">
<div class="WoundTitle SmallTitle">Minor</div>
<div class="WoundACheck">
<input type="checkbox" id="MinA" name="attr_MinA" value="1">
</div>
<div class="WoundALabel"> <label for="MinA">A</label></div>
<div class="WoundMiddle">
<select name="attr_MinorWounds">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</div>
<div class="WoundMCheck"><input type="checkbox" id="MinM" name="attr_MinM" value="0" /> </div>
<div class="WoundMLabel"><label for="MinM">M</label></div>
<div class="WoundSelect">
<span name="attr_MinorWoundEffects"></span>
<input name="attr_MinorWoundEffects" type="hidden" value="None" />
</div>
</div>
<div class="WoundTable">
<div class="WoundTitle SmallTitle">Moderate</div>
<div class="WoundACheck">
<input type="checkbox" id="ModA" name="attr_ModA" value="1">
</div>
<div class="WoundMiddle">
<select name="attr_ModerateWounds">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<div class="WoundMCheck">
<input type="checkbox" id="ModM" name="attr_ModM" value="0" />
</div>
<div class="WoundALabel">
<label for="ModA">A</label>
</div>
<div class="WoundMLabel">
<label for="ModM">M</label>
</div>
<div class="WoundSelect">
<span name="attr_ModerateWoundEffects"></span>
<input name="attr_ModerateWoundEffects" type="hidden" value="None" />
</div>
</div>
<div class="WoundTable">
<div class="WoundTitle SmallTitle">Severe</div>
<div class="WoundACheck">
<input type="checkbox" id="SevA" name="attr_SevA" value="1">
</div>
<div class="WoundMiddle">
<select name="attr_SevereWounds">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<div class="WoundMCheck">
<input type="checkbox" id="SevM" name="attr_SevM" value="0" />
</div>
<div class="WoundALabel">
<label for="SevA">A</label>
</div>
<div class="WoundMLabel">
<label for="SevM">M</label>
</div>
<div class="WoundSelect">
<span name="attr_SevereWoundEffects"></span>
<input name="attr_SevereWoundEffects" type="hidden" value="None" />
</div>
</div>
<div class="WoundTable">
<div class="WoundTitle SmallTitle">Debilitating</div>
<div class="WoundACheck">
<input type="checkbox" id="DebA" name="attr_DebA" value="1">
</div>
<div class="WoundMiddle">
<select name="attr_DebilitatingWounds">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="WoundMCheck">
<input type="checkbox" id="DebM" name="attr_DebM" value="0" />
</div>
<div class="WoundALabel">
<label for="DebA">A</label>
</div>
<div class="WoundMLabel">
<label for="DebM">M</label>
</div>
<div class="WoundSelect">
<span name="attr_DebilitatingWoundEffects"></span>
<input name="attr_DebilitatingWoundEffects" type="hidden" value="None" />
</div>
</div>
<div class="WoundTable">
<div class="WoundTitle SmallTitle">Dying</div>
<div class="WoundACheck">
<input type="checkbox" id="MorA" name="attr_MorA" value="1">
</div>
<div class="WoundMiddle">
<select name="attr_MortalWounds">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
<div class="WoundMCheck">
<input type="checkbox" id="MorM" name="attr_MorM" value="0" />
</div>
<div class="WoundALabel">
<label for="MorA">A</label>
</div>
<div class="WoundMLabel">
<label for="MorM">M</label>
</div>
<div class="WoundSelect">
<span name="attr_MortalWoundEffects"></span>
<input name="attr_MortalWoundEffects" type="hidden" value="None" />
</div>
</div>
</div>
<div class="SectionTitle">Hard No's/Yes's</div>
<div class="RightColumnSection Centered">
<textarea class="widthFull" style="width:97%" name="attr_HardNoyes"></textarea>
</div>
<div class="SectionTitle">Hot Take</div>
<div class="RightColumnSection Centered">
<textarea class="widthFull" style="width:97%" name="attr_HotTake"></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="sheet-journal">
<h2>Journal/Notes</h2>
<div><textarea class="widthFull" name="attr_JournalNotes" id="journal"></textarea></div>
</div>
<div class="sheet-survey">
<h2>Character Survey</h2>
<div class="survey-section">
<label for="Physically">How do you see yourself Physically?</label>
<div class="survey-input">
<textarea class="widthFull" name="attr_Phys"></textarea>
</div>
</div>
<div class="survey-section">
<label for="Socially">How do you see yourself Socially?</label>
<div class="survey-input">
<textarea id="Socially" name="attr_Soc"></textarea>
</div>
</div>
<div class="survey-section">
<label for="Family">How do you see yourself in your family?</label>
<div class="survey-input">
<textarea name="attr_Family"></textarea>
</div>
</div>
<div class="survey-section">
<label for="World">How do you see yourself in your world (everyone you know)?</label>
<div class="survey-input">
<textarea name="attr_World"></textarea>
</div>
</div>
<div class="survey-section">
<label for="MostRespect">Who do you most respect?</label>
<div class="survey-input">
<textarea name="attr_MostRespect"></textarea>
</div>
</div>
<div class="survey-section">
<label for="LikeMost">Who do you like most?</label>
<div class="survey-input">
<textarea name="attr_LikeMost"></textarea>
</div>
</div>
<div class="survey-section">
<label for="LeastRespect">Who do you least respect?</label>
<div class="survey-input">
<textarea name="attr_LeastRespect"></textarea>
</div>
</div>
<div class="survey-section">
<label for="LikeLeast">Who do you like least?</label>
<div class="survey-input">
<textarea name="attr_LikeLeast"></textarea>
</div>
</div>
<div class="survey-section">
<label for="SpendDay">How would you spend a day if you had nothing to do and nowhere to go?</label>
<div class="survey-input">
<textarea name="attr_SpendDay"></textarea>
</div>
</div>
<div class="survey-section">
<label for="Safest">Where do you feel the safest?</label>
<div class="survey-input">
<textarea name="attr_Safest"></textarea>
</div>
</div>
<div class="survey-section">
<label for="NotSafe">Where do you not feel safe?</label>
<div class="survey-input">
<textarea name="attr_NotSafe"></textarea>
</div>
</div>
<div class="survey-section">
<label for="Childhood">What is a defining moment from your Childhood?</label>
<div class="survey-input">
<textarea name="attr_Childhood"></textarea>
</div>
</div>
<div class="survey-section">
<label for="TeenageYears">What is a defining moment from your Teenage Years?</label>
<div class="survey-input">
<textarea name="attr_TeenageYears"></textarea>
</div>
</div>
<div class="survey-section">
<label for="ChangeAboutYourself">What would you change about yourself?</label>
<div class="survey-input">
<textarea name="attr_ChangeAboutYourself"></textarea>
</div>
</div>
<div class="survey-section">
<label for="NeverChangeAboutYourself">What would you never change about yourself?</label>
<div class="survey-input">
<textarea name="attr_NeverChangeAboutYourself"></textarea>
</div>
</div>
<div class="survey-section">
<label for="BiggestDream">What is your biggest dream?</label>
<div class="survey-input">
<textarea name="attr_BiggestDream"></textarea>
</div>
</div>
<div class="survey-section">
<label for="TenYears">Where would you like to be in ten years?</label>
<div class="survey-input">
<textarea name="attr_TenYears"></textarea>
</div>
</div>
<div class="survey-section">
<label for="LookingForwardTo">What are you looking forward to the most in the near future?</label>
<div class="survey-input">
<textarea name="attr_LookingForwardTo"></textarea>
</div>
</div>
<div class="survey-section">
<label for="GuiltyPleasure">What's your biggest guilty pleasure?</label>
<div class="survey-input">
<textarea name="attr_GuiltyPleasure"></textarea>
</div>
</div>
<div class="survey-section">
<label for="GroupMemberType">What "member" of the group are you? The leader, the clown, the debater, the strong-silent type, something else?</label>
<div class="survey-input">
<textarea name="attr_GroupMemberType"></textarea>
</div>
</div>
<div class="survey-section">
<label for="PersonalStyle">What's your personal style?</label>
<div class="survey-input">
<textarea name="attr_PersonalStyle"></textarea>
</div>
</div>
<div class="survey-section">
<label for="WishMoreKnew">What's one thing you wish more people knew about you?</label>
<div class="survey-input">
<textarea name="attr_WishMoreKnew"></textarea>
</div>
</div>
<div class="survey-section">
<label for="WishFewerKnew">What's something you wish fewer people knew about you?</label>
<div class="survey-input">
<textarea name="attr_WishFewerKnew"></textarea>
</div>
</div>
<div class="survey-section">
<label for="Secret">What's a secret you hope no one ever finds out?</label>
<div class="survey-input">
<textarea name="attr_Secret"></textarea>
</div>
</div>
<div class="survey-section">
<label for="BiggestFear">What's your biggest fear?</label>
<div class="survey-input">
<textarea name="attr_BiggestFear"></textarea>
</div>
</div>
<div class="survey-section">
<label for="Hobbies">Do you have any hobbies? What are they?</label>
<div class="survey-input">
<textarea name="attr_Hobbies"></textarea>
</div>
</div>
<div class="survey-section">
<label for="LeastFavoriteSubject">What was your least favorite subject in school?</label>
<div class="survey-input">
<textarea name="attr_LeastFavoriteSubject"></textarea>
</div>
</div>
<div class="survey-section">
<label for="Crush">Who do you have a crush on/long for?</label>
<div class="survey-input">
<textarea name="attr_Crush"></textarea>
</div>
</div>
<div class="survey-section">
<label for="CherishedMemory">What is a memory that you cherish?</label>
<div class="survey-input">
<textarea name="attr_CherishedMemory"></textarea>
</div>
</div>
<div class="survey-section">
<label for="WishTakeBack">What's something you wish you could take back?</label>
<div class="survey-input">
<textarea name="attr_WishTakeBack"></textarea>
</div>
</div>
</div>
<datalist id="quirksList">
<!-- Neutral Quirks -->
<option value="0: None"></option>
<option value="0: Cautious"></option>
<option value="0: Main Character"></option>
<option value="0: On the Prowl"></option>
<option value="0: Reckless"></option>
<option value="0: Trauma Hardened"></option>
<option value="0: Trauma Fragile"></option>
<!-- +1 Quirks -->
<option value="+1: Agile"></option>
<option value="+1: Bookish"></option>
<option value="+1: Brave"></option>
<option value="+1: Catlike"></option>
<option value="+1: Caretaker"></option>
<option value="+1: Convincing"></option>
<option value="+1: Deceptive"></option>
<option value="+1: Expert Specific"></option>
<option value="+1: Filthy Rich"></option>
<option value="+1: Group Elite">Requires Group Member</option>
<option value="+1: Group Member"></option>
<option value="+1: Haggler"></option>
<option value="+1: Logical"></option>
<option value="+1: Likable"></option>
<option value="+1: Manipulator"></option>
<option value="+1: Never Lost"></option>
<option value="+1: Not a Total Loss"></option>
<option value="+1: Penny Pincher"></option>
<option value="+1: Perceptive"></option>
<option value="+1: Pick it Up"></option>
<option value="+1: Problem Solver"></option>
<option value="+1: Proficient General"></option>
<option value="+1: Proficient Specific"></option>
<option value="+1: Pumped"></option>
<option value="+1: Quick Feet"></option>
<option value="+1: Scrappy"></option>
<option value="+1: Smarty"></option>
<option value="+1 Socially Informed"></option>
<option value="+1: Steel Trap"></option>
<option value="+1: Stylish"></option>
<option value="+1: Sure Footed"></option>
<!-- +2 Quirks -->
<option value="+2: Center Mass"></option>
<option value="+2: Expert General"></option>
<option value="+2: Intractable"></option>
<option value="+2: Level Headed"></option>
<option value="+2: Rally"></option>
<option value="+2: Resourceful"></option>
<option value="+2: Tempting"></option>
<option value="+2: Unbreakable"></option>
<option value="+2: Unshakable"></option>
<option value="+2: Wealthy"></option>
<!-- +3 Quirks -->
<option value="+3: Disaster Resistant"></option>
<!-- -1 Quirks -->
<option value="-1: Always Lost"></option>
<option value="-1: Cantankerous"></option>
<option value="-1: Clumsy"></option>
<option value="-1: Competitive"></option>
<option value="-1: Compulsive"></option>
<option value="-1: Cowardly"></option>
<option value="-1: Broke"></option>
<option value="-1: Forgetful"></option>
<option value="-1: Freak Out"></option>
<option value="-1: Frumpy"></option>
<option value="-1: Grating"></option>
<option value="-1: Group Outcast"></option>
<option value="-1: Honest"></option>
<option value="-1: Inconsiderate"></option>
<option value="-1: Jumpy"></option>
<option value="-1: Oblivious"></option>
<option value="-1: Paper Tiger"></option>
<option value="-1: Pompous"></option>
<option value="-1: Ravenous"></option>
<option value="-1: Spendthrift"></option>
<option value="-1: Tragically Uninformed"></option>
<option value="-1: Unconvincing"></option>
<option value="-1: Uninformed"></option>
<option value="-1: Unlikeable"></option>
<!-- -2 Quirks -->
<option value="-2: Awkward"></option>
<option value="-2: Bloody Minded"></option>
<option value="-2: Dead Broke"></option>
<option value="-2: Easily Swayed"></option>
<option value="-2: Gun Shy"></option>
<option value="-2: Illogical"></option>
<!-- -3 Quirks -->
<option value="-3: Disaster Prone"></option>
<option value="-3: Frail"></option>
</datalist>
<datalist id="ArchQuirkList">
<option value="Disaster Resistant"></option>
<option value="Freak Out"></option>
<option value="Group Member: Fan Base"></option>
<option value="Group Member: Hippies"></option>
<option value="Group Member: Local Group"></option>
<option value="Group Member: Social Elites"></option>
<option value="Group Member: Sports Team"></option>
<option value="Intractable"></option>
<option value="Level Headed"></option>
<option value="Likable"></option>
<option value="Logical"></option>
<option value="Never Lost"></option>
<option value="Proficient General: Device Type"></option>
<option value="Proficient Specific: Instrument"></option>
<option value="Quick Feet"></option>
<option value="Rally"></option>
<option value="Scrappy"></option>
<option value="Smarty: Local Events"></option>
<option value="Smarty: Topic of Choice"></option>
<option value="Sure Footed"></option>
<option value="Tempting"></option>
<option value="Trauma Hardened"></option>
<option value="Unbreakable"></option>
<option value="Unshakable"></option>
</datalist>
<datalist id="BackgroundQuirkList">
<option value="Agile"></option>
<option value="Brave"></option>
<option value="Caretaker"></option>
<option value="Center Mass"></option>
<option value="Deceptive"></option>
<option value="Group Member: Social Elite"></option>
<option value="Elite Member: Social Elite"></option>
<option value="Haggler"></option>
<option value="Manipulator"></option>
<option value="Perceptive"></option>
<option value="Problem Solver"></option>
<option value="Smarty: Art"></option>
<option value="Smarty: Family Business"></option>
<option value="Socially Informed"></option>
<option value="Steel Trap"></option>
<option value="Stylish"></option>
<option value="Survivor"></option>
</datalist>
<script type="text/worker">
on("change:archetype", function(eventInfo) {
var arch = eventInfo.newValue;
setAttrs({
// Set Facets to 0
"Bargain": 0,
"Deceive": 0,
"Forge": 0,
"Perceive": 0,
"Perform": 0,
"Sneak": 0,
"Debate": 0,
"FirstAid": 0,
"GeneralKnowledge": 0,
"Navigate": 0,
"Remember": 0,
"SolvePuzzle": 0,
"Survival": 0,
"Climb": 0,
"FeatofAgility": 0,
"FeatofStrength": 0,
"Endurance": 0,
"Intimidate": 0,
"React": 0,
"Rumble": 0,
"Shoot": 0,
"Charm": 0,
"Comfort": 0,
"Etiquette": 0,
"FindtheParty": 0,
"Insight": 0,
"Network": 0,
"Computers": 0,
"Craft": 0,
"Dazzle": 0,
"Electronics": 0,
"Improvise": 0,
"IntuitTech": 0,
"Mechanics": 0,
"Create": 0,
"Inspire": 0,
"Pressure": 0,
"ResistFear": 0,
"ResistInfluence": 0,
"ResistTemptation": 0,
"FortunePoints": 10,
// Set Traits to 2
"Cunning": 2,
"Intelligence": 2,
"Physical": 2,
"Social": 2,
"Tech": 2,
"Will": 2
});
var aq = "";
switch(arch){
case "Adventurer":
aq = "Level Headed";
setAttrs({
"Cunning": 3,
"Physical": 3,
"Will": 3,
"FeatofAgility": 1,
"Climb": 2,
"ResistFear": 1,
"ArchetypeQuirk": aq,
"PermanentPOM": 4,
"CurrentPOM": 4
});
break;
case "Scout":
aq = "Never Lost";
setAttrs({
"Cunning": 3,
"Physical": 3,
"Will": 3,
"Sneak": 1,
"Climb": 1,
"Survival": 2,
"ArchetypeQuirk": aq,
"PermanentPOM": 4,
"CurrentPOM": 4
});
break;
case "Surfer":
aq = "Sure Footed";
setAttrs({
"Social": 3,
"Physical": 4,
"Will": 2,
"FeatofAgility": 1,
"Charm": 2,
"FindtheParty": 1,
"ArchetypeQuirk": aq,
"PermanentPOM": 3,
"CurrentPOM": 3
});
break;
case "Athlete":
aq = "Quick Feet";
setAttrs({
"Social": 2,
"Physical": 4,
"Will": 3,
"FeatofAgility": 1,
"React": 2,
"ResistTemptation": 1,
"ArchetypeQuirk": aq,
"PermanentPOM": 4,
"CurrentPOM": 4
});
break;
case "Jock":
aq = "Group Member: Sports Team";
setAttrs({
"Cunning": 2,
"Intelligence": 2,
"Physical": 4,
"Social": 2,
"Tech": 2,
"Will": 3,
"FeatofStrength": 1,
"FeatofAgility": 1,
"Charm": 2,
"ArchetypeQuirk": aq,
"PermanentPOM": 4,
"CurrentPOM": 4
});
break;
case "Tank":
aq = "Unbreakable";
setAttrs({
"Cunning": 2,
"Intelligence": 2,
"Physical": 4,
"Social": 2,
"Tech": 2,
"Will": 3,
"FeatofStrength": 2,
"FeatofEndurance": 1,
"ResistFear": 2,
"ArchetypeQuirk": aq,
"PermanentPOM": 4,
"CurrentPOM": 4
});
break;
case "Golden":
aq = "Level Headed";
setAttrs({
"Cunning": 2,
"Intelligence": 3,
"Physical": 4,
"Social": 2,
"Tech": 2,
"Will": 2,
"Perceive": 1,
"GeneralKnowledge": 1,
"Remember": 1,
"FeatofAgility": 1,
"Insight": 1,
"ArchetypeQuirk": aq,
"PermanentPOM": 4,
"CurrentPOM": 4
});
break;
case "Creative":
setAttrs({
"Cunning": 4,
"Social": 2,
"Perform": 2,
"FindtheParty": 1,
"Intelligence": 3,
"Tech": 2,
"Physical": 2,
"Will": 2,
"Inspire": 1,
"ArchetypeQuirk": "Disaster Resistant",
"PermanentPOM": 3,
"CurrentPOM": 3
});
break;
case "RockandRoller":
setAttrs({
"Cunning": 4,
"Social": 2,
"Perform": 2,
"Charm": 1,
"FindtheParty": 1,
"Intelligence": 3,
"Tech": 2,
"Physical": 2,
"Will": 2,
"ArchetypeQuirk": "Proficient Specific: Instrument",
"PermanentPOM": 3,
"CurrentPOM": 3
});
break;
case "TorturedArtist":
setAttrs({
"Cunning": 4,
"Social": 2,
"Charm": 1,
"Intelligence": 3,
"Tech": 2,
"Physical": 2,
"Will": 2,
"Inspire": 2,
"ResistInfluence": 2,
"ArchetypeQuirk": "Trauma Hardened",
"PermanentPOM": 2,
"CurrentPOM": 2
});
break;
case "Hedonist":
setAttrs({
"Cunning": 4,
"Social": 3,
"Bargain": 1,
"Charm": 1,
"Deceive": 1,
"Insight": 1,
"Intelligence": 2,
"Tech": 2,
"Physical": 2,
"Will": 2,
"Pressure": 1,
"ArchetypeQuirk": "Likable",
"PermanentPOM": 4,
"CurrentPOM": 4
});
break;
case "Romantic":
setAttrs({
"Cunning": 4,
"Social": 3,
"Charm": 2,
"Insight": 1,
"Intelligence": 2,
"Tech": 2,
"Physical": 2,
"Will": 2,
"ResistInfluence": 1,
"ArchetypeQuirk": "Tempting",
"PermanentPOM": 3,
"CurrentPOM": 3
});
break;
case "Stoner":
setAttrs({
"Cunning": 4,
"Social": 3,
"Deceive": 2,
"Comfort": 1,
"Intelligence": 2,
"Tech": 2,
"Physical": 2,
"Will": 2,
"ResistFear": 1,
"ArchetypeQuirk": "Unshakable",
"PermanentPOM": 5,
"CurrentPOM": 5
});
break;
case "Indie":
setAttrs({
"Cunning": 2,
"Social": 2,
"Perceive": 1,
"Intelligence": 3,
"Tech": 2,
"Physical": 2,
"Will": 4,
"Pressure": 1,
"ResistInfluence": 2,
"ArchetypeQuirk": "Smarty: Topic of Choice",
"PermanentPOM": 4,
"CurrentPOM": 4
});
break;
case "Hippie":
setAttrs({
"Cunning": 2,
"Social": 2,
"Insight": 1,
"Intelligence": 3,
"Tech": 2,
"Physical": 2,
"Will": 4,
"ResistFear": 1,
"ResistInfluence": 2,
"ArchetypeQuirk": "Group Member: Hippies",
"PermanentPOM": 4,
"CurrentPOM": 4
});
break;
case "Rebel":
setAttrs({
"Cunning": 2,
"Social": 2,
"Deceive": 2,
"Perceive": 1,
"Intelligence": 2,
"Tech": 2,
"Physical": 3,
"Will": 4,
"ResistInfluence": 2,
"ArchetypeQuirk": "Scrappy",
"PermanentPOM": 2,
"CurrentPOM": 2
});
break;
case "Nerd":
setAttrs({
"Cunning": 2,
"Social": 2,
"Intelligence": 4,
"Tech": 3,
"GeneralKnowledge": 2,
"IntuitTech": 1,
"Remember": 1,
"SolvePuzzle": 1,
"Physical": 2,
"Will": 2,
"ResistInfluence": 1,
"ArchetypeQuirk": "Smarty: Topic of Choice",
"PermanentPOM": 2,
"CurrentPOM": 2
});
break;
case "Egghead":
setAttrs({
"Cunning": 2,
"Social": 2,
"Intelligence": 4,
"Tech": 3,
"Debate": 1,
"GeneralKnowledge": 3,
"Physical": 2,
"Will": 2,
"ArchetypeQuirk": "Logical",
"PermanentPOM": 2,
"CurrentPOM": 2
});
break;
case "Fan":
setAttrs({
"Cunning": 2,
"Social": 2,
"Intelligence": 4,
"Tech": 3,
"GeneralKnowledge": 1,
"Remember": 1,
"Physical": 2,
"Will": 2,
"ResistInfluence": 2,
"ArchetypeQuirk": "Group Member: Fan Base",
"PermanentPOM": 3,
"CurrentPOM": 3
});
break;
case "Techie":
setAttrs({
"Cunning": 2,
"Social": 2,
"Intelligence": 4,
"Tech": 3,
"SolvePuzzle": 1,
"Improvise": 1,
"IntuitTech": 2,
"Physical": 2,
"Will": 2,
"ArchetypeQuirk": "Proficient General: Device Type",
"PermanentPOM": 3,
"CurrentPOM": 3
});
break;
case "Prep":
setAttrs({
"Cunning": 2,
"Social": 4,
"Bargain": 1,
"Etiquette": 1,
"Insight": 2,
"Intelligence": 3,
"Tech": 2,
"Physical": 2,
"Will": 2,
"ArchetypeQuirk": "Group Member: Social Elites",
"PermanentPOM": 3,
"CurrentPOM": 3
});
break;
case "Brat":
setAttrs({
"Cunning": 2,
"Social": 4,
"Deceive": 2,
"Intelligence": 3,
"Tech": 2,
"Physical": 2,
"Will": 2,
"Intimidate": 2,
"Pressure": 1,
"ArchetypeQuirk": "Freak Out",
"PermanentPOM": 2,
"CurrentPOM": 2
});
break;
case "Cheerleader":
setAttrs({
"Cunning": 2,
"Social": 4,
"Comfort": 1,
"Network": 1,
"Intelligence": 3,
"Tech": 2,
"Physical": 2,
"Will": 2,
"Inspire": 2,
"ArchetypeQuirk": "Rally",
"PermanentPOM": 4,
"CurrentPOM": 4
});
break;
case "StraightArrow":
setAttrs({
"Cunning": 2,
"Social": 4,
"Perceive": 1,
"Intelligence": 3,
"Tech": 2,
"Physical": 2,
"Will": 2,
"ResistInfluence": 2,
"ResistTemptation": 1,
"ArchetypeQuirk": "Intractable",
"PermanentPOM": 4,
"CurrentPOM": 4
});
break;
case "SocialButterfly":
setAttrs({
"Cunning": 2,
"Social": 4,
"FindtheParty": 1,
"Network": 1,
"Insight": 2,
"Intelligence": 2,
"Tech": 2,
"Physical": 2,
"Will": 3,
"ArchetypeQuirk": "Group Member: Local Group",
"PermanentPOM": 3,
"CurrentPOM": 3
});
break;
case "Gossip":
setAttrs({
"Cunning": 2,
"Social": 4,
"Insight": 3,
"Intelligence": 2,
"Tech": 2,
"Remember": 1,
"Physical": 2,
"Will": 3,
"ArchetypeQuirk": "Smarty: Local Events",
"PermanentPOM": 2,
"CurrentPOM": 2
});
break;
case "Organizer":
setAttrs({
"Cunning": 2,
"Social": 4,
"FindtheParty": 2,
"Insight": 1,
"Intelligence": 2,
"Tech": 2,
"Pressure": 1,
"Physical": 2,
"Will": 3,
"ArchetypeQuirk": "Rally",
"PermanentPOM": 3,
"CurrentPOM": 3
});
break;
default:
// Handle any unexpected values or a default case
break;
}
});
on("change:CharBG", function(eventInfo) {
var bg = eventInfo.newValue;
var bq = "";
switch(bg) {
case "Academic":
bq = "Steel Trap";
break;
case "Artsy":
bq = "Smarty: Art";
break;
case "Athletic":
bq = "Agile";
break;
case "FamilyBusiness":
bq = "Smarty: Family Business";
break;
case "Glamorous":
bq = "Stylish";
break;
case "Latchkey":
bq = "Perceptive";
break;
case "Military":
bq = "Center Mass";
break;
case "Nurtured":
bq = "Caretaker";
break;
case "Outdoorsy":
bq = "Survivor";
break;
case "Political":
bq = "Haggler";
break;
case "Poor":
bq = "Brave";
break;
case "Sleazy":
bq = "Deceptive";
break;
case "Sociable":
bq = "Socially Informed";
break;
case "Spoiled":
bq = "Manipulator";
break;
case "Strict":
bq = "Problem Solver"
break;
case "Wealthy":
bq = "Group Member: Social Elites";
break;
default:
// Handle any unexpected values or a default case
break;
}
setAttrs({ "BackgroundQuirk": bq });
});
on("change:MortalWounds", function() {
getAttrs(["MortalWounds"], function(values){
let Mor = values.MortalWounds || 0;
let t = "Tet";
if (Mor > 0)
{
setAttrs({MinA:1});
setAttrs({ModA:1});
setAttrs({SevA:1});
setAttrs({DebA:1});
setAttrs({MorA:1});
} else {
setAttrs({MorA:0});
CheckDebWounds();
}
});
});
on("change:DebilitatingWounds", function() {
getAttrs(["DebilitatingWounds"], function(values){
let Deb = values.DebilitatingWounds || 0;
if (Deb > 0)
{
setAttrs({MinA:1}),
setAttrs({ModA:1}),
setAttrs({SevA:1}),
setAttrs({DebA:1});
} else {
CheckDebWounds();
}
});
});
on("change:SevereWounds", function() {
getAttrs(["SevereWounds"], function(values){
let Sev = values.SevereWounds || 0;
if (Sev > 0)
{
setAttrs({MinA:1}),
setAttrs({ModA:1}),
setAttrs({SevA:1})
} else {
CheckSevWounds();
}
});
});
on("change:ModerateWounds", function() {
getAttrs(["ModerateWounds"], function(values){
let Sev = values.ModerateWounds || 0;
if (Sev > 0)
{
setAttrs({MinA:1}),
setAttrs({ModA:1})
} else {
CheckModWounds();
}
});
});
on("change:MinorWounds", function() {
getAttrs(["MinorWounds"], function(values){
let Sev = values.MinorWounds || 0;
if (Sev > 0)
{
setAttrs({MinA:1})
} else {
CheckMinWounds();
}
});
});
const CheckDebWounds = () => {
getAttrs(["MortalWounds", "DebilitatingWounds"], function(values){
let Deb = values.DebilitatingWounds || 0;
let Mor = values.MortalWounds || 0;
if(Mor == 0 && Deb == 0)
{
setAttrs({DebA:0});
CheckSevWounds();
}
});
};
const CheckSevWounds = () => {
getAttrs(["SevereWounds", "MortalWounds", "DebilitatingWounds"], function(values){
let Sev = values.SevereWounds || 0;
let Deb = values.DebilitatingWounds || 0;
let Mor = values.MortalWounds || 0;
if(Sev == 0 && Deb == 0 && Mor == 0)
{
setAttrs({SevA:0});
CheckModWounds();
}
});
};
const CheckModWounds = () => {
getAttrs(["ModerateWounds", "SevereWounds", "MortalWounds", "DebilitatingWounds"], function(values){
let Mod = values.ModerateWounds || 0;
let Sev = values.SevereWounds || 0;
let Deb = values.DebilitatingWounds || 0;
let Mor = values.MortalWounds || 0;
if(Mod == 0 && Sev == 0 && Deb == 0 && Mor == 0)
{
setAttrs({ModA:0});
CheckMinWounds();
}
});
};
const CheckMinWounds = () => {
getAttrs(["MinorWounds", "ModerateWounds", "SevereWounds", "MortalWounds", "DebilitatingWounds"], function(values){
let Min = values.MinorWounds || 0;
let Mod = values.ModerateWounds || 0;
let Sev = values.SevereWounds || 0;
let Deb = values.DebilitatingWounds || 0;
let Mor = values.MortalWounds || 0;
if(Min == 0 && Mod == 0 && Sev == 0 && Deb == 0 && Mor == 0)
{
setAttrs({MinA:0});
}
});
};
on("change:MinA", function(eventInfo){
if (eventInfo.newValue == 1)
{
setAttrs({MinorWoundEffects:"-1 to all Physical Roll Totals"});
}
else
{
setAttrs({MinorWoundEffects:"No Effect"});
}
});
on("change:ModA", function(eventInfo){
if (eventInfo.newValue == 1)
{
setAttrs({ModerateWoundEffects:"+1 Doom to all Physical Rolls"});
}
else
{
setAttrs({ModerateWoundEffects:"No Effect"});
}
});
on("change:SevA", function(eventInfo){
if (eventInfo.newValue == 1)
{
setAttrs({SevereWoundEffects:"+1 Doom to all Physical Rolls"});
}
else
{
setAttrs({SevereWoundEffects:"No Effect"});
}
});
on("change:DebA", function(eventInfo){
if (eventInfo.newValue == 1)
{
setAttrs({DebilitatingWoundEffects:"+1 Doom to all Rolls"});
}
else
{
setAttrs({DebilitatingWoundEffects:"No Effect"});
}
});
on("change:MorA", function(eventInfo){
getAttrs(["MortalWounds"], function(values){
let m = values.MortalWounds;
if (m == 0)
{
setAttrs({MortalWoundEffects:"No Effect"});
}
if (m == 1)
{
setAttrs({MortalWoundEffects:"Dying"});
}
if (m == 2)
{
setAttrs({MortalWoundEffects:"Dead"});
}
});
});
const AddPoint = (FacetName) => {
getAttrs([FacetName, "FortunePoints"], function(values)
{
let Facet = parseInt(values[FacetName])|0;
let FP = parseInt(values.FortunePoints)|0;
if ((FP >= (Facet+1)) && (Facet < 6) )
{
let NewFacet = Facet + 1;
let NewFP = FP - NewFacet;
setAttrs({ [`${FacetName}`]: NewFacet});
setAttrs({FortunePoints:NewFP});
}
});
};
on("clicked:AddBargain", function(){
AddPoint("Bargain");
});
on("clicked:AddDeceive", function(){
AddPoint("Deceive");
});
on("clicked:AddForge", function(){
AddPoint("Forge");
});
on("clicked:AddPerceive", function(){
AddPoint("Perceive");
});
on("clicked:AddPerform", function(){
AddPoint("Perform");
});
on("clicked:AddSneak", function(){
AddPoint("Sneak");
});
on("clicked:AddDebate", function(){
AddPoint("Debate");
});
on("clicked:AddFirstAid", function(){
AddPoint("FirstAid");
});
on("clicked:AddGeneralKnowledge", function(){
AddPoint("GeneralKnowledge");
});
on("clicked:AddNavigate", function(){
AddPoint("Navigate");
});
on("clicked:AddRemember", function(){
AddPoint("Remember");
});
on("clicked:AddSolvePuzzle", function(){
AddPoint("SolvePuzzle");
});
on("clicked:AddSurvival", function(){
AddPoint("Survival");
});
on("clicked:AddClimb", function(){
AddPoint("Climb");
});
on("clicked:AddFeatofAgility", function(){
AddPoint("FeatofAgility");
});
on("clicked:AddFeatofStrength", function(){
AddPoint("FeatofStrength");
});
on("clicked:AddEndurance", function(){
AddPoint("Endurance");
});
on("clicked:AddIntimidate", function(){
AddPoint("Intimidate");
});
on("clicked:AddReact", function(){
AddPoint("React");
});
on("clicked:AddRumble", function(){
AddPoint("Rumble");
});
on("clicked:AddShoot", function(){
AddPoint("Shoot");
});
on("clicked:AddCharm", function(){
AddPoint("Charm");
});
on("clicked:AddComfort", function(){
AddPoint("Comfort");
});
on("clicked:AddEtiquette", function(){
AddPoint("Etiquette");
});
on("clicked:AddFindtheParty", function(){
AddPoint("FindtheParty");
});
on("clicked:AddInsight", function(){
AddPoint("Insight");
});
on("clicked:AddNetwork", function(){
AddPoint("Network");
});
on("clicked:AddComputers", function(){
AddPoint("Computers");
});
on("clicked:AddCraft", function(){
AddPoint("Craft");
});
on("clicked:AddDazzle", function(){
AddPoint("Dazzle");
});
on("clicked:AddElectronics", function(){
AddPoint("Electronics");
});
on("clicked:AddImprovise", function(){
AddPoint("Improvise");
});
on("clicked:AddIntuitTech", function(){
AddPoint("IntuitTech");
});
on("clicked:AddMechanics", function(){
AddPoint("Mechanics");
});
on("clicked:AddCreate", function(){
AddPoint("Create");
});
on("clicked:AddInspire", function(){
AddPoint("Inspire");
});
on("clicked:AddPressure", function(){
AddPoint("Pressure");
});
on("clicked:AddResistFear", function(){
AddPoint("ResistFear");
});
on("clicked:AddResistInfluence", function(){
AddPoint("ResistInfluence");
});
on("clicked:AddResistTemptation", function(){
AddPoint("ResistTemptation");
});
const buttonlist = ["character", "journal", "survey"];
buttonlist.forEach(button => {
on(`clicked:${button}`, function() {
setAttrs({
sheetTab: button
});
});
});
on("change:Arch_switch", function(eventInfo){
if (eventInfo.newValue == 1)
{
setAttrs({"archLocked":"("});
}
else
{
setAttrs({"archLocked":")"});
}
});
on("clicked:LockArch", function(){
getAttrs(["Arch_switch"], function(values)
{
let lock = values.Arch_switch;
if (lock == "1")
{
setAttrs({"Arch_switch":0});
}
else
{
setAttrs({"Arch_switch":1});
}
});
});
on("change:BG_switch", function(eventInfo){
if (eventInfo.newValue == 1)
{
setAttrs({"BGLocked":"("});
}
else
{
setAttrs({"BGLocked":")"});
}
});
on("clicked:LockBG", function(){
getAttrs(["BG_switch"], function(values)
{
let lock = values.BG_switch;
if (lock == "1")
{
setAttrs({"BG_switch":0});
}
else
{
setAttrs({"BG_switch":1});
}
});
});
</script>
Reference in New Issue View Git Blame Copy Permalink