mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 20:22:29 +00:00
928 lines
46 KiB
HTML
928 lines
46 KiB
HTML
<div class="roll20toolbar center">
|
|
<h2 class="center">JoJo D&D Roll20 Quick Rolls</h2>
|
|
<div class="rollsContainer">
|
|
<div class="rollsCol">
|
|
<span class="rollsHeader">Saves:</span>
|
|
<div class="saveRolls">
|
|
<div class="roller"><label>Str:</label><button type='roll' value='/roll 1d20 + @{StrSaveBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Dex:</label><button type='roll' value='/roll 1d20 + @{DexSaveBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Con:</label><button type='roll' value='/roll 1d20 + @{ConSaveBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Int:</label><button type='roll' value='/roll 1d20 + @{IntSaveBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Wis:</label><button type='roll' value='/roll 1d20 + @{WisSaveBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Cha:</label><button type='roll' value='/roll 1d20 + @{ChaSaveBonus}'></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rollsCol">
|
|
<span class="rollsHeader">Skill Checks:</span>
|
|
<div class="skillRolls">
|
|
<div class="skillRollRow">
|
|
<div class="roller"><label>Acro:</label><button type='roll' value='/roll 1d20 + @{AcroBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Ath (Str):</label><button type='roll'
|
|
value='/roll 1d20 + @{AthBonusStr}'></button></div>
|
|
<div class="roller"><label>Ath (Wis):</label><button type='roll'
|
|
value='/roll 1d20 + @{AthBonusWis}'></button></div>
|
|
<div class="roller"><label>Bluff:</label><button type='roll' value='/roll 1d20 + @{BluffBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Care (Wis)</label><button type='roll'
|
|
value='/roll 1d20 + @{CareBonusWis}'></button></div>
|
|
</div>
|
|
<div class="skillRollRow">
|
|
<div class="roller"><label>Care (Cha):</label><button type='roll'
|
|
value='/roll 1d20 + @{CareBonusCha}'></button></div>
|
|
<div class="roller"><label>Diplo:</label><button type='roll' value='/roll 1d20 + @{DiploBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Finesse:</label><button type='roll' value='/roll 1d20 + @{FinBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Grit:</label><button type='roll' value='/roll 1d20 + @{GritBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Intimid (Str):</label><button type='roll'
|
|
value='/roll 1d20 + @{IntimidBonusStr}'></button></div>
|
|
</div>
|
|
<div class="skillRollRow">
|
|
<div class="roller"><label>Intimid (Cha):</label><button type='roll'
|
|
value='/roll 1d20 + @{IntimidBonusCha}'></button></div>
|
|
<div class="roller"><label>Invest:</label><button type='roll' value='/roll 1d20 + @{InvestBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Know:</label><button type='roll' value='/roll 1d20 + @{KnowBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Medic (Int):</label><button type='roll'
|
|
value='/roll 1d20 + @{MedicBonusInt}'></button></div>
|
|
<div class="roller"><label>Medic (Wis):</label><button type='roll'
|
|
value='/roll 1d20 + @{MedicBonusWis}'></button></div>
|
|
</div>
|
|
<div class="skillRollRow">
|
|
<div class="roller"><label>Percept:</label><button type='roll'
|
|
value='/roll 1d20 + @{PerceptBonus}'></button></div>
|
|
<div class="roller"><label>Presence:</label><button type='roll'
|
|
value='/roll 1d20 + @{PresenceBonus}'></button></div>
|
|
<div class="roller"><label>Science:</label><button type='roll' value='/roll 1d20 + @{SciBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Sneak:</label><button type='roll' value='/roll 1d20 + @{SneakBonus}'></button>
|
|
</div>
|
|
<div class="roller"><label>Super (Int):</label><button type='roll'
|
|
value='/roll 1d20 + @{SuperBonusInt}'></button></div>
|
|
</div>
|
|
<div class="skillRollRow">
|
|
<div class="roller"><label>Super (Wis):</label><button type='roll'
|
|
value='/roll 1d20 + @{SuperBonusWis}'></button></div>
|
|
<div class="roller"><label>Survive (Int):</label><button type='roll'
|
|
value='/roll 1d20 + @{SurvBonusInt}'></button></div>
|
|
<div class="roller"><label>Survive (Wis):</label><button type='roll'
|
|
value='/roll 1d20 + @{SurvBonusWis}'></button></div>
|
|
<div class="roller"><label>Vibe (Wis):</label><button type='roll'
|
|
value='/roll 1d20 + @{VibeBonusWis}'></button></div>
|
|
<div class="roller"><label>Vibe (Cha):</label><button type='roll'
|
|
value='/roll 1d20 + @{VibeBonusCha}'></button></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rollsCol">
|
|
<span class="rollsHeader">Misc:</span>
|
|
<div class="otherRolls">
|
|
<div class="roller"><label>Initiative:</label><button type='roll' value='/roll 1d20 + @{Initiative}'></button>
|
|
</div>
|
|
<div class="roller"><label>Hit Die:</label><button type='roll' value='/roll @{HitDice} + @{ConMod}'></button>
|
|
</div>
|
|
<div class="roller"><label>D20:</label><button type='roll' value='/roll 1d20'></button></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pages">
|
|
<div class="center">
|
|
<div class="page">
|
|
<div class="heading">
|
|
<img src="https://www.jojodnd.com/Assets/icon.webp" alt="JoJo D&D" class="logo">
|
|
<span class="title"><b>JoJo's Bizarre Tabletop Game</b></span>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<label>Character Name</label>
|
|
<input type="text" name="attr_character_name">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Hit Point Max</label>
|
|
<input type="text" name="attr_HitPointMax">
|
|
</div>
|
|
<div class="col-4">
|
|
<label>Current Hit Points</label>
|
|
<input type="text" name="attr_CurrentHP">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<label>Race & Passion</label>
|
|
<input type="text" name="attr_Race">
|
|
</div>
|
|
<div class="col-3" style="position: relative">
|
|
<label>Class & Level</label>
|
|
<input type="text" class="box class" name="attr_Class">
|
|
<input type="text" class="level" name="attr_Level">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Damage Reduction</label>
|
|
<input type="text" name="attr_DamageReduction">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Stand DC</label>
|
|
<input type="text" name="attr_StandDC">
|
|
</div>
|
|
<div class="col-2">
|
|
<span class="labels">Death Saves</label>
|
|
<div class="box win">
|
|
<input type="text" class="won" name="attr_DeathSavesWon"><br>
|
|
<span class="labels">Won</span>
|
|
</div>
|
|
<div class="box lose">
|
|
<input type="text" class="lost" name="attr_DeathSavesLost"><br>
|
|
<span class="labels">Lost</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="savebox">
|
|
<span class="labels">Saving Throws</span>
|
|
<div class="box saves">
|
|
<div class="not-prof">
|
|
<div class="stats">
|
|
<span class="labels">Str</span>
|
|
<span class="labels">Dex</span>
|
|
<span class="labels">Con</span>
|
|
<span class="labels">Int</span>
|
|
<span class="labels">Wis</span>
|
|
<span class="labels">Cha</span>
|
|
</div>
|
|
<div class="checks">
|
|
<input type="checkbox" class="savecheck" name="attr_StrSaveProf">
|
|
<input type="text" class="save-bonus" name="attr_StrSaveBonus"><br>
|
|
<input type="checkbox" class="savecheck" name="attr_DexSaveProf">
|
|
<input type="text" class="save-bonus" name="attr_DexSaveBonus"><br>
|
|
<input type="checkbox" class="savecheck" name="attr_ConSaveProf">
|
|
<input type="text" class="save-bonus" name="attr_ConSaveBonus"><br>
|
|
<input type="checkbox" class="savecheck" name="attr_IntSaveProf">
|
|
<input type="text" class="save-bonus" name="attr_IntSaveBonus"><br>
|
|
<input type="checkbox" class="savecheck" name="attr_WisSaveProf">
|
|
<input type="text" class="save-bonus" name="attr_WisSaveBonus"><br>
|
|
<input type="checkbox" class="savecheck" name="attr_ChaSaveProf">
|
|
<input type="text" class="save-bonus" name="attr_ChaSaveBonus"><br>
|
|
</div>
|
|
</div>
|
|
<div class="prof-bonus">
|
|
<span class="labels proflbl">PB:</span>
|
|
<input type="text" class="bonus" name="attr_ProfBonus">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="skillbox">
|
|
<span class="labels">Skill Proficiencies</span><span class="labels"></span>
|
|
<div class="box skills">
|
|
<ul class="skills-list">
|
|
<li>
|
|
<select class="skillcheck" name="attr_AcroProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus single-stat" name="attr_AcroBonus">
|
|
<span class="skilllbl">Acro</span><span class="skillstat">(dex)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_AthProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus" name="attr_AthBonusStr">
|
|
<input type="text" class="skill-bonus" name="attr_AthBonusWis">
|
|
<span class="skilllbl">Athlete</span><span class="skillstat">(str/wis)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_BluffProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus single-stat" name="attr_BluffBonus">
|
|
<span class="skilllbl">Bluff</span><span class="skillstat">(cha)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_CareProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus" name="attr_CareBonusWis">
|
|
<input type="text" class="skill-bonus" name="attr_CareBonusCha">
|
|
<span class="skilllbl">Care</span><span class="skillstat">(wis/cha)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_DiploProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus single-stat" name="attr_DiploBonus">
|
|
<span class="skilllbl">Diplo</span><span class="skillstat">(cha)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_FinProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus single-stat" name="attr_FinBonus">
|
|
<span class="skilllbl">Finesse</span><span class="skillstat">(dex)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_GritProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus single-stat" name="attr_GritBonus">
|
|
<span class="skilllbl">Grit</span><span class="skillstat">(con)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_IntimidProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus" name="attr_IntimidBonusStr">
|
|
<input type="text" class="skill-bonus" name="attr_IntimidBonusCha">
|
|
<span class="skilllbl">Intimid</span><span class="skillstat">(str/cha)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_InvestProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus single-stat" name="attr_InvestBonus">
|
|
<span class="skilllbl">Invest</span><span class="skillstat">(int)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_KnowProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus single-stat" name="attr_KnowBonus">
|
|
<span class="skilllbl">Know</span><span class="skillstat">(int)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_MedicProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus" name="attr_MedicBonusInt">
|
|
<input type="text" class="skill-bonus" name="attr_MedicBonusWis">
|
|
<span class="skilllbl">Medic</span><span class="skillstat">(int/wis)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_PerceptProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus single-stat" name="attr_PerceptBonus">
|
|
<span class="skilllbl">Percept</span><span class="skillstat">(wis)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_PresenceProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus single-stat" name="attr_PresenceBonus">
|
|
<span class="skilllbl">Pres</span><span class="skillstat">(cha)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_SciProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus single-stat" name="attr_SciBonus">
|
|
<span class="skilllbl">Science</span><span class="skillstat">(int)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_SneakProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus single-stat" name="attr_SneakBonus">
|
|
<span class="skilllbl">Sneak</span><span class="skillstat">(dex)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_SuperProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus" name="attr_SuperBonusInt">
|
|
<input type="text" class="skill-bonus" name="attr_SuperBonusWis">
|
|
<span class="skilllbl">Super</span><span class="skillstat">(int/wis)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_SurvProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus" name="attr_SurvBonusInt">
|
|
<input type="text" class="skill-bonus" name="attr_SurvBonusWis">
|
|
<span class="skilllbl">Surviv</span><span class="skillstat">(int/wis)</span>
|
|
</li>
|
|
<li>
|
|
<select class="skillcheck" name="attr_VibeProf">
|
|
<option value=""></option>
|
|
<option value="p">P</option>
|
|
<option value="e">E</option>
|
|
<option value="m">M</option>
|
|
</select>
|
|
<input type="text" class="skill-bonus" name="attr_VibeBonusWis">
|
|
<input type="text" class="skill-bonus" name="attr_VibeBonusCha">
|
|
<span class="skilllbl">Vibe</span><span class="skillstat">(wis/cha)</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<label>Armor Class</label>
|
|
<input type="text" name="attr_ArmorClass">
|
|
</div>
|
|
<div class="col-4">
|
|
<label>Hit Dice</label>
|
|
<input type="text" name="attr_HitDice">
|
|
</div>
|
|
<div class="col-4">
|
|
<label>Movement Speed</label>
|
|
<input type="text" class="pspeed" name="attr_MoveSpeed">
|
|
<input type="text" class="sspeed" name="attr_StandSpeed">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<label>Stand AC</label>
|
|
<input type="text" name="attr_StandAC">
|
|
</div>
|
|
<div class="col-4">
|
|
<label>Initiative</label>
|
|
<input type="text" name="attr_Initiative">
|
|
</div>
|
|
<div class="col-4">
|
|
<label>Passive Perception</label>
|
|
<input type="text" name="attr_PassivePercept">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-2">
|
|
<label>Strength</label>
|
|
<input type="text" class="stat-mod bigBox" name="attr_StrMod">
|
|
<input type="text" class="stat-score lilBox lilBox" name="attr_StrScore">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Dexterity</label>
|
|
<input type="text" class="stat-mod bigBox" name="attr_DexMod">
|
|
<input type="text" class="stat-score lilBox" name="attr_DexScore">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Constitution</label>
|
|
<input type="text" class="stat-mod bigBox" name="attr_ConMod">
|
|
<input type="text" class="stat-score lilBox" name="attr_ConScore">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Intelligence</label>
|
|
<input type="text" class="stat-mod bigBox" name="attr_IntMod">
|
|
<input type="text" class="stat-score lilBox" name="attr_IntScore">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Wisdom</label>
|
|
<input type="text" class="stat-mod bigBox" name="attr_WisMod">
|
|
<input type="text" class="stat-score lilBox" name="attr_WisScore">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Charisma</label>
|
|
<input type="text" class="stat-mod bigBox" name="attr_ChaMod">
|
|
<input type="text" class="stat-score lilBox" name="attr_ChaScore">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-2">
|
|
<label>Power</label>
|
|
<input type="text" class="stand-mod bigBox" name="attr_PowMod">
|
|
<input type="text" class="stand-score lilBox" name="attr_PowScore">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Precision</label>
|
|
<input type="text" class="stand-mod bigBox" name="attr_PrecMod">
|
|
<input type="text" class="stand-score lilBox" name="attr_PrecScore">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Durability</label>
|
|
<input type="text" class="stand-mod bigBox" name="attr_DurMod">
|
|
<input type="text" class="stand-score lilBox" name="attr_DurScore">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Range</label>
|
|
<input type="text" class="stand-mod bigBox" name="attr_RngMod">
|
|
<input type="text" class="stand-score lilBox" name="attr_RngScore">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Speed</label>
|
|
<input type="text" class="stand-mod bigBox" name="attr_SpdMod">
|
|
<input type="text" class="stand-score lilBox" name="attr_SpdScore">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Stand Energy</label>
|
|
<input type="text" class="stand-mod bigBox" name="attr_NrgMod">
|
|
<input type="text" class="stand-score lilBox" name="attr_NrgScore">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class='features-box, col-6'>
|
|
<div class="classlbl">
|
|
<span class="labels">Class Features</span>
|
|
</div>
|
|
<div class="featlbl">
|
|
<span class="labels">Feats</span><span class="labels"></span>
|
|
</div>
|
|
<div class="box classbox">
|
|
<textarea name="attr_ClassFeatures"></textarea>
|
|
</div>
|
|
<div class="box featsbox">
|
|
<textarea name="attr_Feats"></textarea>
|
|
</div>
|
|
<br>
|
|
<div class="otherlbl">
|
|
<span class="labels">Languages & Other Proficiencies</span>
|
|
</div>
|
|
<div class="box otherbox">
|
|
<textarea name="attr_OtherProfs"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="attacklbl">
|
|
<span class="labels">Attacks & Actions</span>
|
|
</div>
|
|
<div class="invlbl">
|
|
<span class="labels">Inventory</span>
|
|
</div>
|
|
<div class="box atkbox">
|
|
<textarea name="attr_Actions"></textarea>
|
|
</div>
|
|
<div class="box invbox">
|
|
<textarea name="attr_Inventory"></textarea>
|
|
</div>
|
|
<br>
|
|
<div class="box atks-box">
|
|
<span class="labels">Attacks Per Round:</span>
|
|
<input type="text" class="atks" name="attr_AttacksPerTurn">
|
|
</div>
|
|
<div class="box insp-box">
|
|
<span class="labels">Inspiration:</span>
|
|
<input type="text" class="insp" name="attr_Inspiration">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<div class="center">
|
|
<div class="page page2">
|
|
<div class="heading">
|
|
<h2><b>JoJo D&D Ability Sheet</b></h2>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<label>Character Name</label>
|
|
<input type="text" name="attr_character_name">
|
|
</div>
|
|
<div class="col-6">
|
|
<label>Stand Name</label>
|
|
<input type="text" name="attr_StandName">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-2">
|
|
<label>Head HP</label>
|
|
<input type="text" name="attr_HeadHP">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Head AC</label>
|
|
<input type="text" name="attr_HeadAC">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Energy</label>
|
|
<input type="text" name="attr_Energy">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Alt. Level</label>
|
|
<input type="text" name="attr_AltLevel">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Stand HP</label>
|
|
<input type="text" name="attr_StandHP">
|
|
</div>
|
|
<div class="col-2">
|
|
<label>Current SE</label>
|
|
<input type="text" name="attr_CurrentSE">
|
|
</div>
|
|
</div>
|
|
<span class="labels">Ability Info</span>
|
|
<div class="box abilitybox">
|
|
<textarea name="attr_AbilityInfo"></textarea>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<span class="labels">Minions / Equipment</span>
|
|
<div class="box minionbox">
|
|
<textarea name="attr_Equipment"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<span class="labels">Other Notes and Features</span>
|
|
<div class="box othernotebox">
|
|
<textarea name="attr_OtherNotes"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="divider"></div><div class="center">
|
|
<div class="page" id="page3">
|
|
<div class="heading">
|
|
<h2><b>JoJo D&D Act-Type Sheet</b></h2>
|
|
</div>
|
|
<div class="actInfo">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<span class="labels">Ability Info</span>
|
|
<div class="box actAbilityInfo">
|
|
<textarea name="attr_Act1AbilityInfo"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="row actHeader">
|
|
<h3 class="col-4">Act 1</h3>
|
|
<div class="col-8">
|
|
<select class="box" id="act1Type" name="attr_Act1Type">
|
|
<option value="close">Close-Range</option>
|
|
<option value="long" selected>Long-Range</option>
|
|
<option value="ability">Ability-Focused</option>
|
|
<option value="remote">Remote-Focused</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 actStat">
|
|
<label for="act1-str-mod">Power</label>
|
|
<input type="text" class="act1-mod bigBox numbers" id="act1-str-mod" name="attr_Act1StrMod">
|
|
<input type="text" class="numbers act1-score lilBox" id="act1-str-score" name="attr_Act1StrScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act1-dex-mod">Precision</label>
|
|
<input type="text" class="act1-mod bigBox numbers" id="act1-dex-mod" name="attr_Act1DexMod">
|
|
<input type="text" class="numbers act1-score lilBox" id="act1-dex-score" name="attr_Act1DexScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act1-con-mod">Durability</label>
|
|
<input type="text" class="act1-mod bigBox numbers" id="act1-con-mod" name="attr_Act1ConMod">
|
|
<input type="text" class="numbers act1-score lilBox" id="act1-con-score" name="attr_Act1ConScore">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 actStat">
|
|
<label for="act1-int-mod">Range</label>
|
|
<input type="text" class="act1-mod bigBox numbers" id="act1-int-mod" name="attr_Act1IntMod">
|
|
<input type="text" class="numbers act1-score lilBox" id="act1-int-score" name="attr_Act1IntScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act1-wis-mod">Speed</label>
|
|
<input type="text" class="act1-mod bigBox numbers" id="act1-wis-mod" name="attr_Act1WisMod">
|
|
<input type="text" class="numbers act1-score lilBox" id="act1-wis-score" name="attr_Act1WisScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act1-cha-mod">Stand Energy</label>
|
|
<input type="text" class="act1-mod bigBox numbers" id="act1-cha-mod" name="attr_Act1ChaMod">
|
|
<input type="text" class="numbers act1-score lilBox" id="act1-cha-score" name="attr_Act1ChaScore">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<span class="labels">Other Info</span>
|
|
<div class="box actAbilityInfo">
|
|
<textarea name="attr_Act1OtherInfo"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="actInfo">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<span class="labels">Ability Info</span>
|
|
<div class="box actAbilityInfo">
|
|
<textarea name="attr_Act2AbilityInfo"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="row actHeader">
|
|
<h3 class="col-4">Act 2</h3>
|
|
<div class="col-8">
|
|
<select class="box" id="act2Type" name="attr_Act2Type">
|
|
<option value="close">Close-Range</option>
|
|
<option value="long">Long-Range</option>
|
|
<option value="ability" selected>Ability-Focused</option>
|
|
<option value="remote">Remote-Focused</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 actStat">
|
|
<label for="act2-str-mod">Power</label>
|
|
<input type="text" class="act2-mod bigBox numbers" id="act2-str-mod" name="attr_Act2StrMod">
|
|
<input type="text" class="numbers act2-score lilBox" id="act2-str-score" name="attr_Act2StrScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act2-dex-mod">Precision</label>
|
|
<input type="text" class="act2-mod bigBox numbers" id="act2-dex-mod" name="attr_Act2DexMod">
|
|
<input type="text" class="numbers act2-score lilBox" id="act2-dex-score" name="attr_Act2DexScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act2-con-mod">Durability</label>
|
|
<input type="text" class="act2-mod bigBox numbers" id="act2-con-mod" name="attr_Act2ConMod">
|
|
<input type="text" class="numbers act2-score lilBox" id="act2-con-score" name="attr_Act2ConScore">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 actStat">
|
|
<label for="act2-int-mod">Range</label>
|
|
<input type="text" class="act2-mod bigBox numbers" id="act2-int-mod" name="attr_Act2IntMod">
|
|
<input type="text" class="numbers act2-score lilBox" id="act2-int-score" name="attr_Act2IntScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act2-wis-mod">Speed</label>
|
|
<input type="text" class="act2-mod bigBox numbers" id="act2-wis-mod" name="attr_Act2WisMod">
|
|
<input type="text" class="numbers act2-score lilBox" id="act2-wis-score" name="attr_Act2WisScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act2-cha-mod">Stand Energy</label>
|
|
<input type="text" class="act2-mod bigBox numbers" id="act2-cha-mod" name="attr_Act2ChaMod">
|
|
<input type="text" class="numbers act2-score lilBox" id="act2-cha-score" name="attr_Act2ChaScore">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<span class="labels">Other Info</span>
|
|
<div class="box actAbilityInfo">
|
|
<textarea name="attr_Act2OtherInfo"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="actInfo">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<span class="labels">Ability Info</span>
|
|
<div class="box actAbilityInfo">
|
|
<textarea name="attr_Act3AbilityInfo"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="row actHeader">
|
|
<h3 class="col-4">Act 3</h3>
|
|
<div class="col-8">
|
|
<select class="box" id="act3Type" name="attr_Act3Type">
|
|
<option value="close" selected>Close-Range</option>
|
|
<option value="long">Long-Range</option>
|
|
<option value="ability">Ability-Focused</option>
|
|
<option value="remote">Remote-Focused</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 actStat">
|
|
<label for="act3-str-mod">Power</label>
|
|
<input type="text" class="act3-mod bigBox numbers" id="act3-str-mod" name="attr_Act3StrMod">
|
|
<input type="text" class="numbers act3-score lilBox" id="act3-str-score" name="attr_Act3StrScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act3-dex-mod">Precision</label>
|
|
<input type="text" class="act3-mod bigBox numbers" id="act3-dex-mod" name="attr_Act3DexMod">
|
|
<input type="text" class="numbers act3-score lilBox" id="act3-dex-score" name="attr_Act3DexScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act3-con-mod">Durability</label>
|
|
<input type="text" class="act3-mod bigBox numbers" id="act3-con-mod" name="attr_Act3ConMod">
|
|
<input type="text" class="numbers act3-score lilBox" id="act3-con-score" name="attr_Act3ConScore">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 actStat">
|
|
<label for="act3-int-mod">Range</label>
|
|
<input type="text" class="act3-mod bigBox numbers" id="act3-int-mod" name="attr_Act3IntMod">
|
|
<input type="text" class="numbers act3-score lilBox" id="act3-int-score" name="attr_Act3IntScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act3-wis-mod">Speed</label>
|
|
<input type="text" class="act3-mod bigBox numbers" id="act3-wis-mod" name="attr_Act3WisMod">
|
|
<input type="text" class="numbers act3-score lilBox" id="act3-wis-score" name="attr_Act3WisScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act3-cha-mod">Stand Energy</label>
|
|
<input type="text" class="act3-mod bigBox numbers" id="act3-cha-mod" name="attr_Act3ChaMod">
|
|
<input type="text" class="numbers act3-score lilBox" id="act3-cha-score" name="attr_Act3ChaScore">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<span class="labels">Other Info</span>
|
|
<div class="box actAbilityInfo">
|
|
<textarea name="attr_Act3OtherInfo"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="actInfo">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<span class="labels">Ability Info</span>
|
|
<div class="box actAbilityInfo">
|
|
<textarea name="attr_Act4AbilityInfo"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="row actHeader">
|
|
<h3 class="col-4">Act 4</h3>
|
|
<div class="col-8 act4BasedBox">
|
|
<span>Based on: </span>
|
|
<select class="box col-8" id="act4Base" name="attr_Act4Base">
|
|
<option value="act1">Act 1</option>
|
|
<option value="act2">Act 2</option>
|
|
<option value="act3" selected>Act 3</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 actStat">
|
|
<label for="act4-str-mod">Power</label>
|
|
<input type="text" class="act4-mod bigBox numbers" id="act4-str-mod" name="attr_Act4StrMod">
|
|
<input type="text" class="numbers act4-score lilBox" id="act4-str-score" name="attr_Act4StrScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act4-dex-mod">Precision</label>
|
|
<input type="text" class="act4-mod bigBox numbers" id="act4-dex-mod" name="attr_Act4DexMod">
|
|
<input type="text" class="numbers act4-score lilBox" id="act4-dex-score" name="attr_Act4DexScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act4-con-mod">Durability</label>
|
|
<input type="text" class="act4-mod bigBox numbers" id="act4-con-mod" name="attr_Act4ConMod">
|
|
<input type="text" class="numbers act4-score lilBox" id="act4-con-score" name="attr_Act4ConScore">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4 actStat">
|
|
<label for="act4-int-mod">Range</label>
|
|
<input type="text" class="act4-mod bigBox numbers" id="act4-int-mod" name="attr_Act4IntMod">
|
|
<input type="text" class="numbers act4-score lilBox" id="act4-int-score" name="attr_Act4IntScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act4-wis-mod">Speed</label>
|
|
<input type="text" class="act4-mod bigBox numbers" id="act4-wis-mod" name="attr_Act4WisMod">
|
|
<input type="text" class="numbers act4-score lilBox" id="act4-wis-score" name="attr_Act4WisScore">
|
|
</div>
|
|
<div class="col-4 actStat">
|
|
<label for="act4-cha-mod">Stand Energy</label>
|
|
<input type="text" class="act4-mod bigBox numbers" id="act4-cha-mod" name="attr_Act4ChaMod">
|
|
<input type="text" class="numbers act4-score lilBox" id="act4-cha-score" name="attr_Act4ChaScore">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<span class="labels">Other Info</span>
|
|
<div class="box actAbilityInfo">
|
|
<textarea name="attr_Act4OtherInfo"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="divider" id="div3"></div>
|
|
<div class="center">
|
|
<div class="page page3">
|
|
<div class="heading">
|
|
<h2><b>JoJo D&D Flavor Sheet</b></h2>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<span class="labels">Character Image</span>
|
|
<div class="box image">
|
|
<img name="attr_character_avatar" alt="char-img" class="char-img">
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<label>Character Name</label>
|
|
<input type="text" name="attr_character_name">
|
|
<span class="labels">Backstory</span>
|
|
<div class="box backbox">
|
|
<textarea name="attr_Backstory"></textarea>
|
|
</div>
|
|
<div class="idealbox">
|
|
<span class="labels">Ideals</span>
|
|
<div class="box">
|
|
<textarea name="attr_Ideals"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="flawbox">
|
|
<span class="labels">Flaws</span>
|
|
<div class="box">
|
|
<textarea name="attr_Flaws"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<label>Weight</label>
|
|
<input type="text" name="attr_Weight">
|
|
</div>
|
|
<div class="col-4">
|
|
<label>Height</label>
|
|
<input type="text" name="attr_Height">
|
|
</div>
|
|
<div class="col-4">
|
|
<label>Age</label>
|
|
<input type="text" name="attr_Age">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<label>Hair Color</label>
|
|
<input type="text" name="attr_Hair">
|
|
</div>
|
|
<div class="col-4">
|
|
<label>Skin Tone</label>
|
|
<input type="text" name="attr_Skin">
|
|
</div>
|
|
<div class="col-4">
|
|
<label>Eye Color</label>
|
|
<input type="text" name="attr_Eye">
|
|
</div>
|
|
</div>
|
|
<label>Voice</label>
|
|
<input type="text" name="attr_Voice">
|
|
</div>
|
|
<div class="col-6">
|
|
<span class="labels">Personality</span>
|
|
<div class="box personbox">
|
|
<textarea name="attr_Personality" class="person"></textarea>
|
|
</div>
|
|
<span class="labels">Relationships</span>
|
|
<div class="box relatebox">
|
|
<textarea name="attr_Relationships" class="relate"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="labels">Other Information</span>
|
|
<div class="box infobox">
|
|
<textarea name="attr_OtherInfo" class="info"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |