Files
roll20-character-sheets/Age of Ambition/aoa.html
T
2024-06-03 13:15:14 -04:00

514 lines
28 KiB
HTML
Executable File

<div class="section tabs-wrapper">
<input type="radio" name="attr_tab" value="basics" class="tab-button basics-tab" checked />
<div class="tab basics-tab"a>Basics</div>
<input type="radio" name="attr_tab" value="skills" class="tab-button skills-tab" />
<div class="tab skills-tab"a>Skills</div>
<input type="radio" name="attr_tab" value="traits" class="tab-button traits-tab" />
<div class="tab traits-tab">Traits</div>
<input type="radio" name="attr_tab" value="combat" class="tab-button combat-tab" />
<div class="tab combat-tab">Combat</div>
<input type="radio" name="attr_tab" value="social" class="tab-button social-tab" />
<div class="tab social-tab">Social</div>
<input type="radio" name="attr_tab" value="inventory" class="tab-button inventory-tab" />
<div class="tab inventory-tab">Inventory</div>
<input type="radio" name="attr_tab" value="lifepath" class="tab-button lifepath-tab" />
<div class="tab lifepath-tab">Lifepath</div>
<div class="tabs-hr"></div>
<div class="stats-section">
<div class="strength-box stats-box">
<label class="stat-label">Strength</label>
<input type="number" name="attr_Strength" class="stat-input" step="1" />
</div>
<div class="dexterity-box stats-box">
<label class="stat-label">Dexterity</label>
<input type="number" name="attr_Dexterity" class="stat-input" step="1" />
</div>
<div class="speed-box stats-box">
<label class="stat-label">Speed</label>
<input type="number" name="attr_Speed" class="stat-input" step="1" />
</div>
<div class="endurance-box stats-box">
<label class="stat-label">Endurance</label>
<input type="number" name="attr_Endurance" class="stat-input" step="1" />
</div>
<div class="intelligence-box stats-box">
<label class="stat-label">Intelligence</label>
<input type="number" name="attr_Intelligence" class="stat-input" step="1" />
</div>
<div class="perception-box stats-box">
<label class="stat-label">Perception</label>
<input type="number" name="attr_Perception" class="stat-input" step="1" />
</div>
<div class="charisma-box stats-box">
<label class="stat-label">Charisma</label>
<input type="number" name="attr_Charisma" class="stat-input" step="1" />
</div>
<div class="determination-box stats-box">
<label class="stat-label">Determination</label>
<input type="number" name="attr_Determination" class="stat-input" step="1" />
</div>
</div>
<div class="basics-section">
<div class="name-line">
<label class="basics-label">Name</label>
<input type="text" name="attr_character_name" class="line-input name-input" />
</div>
<div class="people-line">
<input class="arrow-toggle" type="checkbox" />
<span class="arrow-label">&#9658;</span>
<label class="basics-label people-label">People</label>
<input type="text" name="attr_People" class="line-input people-input" />
<div class="skill-notes">
<textarea class="people-notes-input" name="attr_People_Notes" placeholder="Notes"></textarea>
</div>
</div>
<hr class="basics-divider" />
<div class="creed-line">
<label class="basics-label">Creed</label>
<input type="text" name="attr_Creed" class="line-input creed-input" />
</div>
<div class="idiosyncrasy-line">
<label class="basics-label">Idiosyncrasy</label>
<input type="text" name="attr_Idiosyncrasy" class="line-input idiosyncrasy-input" />
</div>
<hr class="basics-divider" />
<div class="luck-box">
<div class="current-luck-box stats-box">
<label class="stat-label">Luck</label>
<input type="number" name="attr_Luck" class="stat-input" step="1" value="5" />
</div>
<hr class="basics-divider" />
<h3 class="traits-header">Ambitions</h3>
<input type="text" class="ambition-input line-input" name="attr_Ambition1" placeholder="Long-Term Ambition" />
<input type="text" class="ambition-input line-input" name="attr_Ambition2" placeholder="Short-Term Ambition" />
<input type="text" class="ambition-input line-input" name="attr_Ambition3" placeholder="Short-Term Ambition" />
<input type="text" class="ambition-input line-input" name="attr_Ambition4" placeholder="Party Ambition" />
</div>
<div class="experiences-box">
<h3 class="traits-header">Experiences</h3>
<fieldset class="repeating_experiences">
<div class="experience-line">
<input type="text" class="line-input experience-input" name="attr_Experience" placeholder="Experience" />
<input type="checkbox" class="line-input influence-spent" name="attr_Exhausted" />
</div>
</fieldset>
</div>
<hr class="basics-divider" />
<h3 class="traits-header">Notes</h3>
<textarea class="traits-input" name="attr_Notes"></textarea>
</div>
<div class="skills-section">
<div class="skill-column">
<h3 class="skill-header">Skills</h3>
<fieldset class="repeating_skills">
<input class="arrow-toggle" type="checkbox" />
<span class="arrow-label">&#9658;</span>
<div class="skill-line">
<input type="text" class="skill-input line-input" name="attr_Name" />
<select class="skill-rank" name="attr_Rank">
<option value="untrained">&ominus;&nbsp;&nbsp;&nbsp;&nbsp;Untrained</option>
<option value="proficient" selected>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Proficient</option>
<option value="adept">&oplus;&nbsp;&nbsp;&nbsp;&nbsp;Adept</option>
<option value="master">&oplus;&oplus;&nbsp;Master</option>
</select>
</div>
<div class="skill-notes">
<textarea class="skill-notes-input" name="attr_Notes" placeholder="Notes"></textarea>
</div>
</fieldset>
</div>
<div class="skill-column">
<h3 class="skill-header">Fighting Styles</h3>
<fieldset class="repeating_fightingstyles">
<input class="arrow-toggle" type="checkbox" />
<span class="arrow-label">&#9658;</span>
<div class="skill-line">
<input type="text" class="skill-input line-input" name="attr_Name" />
<select class="skill-rank" name="attr_Rank">
<option value="untrained">&ominus;&nbsp;&nbsp;&nbsp;&nbsp;Untrained</option>
<option value="proficient" selected>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Proficient</option>
<option value="adept">&oplus;&nbsp;&nbsp;&nbsp;&nbsp;Adept</option>
<option value="master">&oplus;&oplus;&nbsp;Master</option>
</select>
</div>
<div class="skill-notes">
<textarea class="skill-notes-input" name="attr_Notes" placeholder="Notes"></textarea>
</div>
</fieldset>
</div>
<div class="skill-column">
<h3 class="skill-header">Arcane Lores</h3>
<fieldset class="repeating_lores">
<input class="arrow-toggle" type="checkbox" />
<span class="arrow-label">&#9658;</span>
<div class="skill-line">
<input type="text" class="skill-input line-input" name="attr_Name" />
<select class="skill-rank" name="attr_Rank">
<option value="untrained">&ominus;&nbsp;&nbsp;&nbsp;&nbsp;Untrained</option>
<option value="proficient" selected>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Proficient</option>
<option value="adept">&oplus;&nbsp;&nbsp;&nbsp;&nbsp;Adept</option>
<option value="master">&oplus;&oplus;&nbsp;Master</option>
</select>
</div>
<div class="skill-notes">
<textarea class="skill-notes-input" name="attr_Notes" placeholder="Notes"></textarea>
</div>
</fieldset>
</div>
</div>
<div class="traits-section">
<h3 class="traits-header">General Traits</h3>
<textarea class="traits-input" name="attr_Traits"></textarea>
<h3 class="traits-header">Weakness Traits</h3>
<textarea class="traits-input" name="attr_Weaknesses"></textarea>
</div>
<div class="combat-section">
<h3 class="traits-header">Combat Scores</h3>
<div class="combat-scores-box">
<div class="attack-box stats-box">
<label class="stat-label">Attack</label>
<input type="number" name="attr_Attack" class="stat-input" step="1" value="floor((@{Dexterity}+@{Intelligence})/2)+@{Attack_Mod}" disabled />
</div>
<div class="defense-box stats-box">
<label class="stat-label">Defense</label>
<input type="number" name="attr_Defense" class="stat-input" step="1" value="floor((@{Speed}+@{Perception})/2)+@{Defense_Mod}+@{Defense_Card}" disabled />
</div>
<div class="willpower-box stats-box">
<label class="stat-label">Willpower</label>
<input type="number" name="attr_Willpower" class="stat-input" step="1" value="floor((@{Charisma}+@{Determination})/2)+@{Willpower_Mod}+@{Defense_Card}" disabled />
</div>
<div class="armor-box stats-box">
<label class="stat-label">Armor</label>
<input type="text" name="attr_Armor" class="stat-input" pattern = "[0-9]+([/][0-9]+)?" />
</div>
<div class="health-current-box stats-box">
<label class="stat-label">HP</label>
<input type="number" name="attr_HP" class="stat-input" step="1" />
</div>
<div class="health-max-box stats-box">
<label class="stat-label">Max HP</label>
<input type="number" name="attr_HP|max" class="stat-input" step="1" value="@{Strength}+@{Endurance}+@{HP_Mod}" disabled />
</div>
<div class="move-box stats-box">
<label class="stat-label">Move</label>
<input type="number" name="attr_Move" class="stat-input" step="1" value="floor((@{Speed}+@{Endurance})/2)+@{Move_Mod}" disabled />
</div>
<div class="defense-card-box stats-box">
<label class="stat-label">Defense Card</label>
<input type="number" name="attr_Defense_Card" class="stat-input" step="1" value="0" />
</div>
</div>
<div class="combat-modifiers-box">
<input class="arrow-toggle" type="checkbox" />
<span class="arrow-label">&#9658;</span>
<div class="combat-mod-header">Combat Score Modifiers</div>
<div class="skill-notes">
<div class="attack-box stats-box">
<label class="stat-label">Modifier</label>
<input type="number" name="attr_Attack_Mod" class="stat-input" step="1" value="0" />
</div>
<div class="defense-box stats-box">
<label class="stat-label">Modifier</label>
<input type="number" name="attr_Defense_Mod" class="stat-input" step="1" value="0" />
</div>
<div class="willpower-box stats-box">
<label class="stat-label">Modifier</label>
<input type="number" name="attr_Willpower_Mod" class="stat-input" step="1" value="0" />
</div>
<div class="armor-box stats-box invisible-box"></div>
<div class="health-current-box stats-box invisible-box"></div>
<div class="health-max-box stats-box">
<label class="stat-label">Modifier</label>
<input type="number" name="attr_HP_Mod" class="stat-input" step="1" value="0" />
</div>
<div class="move-box stats-box">
<label class="stat-label">Modifier</label>
<input type="number" name="attr_Move_Mod" class="stat-input" step="1" value="0" />
</div>
<div class="defense-card-box stats-box invisible-box"></div>
</div>
</div>
<h3 class="traits-header">Attacks</h3>
<label class="attack-label attack-input">Attack</label>
<label class="attack-label attack-properties">Properties</label>
<label class="attack-label attack-array">1-2</label>
<label class="attack-label attack-array">3-4</label>
<label class="attack-label attack-array">5-6</label>
<label class="attack-label attack-array">7-8</label>
<label class="attack-label attack-array">9-10</label>
<label class="attack-label attack-damage">Damage</label>
<fieldset class="repeating_attacks">
<input class="arrow-toggle" type="checkbox" />
<span class="arrow-label">&#9658;</span>
<div class="attack-line">
<input type="text" class="attack-input line-input" name="attr_Name" placeholder="Attack" />
<input type="text" class="attack-properties line-input" name="attr_Properties" placeholder="Properties" />
<input type="number" class="attack-array line-input" name="attr_Damage12" value="0" />
<input type="number" class="attack-array line-input" name="attr_Damage34" value="0" />
<input type="number" class="attack-array line-input" name="attr_Damage56" value="0" />
<input type="number" class="attack-array line-input" name="attr_Damage78" value="0" />
<input type="number" class="attack-array line-input" name="attr_Damage910" value="0" />
<select class="attack-damage" name="attr_Damage">
<option value="none" selected></option>
<option value="burning">Burning</option>
<option value="corrosive">Corrosive</option>
<option value="cutting">Cutting</option>
<option value="freezing">Fatigue</option>
<option value="freezing">Freezing</option>
<option value="piercing">Piercing</option>
<option value="smashing">Smashing</option>
<option value="toxic">Toxic</option>
</select>
</div>
<div class="skill-notes">
<textarea class="item-notes-input" name="attr_Notes" placeholder="Notes"></textarea>
</div>
</fieldset>
<h3 class="traits-header">Consequences and Notes</h3>
<textarea class="traits-input" name="attr_Consequences"></textarea>
</div>
<div class="social-section">
<div class="social-box">
<h3 class="traits-header">Influence</h3>
<div class="influence-header">
<div class="influence-source">Source</div>
<div class="influence-spent">Spent</div>
</div>
<div class="status-box">
<input class="arrow-toggle" type="checkbox" />
<span class="arrow-label">&#9658;</span>
<div class="bond-line">
<input type="text" class="line-input title-input" name="attr_Title" placeholder="Title" />
<select name="attr_Strata" class="strata-input">
<option value="common">Common</option>
<option value="gentle">Gentle</option>
<option value="noble">Noble</option>
</select>
<input type="number" class="standing-input line-input" name="attr_Standing" placeholder="Standing" />
<input type="checkbox" class="line-input influence-spent" name="attr_Standing_Spent" />
</div>
<div class="skill-notes">
<textarea class="item-notes-input" name="attr_Status_Notes" placeholder="Notes"></textarea>
</div>
</div>
<fieldset class="repeating_influence">
<input class="arrow-toggle" type="checkbox" />
<span class="arrow-label">&#9658;</span>
<div class="bond-line">
<input type="text" class="line-input influence-input" name="attr_Source" placeholder="Source" />
<input type="checkbox" class="line-input influence-spent" name="attr_Spent" />
</div>
<div class="skill-notes">
<textarea class="item-notes-input" name="attr_Notes" placeholder="Notes"></textarea>
</div>
</fieldset>
</div>
<div class="social-box">
<h3 class="traits-header">Bonds</h3>
<div class="influence-header">
<div class="bond-target">Bond</div>
<div class="bond-type">Type</div>
<div class="bond-exhausted">Exhaust</div>
</div>
<fieldset class="repeating_bonds">
<input class="arrow-toggle" type="checkbox" />
<span class="arrow-label">&#9658;</span>
<div class="bond-line">
<input type="text" class="bond-input line-input" name="attr_Name" placeholder="Name" />
<select class="bond-type line-input" name="attr_Type">
<option>Ally</option>
<option>Contact</option>
<option>Enemy</option>
<option>Favor</option>
<option>Membership</option>
<option>Obligation</option>
<option>Patron</option>
<option>Rival</option>
<option>Special</option>
</select>
<input type="checkbox" class="line-input sheet-bond-exhausted" name="attr_Exhausted" />
</div>
<div class="skill-notes">
<textarea class="item-notes-input" name="attr_Notes" placeholder="Notes"></textarea>
</div>
</fieldset>
</div>
</div>
<div class="inventory-section">
<h3 class="traits-header">Quick Inventory</h3>
<textarea class="inventory-quick" name="attr_Inventory"></textarea>
<h3 class="traits-header">Equipment</h3>
<fieldset class="repeating_items">
<input class="arrow-toggle" type="checkbox" />
<span class="arrow-label">&#9658;</span>
<div class="item-line">
<input type="text" class="item-name line-input" name="attr_Item" placeholder="Item" />
<input type="text" class="item-properties line-input" name="attr_Properties" placeholder="Properties" />
<input type="text" class="item-number line-input" name="attr_Numbers" placeholder="#" />
<input type="text" class="item-page line-input" name="attr_Reference" placeholder="Page" />
</div>
<div class="skill-notes">
<textarea class="item-notes-input" name="attr_Notes" placeholder="Notes"></textarea>
</div>
</fieldset>
<div class="social-box">
<h3 class="traits-header">Wealth</h3>
<div class="inventory-wealth-box">
<div class="gp-box wealth-box">
<label class="wealth-label">Gold</label>
<input type="number" name="attr_GP" class="wealth-input" step="1" value="0" />
</div>
<div class="sp-box wealth-box">
<label class="wealth-label">Silver</label>
<input type="number" name="attr_SP" class="wealth-input" step="1" value="0" />
</div>
<div class="bp-box wealth-box">
<label class="wealth-label">Bronze</label>
<input type="number" name="attr_BP" class="wealth-input" step="1" value="0" />
</div>
<div class="bits-box wealth-box">
<label class="wealth-label">Bits</label>
<input type="number" name="attr_Bits" class="wealth-input" step="1" value="0" />
</div>
</div>
</div>
<div class="social-box">
<h3 class="traits-header">Encumbrance</h3>
<div class="inventory-wealth-box">
<div class="wealth-box">
<label class="wealth-label">Current</label>
<input type="number" name="attr_Encumbrance" class="wealth-input" step="1" value="0" />
</div>
<div class="wealth-box">
<label class="wealth-label">Max</label>
<input type="number" name="attr_Encumbrance|max" class="wealth-input" value="floor((@{Strength}+@{Dexterity})/2)+@{Encumbrance_Mod}" disabled />
</div>
<div class="wealth-box">
<label class="wealth-label">Mod</label>
<input type="number" name="attr_Encumbrance_Mod" class="wealth-input" step="1" value="0" />
</div>
</div>
</div>
</div>
<div class="lifepath-section">
<div class="social-box">
<h3 class="traits-header">Training Boxes</h3>
<div class="training-boxes">
<input type="checkbox" name="attr_Training_Box1" />
<input type="checkbox" name="attr_Training_Box2" />
<input type="checkbox" name="attr_Training_Box3" />
<input type="checkbox" name="attr_Training_Box4" />
<input type="checkbox" name="attr_Training_Box5" />
&nbsp;
<input type="checkbox" name="attr_Training_Box6" />
<input type="checkbox" name="attr_Training_Box7" />
<input type="checkbox" name="attr_Training_Box8" />
<input type="checkbox" name="attr_Training_Box9" />
<input type="checkbox" name="attr_Training_Box10" />
</div>
<h3 class="traits-header">Birth Fortune</h3>
<textarea class="lifepath-textarea" name="attr_Birth_Fortune" placeholder="Birth Fortune"></textarea>
<h3 class="traits-header">Origin</h3>
<input type="text" name="attr_Origin" class="line-input lifepath-input" placeholder="Origin" />
<input type="text" name="attr_People" class="line-input lifepath-input" placeholder="People" />
<input type="text" name="attr_Religion" class="line-input lifepath-input" placeholder="Family Religion" />
<textarea class="lifepath-textarea" name="attr_Foundational_Event"placeholder="Foundational Event"></textarea>
<h3 class="traits-header">Coming of Age</h3>
<input type="text" name="attr_character_name" class="line-input lifepath-input" placeholder="Name" />
<h4 class="traits-header">Assign Stats: [ 7, 6, 6, 5, 5, 4, 4, 3 ]</h4>
<input type="text" name="attr_Ambition1" class="line-input lifepath-input" placeholder="Adolescent Ambition" />
<h3 class="traits-header">Finishing Touches</h3>
<textarea class="lifepath-textarea" name="attr_Gather_Party" placeholder="Gathering the Party"></textarea>
<h4 class="traits-header">Hearth & Coin</h4>
<input type="number" name="attr_Age" class="line-input lifepath-age" step="1" placeholder="Age" />
<select name="attr_Strata" class="strata-input">
<option value="common">Common</option>
<option value="gentle">Gentle</option>
<option value="noble">Noble</option>
</select>
<input type="number" class="standing-input line-input" name="attr_Standing" placeholder="Standing" />
<div class="lifepath-wealth-box">
<div class="gp-box wealth-box">
<label class="wealth-label">Gold</label>
<input type="number" name="attr_GP" class="wealth-input" step="1" value="0" />
</div>
<div class="sp-box wealth-box">
<label class="wealth-label">Silver</label>
<input type="number" name="attr_SP" class="wealth-input" step="1" value="0" />
</div>
<div class="bp-box wealth-box">
<label class="wealth-label">Bronze</label>
<input type="number" name="attr_BP" class="wealth-input" step="1" value="0" />
</div>
<div class="bits-box wealth-box">
<label class="wealth-label">Bits</label>
<input type="number" name="attr_Bits" class="wealth-input" step="1" value="0" />
</div>
</div>
<h4 class="traits-header">Personal Traits</h4>
<input type="text" name="attr_Creed" class="line-input lifepath-input" placeholder="Creed" />
<input type="text" name="attr_Idiosyncrasy" class="line-input lifepath-input" placeholder="Idiosyncrasy" />
<textarea class="lifepath-textarea" name="attr_Weaknesses" placeholder="Weaknesses"></textarea>
<h4 class="traits-header">Ambitions</h4>
<input type="text" name="attr_Ambition1" class="line-input lifepath-input" placeholder="Long-Term Ambition" />
<input type="text" name="attr_Ambition2" class="line-input lifepath-input" placeholder="Short-Term Ambition" />
<input type="text" name="attr_Ambition3" class="line-input lifepath-input" placeholder="Short-Term Ambition" />
<input type="text" name="attr_Ambition4" class="line-input lifepath-input" placeholder="Party Ambition" />
</div>
<div class="social-box">
<h3 class="traits-header">Careers</h3>
<fieldset class="repeating_careers">
<div class="attempt">
<input type="number" name="attr_Age" class="line-input career-age" step="1" placeholder="Age" />
<input type="text" name="attr_Career" class="line-input lifepath-career" placeholder="Career" />
<input type="text" name="attr_Training" class="line-input lifepath-input" placeholder="Training" />
<textarea class="lifepath-textarea" name="attr_Event" placeholder="Event"></textarea>
<input type="text" name="attr_Advancement" class="line-input lifepath-input" placeholder="Advancement" />
<input type="text" name="attr_Title" class="line-input lifepath-title" placeholder="Title" />
<select name="attr_Strata" class="strata-input career-strata">
<option value="common">Common</option>
<option value="gentle">Gentle</option>
<option value="noble">Noble</option>
</select>
<input type="number" class="standing-input line-input" name="attr_Standing" placeholder="Standing" />
</div>
</fieldset>
</div>
</div>
</div>