mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
600 lines
30 KiB
HTML
600 lines
30 KiB
HTML
<div class="tab-one">
|
|
<!-- Stats Tab -->
|
|
<div class="container">
|
|
<div class="top-row">
|
|
<div class="col6 char-details">
|
|
<div class="row">
|
|
<!-- Chatacter Details -->
|
|
<div class="row">
|
|
<label>Name</label>
|
|
<input type="text" name="attr_character_name">
|
|
</div>
|
|
<div class="form-row">
|
|
<label>Callsign</label>
|
|
<input type="text" name="attr_character_callsign">
|
|
</div>
|
|
<div class="form-row">
|
|
<label>Background</label>
|
|
<input type="text" name="attr_character_background">
|
|
</div>
|
|
<div class="form-row">
|
|
<label>Look</label>
|
|
<input type="text" name="attr_character_look">
|
|
</div>
|
|
</div>
|
|
<!-- Character Details End -->
|
|
</div>
|
|
<div class="col6">
|
|
<img src="https://i.imgur.com/A64CNBV.png" class="logo" />
|
|
<div class="row">
|
|
<!-- Experience -->
|
|
<div class="col12 experience">
|
|
<h2>Experience</h2>
|
|
<input type="radio" name="attr_experience" value="0" class="zero" checked/>
|
|
<span></span>
|
|
<input type="radio" name="attr_experience" value="1" />
|
|
<span></span>
|
|
<input type="radio" name="attr_experience" value="2" />
|
|
<span></span>
|
|
<input type="radio" name="attr_experience" value="3" />
|
|
<span></span>
|
|
<input type="radio" name="attr_experience" value="4" />
|
|
<span></span>
|
|
<input type="radio" name="attr_experience" value="5" />
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
<!-- Experience End -->
|
|
</div>
|
|
<!-- Logo -->
|
|
</div>
|
|
<div class="row">
|
|
<div class="col6">
|
|
<!-- Left Side Sheet -->
|
|
<div class="row stats-row">
|
|
<!-- Stats -->
|
|
<div class="col3">
|
|
<div class="stats-border">
|
|
<h2>Reaction</h2>
|
|
<input type="text" name="attr_character_reaction">
|
|
</div>
|
|
</div>
|
|
<div class="col3">
|
|
<div class="stats-border">
|
|
<h2>Damage</h2>
|
|
<input type="text" name="attr_character_damage">
|
|
</div>
|
|
</div>
|
|
<div class="col3">
|
|
<div class="stats-border">
|
|
<h2>Resilience</h2>
|
|
<input type="text" name="attr_character_resilience">
|
|
</div>
|
|
</div>
|
|
<div class="col3">
|
|
<div class="stats-border">
|
|
<h2>Focus</h2>
|
|
<input type="text" name="attr_character_focus">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Stats End -->
|
|
<div class="row">
|
|
<!-- Talent Table -->
|
|
<div class="table-header">
|
|
<div class="row">
|
|
<div class="col3">
|
|
<h2>Talent</h2>
|
|
</div>
|
|
<div class="col9">
|
|
<h2>Description</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<fieldset class="table-content repeating_talents">
|
|
<div class="row">
|
|
<div class="col3">
|
|
<input type="text" name="attr_talent">
|
|
</div>
|
|
<div class="col9">
|
|
<input type="text" name="attr_talent_desc">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<!-- Talent Table End -->
|
|
<div class="row">
|
|
<!-- Armour -->
|
|
<div class="table-header">
|
|
<div class="row">
|
|
<div class="col4">
|
|
<h2>Locations</h2>
|
|
</div>
|
|
<div class="col4">
|
|
<h2>Armour</h2>
|
|
</div>
|
|
<div class="col4">
|
|
<h2>AP</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="table-content">
|
|
<div class="row">
|
|
<div class="col4">
|
|
<p>Head (4)</p>
|
|
<p>Body (2)</p>
|
|
<p>Arms (3)</p>
|
|
<p>Legs (2)</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="text" name="attr_armour_head">
|
|
<input type="text" name="attr_armour_body">
|
|
<input type="text" name="attr_armour_arms">
|
|
<input type="text" name="attr_armour_legs">
|
|
</div>
|
|
<div class="col4">
|
|
<input type="text" name="attr_ap_head">
|
|
<input type="text" name="attr_ap_body">
|
|
<input type="text" name="attr_ap_arms">
|
|
<input type="text" name="attr_ap_legs">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Armour end -->
|
|
<div class="row boost-adv">
|
|
<!-- Boost & Advantage -->
|
|
<div class="col6">
|
|
<h2>Boost</h2>
|
|
<input type="radio" name="attr_boost" value="0" class="zero" checked/>
|
|
<span></span>
|
|
<input type="radio" name="attr_boost" value="1" />
|
|
<span></span>
|
|
<input type="radio" name="attr_boost" value="2" />
|
|
<span></span>
|
|
<input type="radio" name="attr_boost" value="3" />
|
|
<span></span>
|
|
</div>
|
|
<div class="col6">
|
|
<h2>Advantage</h2>
|
|
<input type="radio" name="attr_advantage" value="0" class="zero" checked/>
|
|
<span></span>
|
|
<input type="radio" name="attr_advantage" value="1" />
|
|
<span></span>
|
|
<input type="radio" name="attr_advantage" value="2" />
|
|
<span></span>
|
|
<input type="radio" name="attr_advantage" value="3" />
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
<!-- Boost & Advantage end -->
|
|
<div class="row">
|
|
<!-- Weapon Table -->
|
|
<div class="weapon-table">
|
|
<div class="table-header">
|
|
<div class="row">
|
|
<div class="col1">
|
|
|
|
</div>
|
|
<div class="col2">
|
|
<h2>Weapon</h2>
|
|
</div>
|
|
<div class="col1">
|
|
<h2>Cal</h2>
|
|
</div>
|
|
<div class="col1">
|
|
<h2>DMG 1</h2>
|
|
</div>
|
|
<div class="col1">
|
|
<h2>DMG 2</h2>
|
|
</div>
|
|
<div class="col1">
|
|
<h2>DMG 3</h2>
|
|
</div>
|
|
<div class="col1">
|
|
<h2>RNG</h2>
|
|
</div>
|
|
<div class="col1">
|
|
<h2>MOD</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<fieldset class="table-content repeating_weapons">
|
|
<div class="row">
|
|
<div class="col1">
|
|
<button type="roll" value="@{character_name} rolls [[4df + ?{Damage?|DMG1, @{weapon_dmgone}|DMG2, @{weapon_dmgtwo}|DMG3, @{weapon_dmgthree}} + ?{Modifier?|0}]] Damage with @{weapon}"></button>
|
|
</div>
|
|
<div class="col2">
|
|
<input type="text" name="attr_weapon">
|
|
</div>
|
|
<div class="col1">
|
|
<input type="text" name="attr_cal">
|
|
</div>
|
|
<div class="col1">
|
|
<input type="number" name="attr_weapon_dmgone">
|
|
</div>
|
|
<div class="col1">
|
|
<input type="number" name="attr_weapon_dmgtwo">
|
|
</div>
|
|
<div class="col1">
|
|
<input type="number" name="attr_weapon_dmgthree">
|
|
</div>
|
|
<div class="col1">
|
|
<input type="text" name="attr_rng">
|
|
</div>
|
|
<div class="col1">
|
|
<input type="text" name="attr_weapon_mod">
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
<!-- Weapon Table End -->
|
|
<div class="row ammo-table">
|
|
<!-- Ammo -->
|
|
<div class="col2">
|
|
<h2>Ammo</h2>
|
|
</div>
|
|
<div class="col8">
|
|
<div class="row">
|
|
<div class="col4">
|
|
<h2>P - </h2>
|
|
<div class="ammo-points">
|
|
<input type="radio" name="attr_ammo_p" value="0" class="zero" checked/>
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_p" value="1" />
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_p" value="2" />
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_p" value="3" />
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_p" value="4" />
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_p" value="5" />
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
<div class="col4">
|
|
<h2>S -</h2>
|
|
<div class="ammo-points">
|
|
<input type="radio" name="attr_ammo_s" value="0" class="zero" checked/>
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_s" value="1" />
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_s" value="2" />
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_s" value="3" />
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_s" value="4" />
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_s" value="5" />
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
<div class="col4">
|
|
<h2>T -</h2>
|
|
<div class="ammo-points">
|
|
<input type="radio" name="attr_ammo_t" value="0" class="zero" checked/>
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_t" value="1" />
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_t" value="2" />
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_t" value="3" />
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_t" value="4" />
|
|
<span></span>
|
|
<input type="radio" name="attr_ammo_t" value="5" />
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Ammo End -->
|
|
</div>
|
|
<!-- Left Side Sheet End -->
|
|
<div class="col6">
|
|
<!-- Right Side Sheet -->
|
|
<div class="row">
|
|
<!-- Skills Table -->
|
|
<div class="skills-table">
|
|
<div class="table-header">
|
|
<div class="row">
|
|
<div class="col4">
|
|
<h2> </h2>
|
|
</div>
|
|
<div class="col4">
|
|
<h2>Skills</h2>
|
|
</div>
|
|
<div class="col4">
|
|
<h2>Rank</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="table-content">
|
|
<div class="row">
|
|
<div class="col4">
|
|
<button type="roll" value="@{character_name} rolls [[4df + @{awareness} + @{wounds_mod} + ?{Modifier?|0}]] for Awareness"></button>
|
|
</div>
|
|
<div class="col4">
|
|
<p class="skill-name">Awareness</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="number" value="0" name="attr_awareness">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col4">
|
|
<button type="roll" value="@{character_name} rolls [[4df + @{fitness} + @{wounds_mod} + ?{Modifier?|0}]] for Fitness"></button>
|
|
</div>
|
|
<div class="col4">
|
|
<p class="skill-name">Fitness</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="number" value="0" name="attr_fitness">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col4">
|
|
<button type="roll" value="@{character_name} rolls [[4df + @{investigate} + @{wounds_mod} + ?{Modifier?|0}]] for Investigate"></button>
|
|
</div>
|
|
<div class="col4">
|
|
<p class="skill-name">Investigate</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="number" value="0" name="attr_investigate">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col4">
|
|
<button type="roll" value="@{character_name} rolls [[4df + @{knowledge} + @{wounds_mod} + ?{Modifier?|0}]] for Knowledge"></button>
|
|
</div>
|
|
<div class="col4">
|
|
<p class="skill-name">Knowledge</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="number" value="0" name="attr_knowledge">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col4">
|
|
<button type="roll" value="@{character_name} rolls [[4df + @{manipulate} + @{wounds_mod} + ?{Modifier?|0}]] for Manipulate"></button>
|
|
</div>
|
|
<div class="col4">
|
|
<p class="skill-name">Manipulate</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="number" value="0" name="attr_manipulate">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col4">
|
|
<button type="roll" value="@{character_name} rolls [[4df + @{medical} + @{wounds_mod} + ?{Modifier?|0}]] for Medical"></button>
|
|
</div>
|
|
<div class="col4">
|
|
<p class="skill-name">Medical</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="number" value="0" name="attr_medical">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col4">
|
|
<button type="roll" value="@{character_name} rolls [[4df + @{mobility} + @{wounds_mod} + ?{Modifier?|0}]] for Mobility"></button>
|
|
</div>
|
|
<div class="col4">
|
|
<p class="skill-name">Mobility</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="number" value="0" name="attr_mobility">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col4">
|
|
<button type="roll" value="@{character_name} rolls [[4df + @{outdoorsman} + @{wounds_mod} + ?{Modifier?|0}]] for Outdoorsman"></button>
|
|
</div>
|
|
<div class="col4">
|
|
<p class="skill-name">Outdoorsman</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="number" value="0" name="attr_outdoorsman">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col4">
|
|
<button type="roll" value="@{character_name} rolls [[4df + @{rapport} + @{wounds_mod} + ?{Modifier?|0}]] for Rapport"></button>
|
|
</div>
|
|
<div class="col4">
|
|
<p class="skill-name">Rapport</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="number" value="0" name="attr_rapport">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col4">
|
|
<button type="roll" value="@{character_name} rolls [[4df + @{stealth} + @{wounds_mod} + ?{Modifier?|0}]] for Stealth"></button>
|
|
</div>
|
|
<div class="col4">
|
|
<p class="skill-name">Stealth</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="number" value="0" name="attr_stealth">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col4">
|
|
<button type="roll" value="@{character_name} rolls [[4df + @{technical} + @{wounds_mod} + ?{Modifier?|0}]] for Technical"></button>
|
|
</div>
|
|
<div class="col4">
|
|
<p class="skill-name">Technical</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="number" value="0" name="attr_technical">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col4">
|
|
<button type="roll" value="@{character_name} rolls [[4df + @{unarmed} + @{wounds_mod} + ?{Modifier?|0}]] for Unarmed"></button>
|
|
</div>
|
|
<div class="col4">
|
|
<p class="skill-name">Unarmed</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="number" value="0" name="attr_unarmed">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col4">
|
|
<button type="roll" value="@{character_name} rolls [[4df + @{weaponry} + @{wounds_mod} + ?{Modifier?|0}]] for Weaponry"></button>
|
|
</div>
|
|
<div class="col4">
|
|
<p class="skill-name">Weaponry</p>
|
|
</div>
|
|
<div class="col4">
|
|
<input type="number" value="0" name="attr_weaponry">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Skills Table End -->
|
|
<div class="row right-resize">
|
|
<!-- Abilities -->
|
|
<div class="col12 ability-table">
|
|
<div class="table-header">
|
|
<h2>Abilities</h2>
|
|
</div>
|
|
<div class="table-content">
|
|
<fieldset class="repeating_skills">
|
|
<select name="attr_abilityskill">
|
|
<option value="Awareness">Awareness</option>
|
|
<option value="Fitness">Fitness</option>
|
|
<option value="Investigate">Investigate</option>
|
|
<option value="Knowledge">Knowledge</option>
|
|
<option value="Manipulate">Manipulate</option>
|
|
<option value="Medical">Medical</option>
|
|
<option value="Mobility">Mobility</option>
|
|
<option value="Outdoorsman">Outdoorsman</option>
|
|
<option value="Rapport">Rapport</option>
|
|
<option value="Stealth">Stealth</option>
|
|
<option value="Technical">Technical</option>
|
|
<option value="Unarmed">Unarmed</option>
|
|
<option value="Weaponry">Weaponry</option>
|
|
</select>
|
|
<input type="text" name="attr_abilityname" />
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Abilities end -->
|
|
<div class="row right-resize woundtrauma">
|
|
<!-- Wounds -->
|
|
<div class="col12">
|
|
<h2>Wounds</h2>
|
|
<input type="number" name="attr_wounds_mod" value="-(floor(@{wounds}/3))" hidden=true disabled=true/>
|
|
<input type="radio" name="attr_wounds" value="0" class="zero" checked/>
|
|
<span></span>
|
|
<input type="radio" name="attr_wounds" value="1" />
|
|
<span></span>
|
|
<input type="radio" name="attr_wounds" value="2" />
|
|
<span></span>
|
|
<input type="radio" name="attr_wounds" value="3" />
|
|
<span></span>
|
|
<input type="radio" name="attr_wounds" value="4" />
|
|
<span></span>
|
|
<input type="radio" name="attr_wounds" value="5" />
|
|
<span></span>
|
|
<input type="radio" name="attr_wounds" value="6" />
|
|
<span></span>
|
|
<input type="radio" name="attr_wounds" value="7" />
|
|
<span></span>
|
|
<input type="radio" name="attr_wounds" value="8" />
|
|
<span></span>
|
|
<input type="radio" name="attr_wounds" value="9" />
|
|
<span></span>
|
|
<input type="radio" name="attr_wounds" value="10" />
|
|
<span></span>
|
|
<input type="radio" name="attr_wounds" value="11" />
|
|
<span></span>
|
|
<input type="radio" name="attr_wounds" value="12" />
|
|
<span></span>
|
|
</div>
|
|
<!-- Wounds end -->
|
|
<!-- Trauma -->
|
|
<div class="col12">
|
|
<h2>Trauma</h2>
|
|
<input type="radio" name="attr_trauma" value="0" class="zero" checked/>
|
|
<span></span>
|
|
<input type="radio" name="attr_trauma" value="1" />
|
|
<span></span>
|
|
<input type="radio" name="attr_trauma" value="2" />
|
|
<span></span>
|
|
<input type="radio" name="attr_trauma" value="3" />
|
|
<span></span>
|
|
<input type="radio" name="attr_trauma" value="4" />
|
|
<span></span>
|
|
<input type="radio" name="attr_trauma" value="5" />
|
|
<span></span>
|
|
<input type="radio" name="attr_trauma" value="6" />
|
|
<span></span>
|
|
<input type="radio" name="attr_trauma" value="7" />
|
|
<span></span>
|
|
<input type="radio" name="attr_trauma" value="8" />
|
|
<span></span>
|
|
<input type="radio" name="attr_trauma" value="9" />
|
|
<span></span>
|
|
<input type="radio" name="attr_trauma" value="10" />
|
|
<span></span>
|
|
<input type="radio" name="attr_trauma" value="11" />
|
|
<span></span>
|
|
<input type="radio" name="attr_trauma" value="12" />
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
<!-- Trauma end -->
|
|
</div>
|
|
<!-- Right side sheet end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Stats Tab End -->
|
|
<div class="tab-two">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col3">
|
|
<h2>Loadout 1</h2>
|
|
<textarea rows="4" cols="50" name="attr_loadout_one"></textarea>
|
|
</div>
|
|
<div class="col3">
|
|
<h2>Loadout 2</h2>
|
|
<textarea rows="4" cols="50" name="attr_loadout_two"></textarea>
|
|
</div>
|
|
<div class="col3">
|
|
<h2>Loadout 3</h2>
|
|
<textarea rows="4" cols="50" name="attr_loadout_three"></textarea>
|
|
</div>
|
|
<div class="col3">
|
|
<h2>Loadout 4</h2>
|
|
<textarea rows="4" cols="50" name="attr_loadout_four"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col6">
|
|
<h2>Ammo and Weapon Mods</h2>
|
|
<textarea rows="4" cols="50" name="attr_ammo_weapon_mods"></textarea>
|
|
</div>
|
|
<div class="col6">
|
|
<h2>Mission Notes</h2>
|
|
<textarea rows="4" cols="50" name="attr_mission_notes"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|