809 lines
44 KiB
HTML
809 lines
44 KiB
HTML
<!-- Eclipse Phase: Transhumanity's FATE character sheet -->
|
|
<!-- Designed by Richard Tran, medieve@gmail.com, 2021 -->
|
|
<!-- Sheet v1.1.1 26:00hrs -->
|
|
|
|
<main class="wrapper">
|
|
<header>
|
|
<h1>Sentinel Dossier</h1>
|
|
<div class="tab_menu">
|
|
<button type="action" name="act_character" >Character</button>
|
|
<button type="action" name="act_records" >Records</button>
|
|
</div>
|
|
</header>
|
|
<input class="tabselect" type="hidden" name="attr_tabselect">
|
|
<div class="tab_character">
|
|
<div class="bio">
|
|
<label class="titled firewall">
|
|
<input name="attr_firewall-handle" type="text" size="3" title="Firewall Handle" placeholder="Input Required">
|
|
<span>Firewall Handle</span>
|
|
</label>
|
|
<label class="titled realname">
|
|
<input class="minorInput" name="attr_real_name" type="text" size="3" title="Real Name" placeholder="Input Required">
|
|
<span>Real Name</span>
|
|
</label>
|
|
<label class="titled concept">
|
|
<input class="minorInput" name="attr_concept" type="text" size="3" title="Concept" placeholder="Input Required">
|
|
<span>Concept</span>
|
|
</label>
|
|
<div class="faction-background">
|
|
<label class="titled faction">
|
|
<input class="minorInput" name="attr_faction" type="text" size="3" title="Faction" placeholder="Input Required">
|
|
<span>Faction</span>
|
|
</label>
|
|
<label class="titled background">
|
|
<input class="minorInput" name="attr_background" type="text" size="3" title="Background" placeholder="Input Required">
|
|
<span>Background</span>
|
|
</label>
|
|
</div>
|
|
<div class="motivations titled">
|
|
<span>Motivations</span>
|
|
<input name="attr_motivation1" size="3" type="text" title="Motivation" placeholder="Input Required">
|
|
<input name="attr_motivation2" size="3" type="text" title="Motivation" placeholder="Input Required">
|
|
<input name="attr_motivation3" size="3" type="text" title="Motivation" placeholder="Input Required">
|
|
</div>
|
|
<div class="fate bignumber section">
|
|
<h1 style="text-align: right; font-size: 16px">Fate</h1>
|
|
<div class="bignumber refresh">
|
|
<h1>Refresh</h1>
|
|
<input type="number" name="attr_refresh" value="6">
|
|
</div>
|
|
<div>
|
|
<input type="number" name="attr_fate_points" value="6">
|
|
<button type="action" class="btn_refresh" name="act_refresh">
|
|
r
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section skills">
|
|
<h1>Skills</h1>
|
|
<div class="default-skill skill-row">
|
|
<button type="roll" class="btn_skill-normal" name="roll_skill" value="&{template:roll} {{result=[[4dF]]}} {{name=@{firewall-handle}}} {{ability=Default}}"><span name="attr_skillrating">0</span></button>
|
|
<button type="roll" class="btn_skill-mod" name="roll_skill" value="&{template:roll} {{result=[[4dF+?{Modifier|2}]]}} {{name=@{firewall-handle}}} {{ability=ability=?{Skill|Skill}}}">+X</button>
|
|
<input type="text" readonly value="Default">
|
|
</div>
|
|
|
|
<fieldset class="repeating_skills">
|
|
<div class="skill-row">
|
|
<button type="roll" class="btn_skill-normal" name="roll_skill" value="&{template:roll} {{result=[[@{skillrating}+4dF]]}} {{name=@{firewall-handle}}} {{ability=@{skillname}}}"><span name="attr_skillrating">0</span></button>
|
|
<button type="roll" class="btn_skill-bonus" name="roll_skill" value="&{template:roll} {{result=[[@{skillrating}+4dF+2]]}} {{name=@{firewall-handle}}} {{ability=@{skillname}}} {{modifier=+2}}">+2</button>
|
|
<button type="roll" class="btn_skill-mod" name="roll_skill" value="&{template:roll} {{result=[[ [[@{skillrating}]] + [[4dF]] + [[?{Modifier|2}]] ]]}} {{name=@{firewall-handle}}} {{ability=@{skillname}}} {{modifier=$[[2]] }}">+X</button>
|
|
|
|
<input type="text" size="1" name="attr_skillname" value="">
|
|
<input type="number" class="skill-rating" name="attr_skillrating" value="0">
|
|
</div>
|
|
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="aspects section">
|
|
<h1>Ego Aspects</h1>
|
|
<label class="titled">
|
|
<input type="text" class="aspect" name="attr_highConcept" placeholder="Input Required">
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=High Concept}} {{description=@{highConcept}}}">9</button>
|
|
<span>High Concept</span>
|
|
</label>
|
|
<label class="titled">
|
|
<input type="text" class="aspect" name="attr_trouble" placeholder="Input Required">
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=Trouble}} {{description=@{trouble}}}">9</button>
|
|
|
|
<span>Trouble</span>
|
|
</label>
|
|
<label class="titled">
|
|
<input type="text" class="aspect" name="attr_freeform1" placeholder="Input Required">
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=Aspect}} {{description=@{freeform1}}}">9</button>
|
|
|
|
<span>Freeform #1</span>
|
|
</label>
|
|
<label class="titled">
|
|
<input type="text" class="aspect" name="attr_freeform2" placeholder="Input Required">
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=Aspect}} {{description=@{freeform2}}}">9</button>
|
|
|
|
<span>Freeform #2</span>
|
|
</label>
|
|
<fieldset class="repeating_ego-traits">
|
|
<label>
|
|
<input class="aspect" name="attr_ego-aspect" type="text" size="3" title="Trait" placeholder="Input Required"/>
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=@{ego-aspect}}}">9</button>
|
|
|
|
</label>
|
|
</fieldset>
|
|
<div class="stuntContainer">
|
|
<input type="text" name="attr_egoStunt1-title" placeholder="Ego stunt title">
|
|
<input type="number" value="0" name="attr_egoStunt1-cost" title="Stunt fate point cost">
|
|
<textarea name="attr_egoStunt1-desc"></textarea>
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=@{egoStunt1-title}}} {{description=@{egoStunt1-desc}}}">9</button>
|
|
</div>
|
|
<div class="stuntContainer">
|
|
<input type="text" name="attr_egoStunt2-title" placeholder="Ego stunt title">
|
|
<input type="number" value="0" name="attr_egoStunt2-cost" title="Stunt fate point cost">
|
|
<textarea name="attr_egoStunt2-desc"></textarea>
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=@{egoStunt2-title}}} {{description=@{egoStunt2-desc}}}">9</button>
|
|
</div>
|
|
<fieldset class="repeating_ego-stunts stuntContainer">
|
|
<label>
|
|
<input name="attr_ego-stunt-title" type="text" size="3" title="Stunts" placeholder="Input Required"/>
|
|
<input type="number" value="0" name="attr_egoStunt-cost" title="Stunt fate point cost">
|
|
</label>
|
|
<textarea name="attr_ego-stunt-desc"></textarea>
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=@{ego-stunt-title}}} {{description=@{ego-stunt-desc}}}">9</button>
|
|
</fieldset>
|
|
</div>
|
|
<div class="gameAspects section">
|
|
<h2>Game Aspects</h2>
|
|
<label class="">
|
|
<input type="text" class="aspect" name="attr_gameaspect1" placeholder="Input Required">
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=Game Aspect}} {{ability=@{gameaspect1}}}">9</button>
|
|
|
|
</label>
|
|
<label class="">
|
|
<input type="text" class="aspect" name="attr_gameaspect2" placeholder="Input Required">
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=Game Aspect}} {{ability=@{gameaspect2}}}">9</button>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="section consequences">
|
|
<h2>Consequences</h2>
|
|
<div>
|
|
<span class="shapedLabel">2</span><input type="text" class="aspect" placeholder="Mild" name="attr_consequence-mild1">
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=Consequence}} {{description=@{consequence-mild1}}}">9</button>
|
|
|
|
</div>
|
|
<div class="optional">
|
|
<span class="shapedLabel">2</span><input type="text" class="aspect" placeholder="Bonus Mild Physical" name="attr_consequence-mild2">
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=Consequence}} {{description=@{consequence-mild2}}}">9</button>
|
|
</div>
|
|
<div>
|
|
<span class="shapedLabel">4</span><input type="text" class="aspect" placeholder="Moderate" name="attr_consequence-moderate">
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=Consequence}} {{description=@{consequence-moderate}}}">9</button>
|
|
</div>
|
|
<div class="optional">
|
|
<span class="shapedLabel">2</span><input type="text" class="aspect" placeholder="Bonus Mild Mental" name="attr_consequence-mild3">
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=Consequence}} {{description=@{consequence-mild3}}}">9</button>
|
|
</div>
|
|
<div>
|
|
<span class="shapedLabel">6</span><input type="text" class="aspect" placeholder="Severe" name="attr_consequence-severe">
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=Consequence}} {{description=@{consequence-severe}}}">9</button>
|
|
</div>
|
|
<table class="durabilitySummary">
|
|
<th colspan="2">Durability Summary</th>
|
|
<tr>
|
|
<td>Medicore</td>
|
|
<td>Standard 1-stress and 2-stress boxes</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Average/Fair</td>
|
|
<td>Above + 3-stress box</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Good/Great</td>
|
|
<td>Above + 4-stress box</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Superb</td>
|
|
<td>Above + Bonus Mild morph consequence</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="extra">
|
|
<div class="stress_container">
|
|
<div class="physical-stress stress">
|
|
<h1>Physical Stress</h1>
|
|
<label>
|
|
<input type="checkbox" class="shapedLabel" name="attr_physStress-1"/>
|
|
<span>⬢</span>
|
|
<h3>1</h3>
|
|
</label>
|
|
<label>
|
|
<input type="checkbox" class="shapedLabel" name="attr_physStress-2"/>
|
|
<span>⬢</span>
|
|
<h3>2</h3>
|
|
</label>
|
|
<label class="optional">
|
|
<input type="checkbox" class="shapedLabel" name="attr_physStress-3"/>
|
|
<span>⬢</span>
|
|
<h3>3</h3>
|
|
</label>
|
|
<label class="optional">
|
|
<input type="checkbox" class="shapedLabel" name="attr_physStress-4"/>
|
|
<span>⬢</span>
|
|
<h3>4</h3>
|
|
</label>
|
|
</div>
|
|
<div class="mental-stress stress">
|
|
<h1>Mental Stress</h1>
|
|
<label>
|
|
<input type="checkbox" class="shapedLabel" name="attr_menStress-1"/>
|
|
<span>⬢</span>
|
|
<h3>1</h3>
|
|
</label>
|
|
<label>
|
|
<input type="checkbox" class="shapedLabel" name="attr_menStress-2"/>
|
|
<span>⬢</span>
|
|
<h3>2</h3>
|
|
</label>
|
|
<label class="optional">
|
|
<input type="checkbox" class="shapedLabel" name="attr_menStress-3"/>
|
|
<span>⬢</span>
|
|
<h3>3</h3>
|
|
</label>
|
|
<label class="optional">
|
|
<input type="checkbox" class="shapedLabel" name="attr_menStress-4"/>
|
|
<span>⬢</span>
|
|
<h3>4</h3>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="muse section">
|
|
<h1>Muse</h1>
|
|
<div class="skill-row">
|
|
<button type="roll" class="btn_skill-normal" name="roll_skill" value="&{template:roll} {{result=[[@{muse-skill1-rating}+4dF]]}} {{name=Muse}} {{ability=@{muse-skill1-name}}}"><span name="attr_muse-skill1-rating">0</span></button>
|
|
<button type="roll" class="btn_skill-mod" name="roll_skill" value="&{template:roll} {{result=[[ [[@{muse-skill1-rating}]] + [[4dF]] + [[?{Modifier|2}]] ]]}} {{name=Muse}} {{ability=@{muse-skill1-name}}} {{modifier=$[[2]] }}">+X</button>
|
|
<input type="text" class="btn_skill-normal" name="attr_muse-skill1-name" placeholder="Input Required">
|
|
<input type="number" class="skill-rating" name="attr_muse-skill1-rating" value="2">
|
|
</div>
|
|
<div class="skill-row">
|
|
<button type="roll" class="btn_skill-normal" name="roll_skill" value="&{template:roll} {{result=[[@{muse-skill2-rating}+4dF]]}} {{name=Muse}} {{ability=@{muse-skill2-name}}}"><span name="attr_muse-skill2-rating">0</span></button>
|
|
<button type="roll" class="btn_skill-mod" name="roll_skill" value="&{template:roll} {{result=[[ [[@{muse-skill2-rating}]] + [[4dF]] + [[?{Modifier|2}]] ]]}} {{name=Muse}} {{ability=@{muse-skill2-name}}} {{modifier=$[[2]] }}">+X</button>
|
|
<input type="text" class="btn_skill-normal" name="attr_muse-skill2-name" placeholder="Input Required">
|
|
<input type="number" class="skill-rating" name="attr_muse-skill2-rating" value="1">
|
|
</div>
|
|
<fieldset class="repeating_muse-skills">
|
|
<div class="skill-row">
|
|
<button type="roll" class="btn_skill-normal" name="roll_skill" value="&{template:roll} {{result=[[@{muse-skill-rating}+4dF]]}} {{name=Muse}} {{ability=@{muse-skill-name}}}"><span name="attr_muse-skill-rating">0</span></button>
|
|
<button type="roll" class="btn_skill-mod" name="roll_skill" value="&{template:roll} {{result=[[ [[@{muse-skill-rating}]] + [[4dF]] + [[?{Modifier|2}]] ]]}} {{name=Muse}} {{ability=@{muse-skill-name}}} {{modifier=$[[2]] }}">+X</button>
|
|
<input type="text" class="btn_skill-normal" name="attr_muse-skill-name" placeholder="Input Required">
|
|
<input type="number" class="skill-rating" name="attr_muse-skill-rating" value="0">
|
|
</div>
|
|
</fieldset>
|
|
<h2>Muse Stress</h2>
|
|
<div class="muse-stress stress">
|
|
<label>
|
|
<input type="checkbox" class="shapedLabel optional" name="attr_museStress-1"/>
|
|
<span>⬢</span>
|
|
<h3>1</h3>
|
|
</label>
|
|
<label>
|
|
<input type="checkbox" class="shapedLabel optional" name="attr_museStress-2"/>
|
|
<span>⬢</span>
|
|
<h3>2</h3>
|
|
</label>
|
|
<label class="optional">
|
|
<input type="checkbox" class="shapedLabel optional" name="attr_museStress-3"/>
|
|
<span>⬢</span>
|
|
<h3>3</h3>
|
|
</label>
|
|
<label class="optional">
|
|
<input type="checkbox" class="shapedLabel optional" name="attr_museStress-4"/>
|
|
<span>⬢</span>
|
|
<h3>4</h3>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="morph section">
|
|
<h1>Morph Box</h1>
|
|
<div class="selectMorph">
|
|
<input type="hidden" name="attr_morphnumber">
|
|
<button type="action" name="act_morph1" id="btn_morph1">Morph 1</button>
|
|
<button type="action" name="act_morph2" id="btn_morph2" >Morph 2</button>
|
|
<button type="action" name="act_morph3" id="btn_morph3" >Morph 3</button>
|
|
<button type="action" name="act_morph4" id="btn_morph4" >Morph 4</button>
|
|
<button type="action" name="act_morph5" id="btn_morph5" >Morph 5</button>
|
|
<button type="action" name="act_morph6" id="btn_morph6" >Morph 6</button>
|
|
</div>
|
|
<input type="hidden" name="attr_morphSelect" value="morph1">
|
|
|
|
<!-- Morph1 -->
|
|
<div class="morphViewer" id="morph1">
|
|
<label class="titled name">
|
|
<input name="attr_morph1-name" type="text" size="3" title="Morph Name" placeholder="Input Required"/><span>Morph Name</span>
|
|
</label>
|
|
<div class="aspect">
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph1-aspect1" type="text" size="2" title="Morph Aspect 001" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph1-name} Aspect}} {{description=@{morph1-aspect1}}}">9</button><span>Morph Aspect x001 </span>
|
|
</label>
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph1-aspect2" type="text" size="2" title="Morph Aspect 002" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph1-name} Aspect}} {{description=@{morph1-aspect2}}}">9</button><span>Morph Aspect x002</span>
|
|
</label>
|
|
<fieldset class="repeating_morph1-aspects">
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph1-aspect" type="text" size="2" title="Morph Aspect" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph1-name} Aspect}} {{description=@{morph1-aspect}}}">9</button><span>Morph Aspect</span>
|
|
</label>
|
|
</fieldset>
|
|
</div>
|
|
<div class="durability titled"><span>Durability</span>
|
|
<select name="attr_morph1-durability">
|
|
<option value="Mediocre">Mediocre +0</option>
|
|
<option value="Average">Average +1</option>
|
|
<option value="Fair">Fair +2</option>
|
|
<option value="Good">Good +3</option>
|
|
<option value="Great">Great +4</option>
|
|
<option value="Superb">Superb+5</option>
|
|
</select>
|
|
</div>
|
|
<div class="morphRefresh bignumber" title="Refresh Cost">
|
|
<h1>Refresh C.</h1>
|
|
<input type="number" name="attr_morph1-refreshcost" value="0"/>
|
|
</div>
|
|
<h4>Traits</h4>
|
|
<fieldset class="repeating_morph1-traits">
|
|
<label>
|
|
<input class="minorInput" name="attr_morph1-trait" type="text" size="3" title="Trait" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph1-name} Trait}} {{description=@{morph1-trait}}}">9</button>
|
|
</label>
|
|
</fieldset>
|
|
<h4>Stunts</h4>
|
|
<fieldset class="repeating_morph1-stunts stuntContainer">
|
|
<label>
|
|
<input name="attr_morph1-stunt-title" type="text" size="3" title="Stunts" placeholder="Input Required"/>
|
|
<input type="number" value="0" name="attr_morph1-stunt-cost" title="Stunt fate point cost">
|
|
</label>
|
|
<textarea name="attr_morph1-stunt-desc"></textarea>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph1-name}}} {{ability=@{morph1-stunt-title}}} {{description=@{morph1-stunt-desc}}}">9</button>
|
|
</fieldset>
|
|
</div>
|
|
<!-- Morph2 -->
|
|
<div class="morphViewer" id="morph2">
|
|
<label class="titled name">
|
|
<input name="attr_morph2-name" type="text" size="3" title="Morph Name" placeholder="Input Required"/><span>Morph Name</span>
|
|
</label>
|
|
<div class="aspect">
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph2-aspect1" type="text" size="2" title="Morph Aspect 001" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph2-name} Aspect}} {{description=@{morph2-aspect1}}}">9</button><span>Morph Aspect x001 </span>
|
|
</label>
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph2-aspect2" type="text" size="2" title="Morph Aspect 002" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph2-name} Aspect}} {{description=@{morph2-aspect2}}}">9</button><span>Morph Aspect x002</span>
|
|
</label>
|
|
<fieldset class="repeating_morph2-aspects">
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph2-aspect" type="text" size="2" title="Morph Aspect" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph2-name} Aspect}} {{description=@{morph2-aspect}}}">9</button><span>Morph Aspect</span>
|
|
</label>
|
|
</fieldset>
|
|
</div>
|
|
<div class="durability titled"><span>Durability</span>
|
|
<select name="attr_morph2-durability">
|
|
<option value="Mediocre">Mediocre +0</option>
|
|
<option value="Average">Average +1</option>
|
|
<option value="Fair">Fair +2</option>
|
|
<option value="Good">Good +3</option>
|
|
<option value="Great">Great +4</option>
|
|
<option value="Superb">Superb+5</option>
|
|
</select>
|
|
</div>
|
|
<div class="morphRefresh bignumber" title="Refresh Cost">
|
|
<h1>Refresh C.</h1>
|
|
<input type="number" name="attr_morph2-refreshcost" value="0"/>
|
|
</div>
|
|
<h4>Traits</h4>
|
|
<fieldset class="repeating_morph2-traits">
|
|
<label>
|
|
<input class="minorInput" name="attr_morph2-trait" type="text" size="3" title="Trait" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph2-name} Trait}} {{description=@{morph2-trait}}}">9</button>
|
|
</label>
|
|
</fieldset>
|
|
<h4>Stunts</h4>
|
|
<fieldset class="repeating_morph2-stunts stuntContainer">
|
|
<label>
|
|
<input name="attr_morph2-stunt-title" type="text" size="3" title="Stunts" placeholder="Input Required"/>
|
|
<input type="number" value="0" name="attr_morph2-stunt-cost" title="Stunt fate point cost">
|
|
</label>
|
|
<textarea name="attr_morph2-stunt-desc"></textarea>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph2-name}}} {{ability=@{morph2-stunt-title}}} {{description=@{morph2-stunt-desc}}}">9</button>
|
|
</fieldset>
|
|
</div>
|
|
<!-- Morph3 -->
|
|
<div class="morphViewer" id="morph3">
|
|
<label class="titled name">
|
|
<input name="attr_morph3-name" type="text" size="3" title="Morph Name" placeholder="Input Required"/><span>Morph Name</span>
|
|
</label>
|
|
<div class="aspect">
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph3-aspect1" type="text" size="2" title="Morph Aspect 001" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph3-name}}} {{description=@{morph3-aspect1}}}">9</button><span>Morph Aspect x001 </span>
|
|
</label>
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph3-aspect2" type="text" size="2" title="Morph Aspect 002" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph3-name} Aspect}} {{description=@{morph3-aspect2}}}">9</button><span>Morph Aspect x002</span>
|
|
</label>
|
|
<fieldset class="repeating_morph3-aspects">
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph3-aspect" type="text" size="2" title="Morph Aspect" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph3-name} Aspect}} {{description=@{morph3-aspect}}}">9</button><span>Morph Aspect</span>
|
|
</label>
|
|
</fieldset>
|
|
</div>
|
|
<div class="durability titled"><span>Durability</span>
|
|
<select name="attr_morph3-durability">
|
|
<option value="Mediocre">Mediocre +0</option>
|
|
<option value="Average">Average +1</option>
|
|
<option value="Fair">Fair +2</option>
|
|
<option value="Good">Good +3</option>
|
|
<option value="Great">Great +4</option>
|
|
<option value="Superb">Superb+5</option>
|
|
</select>
|
|
</div>
|
|
<div class="morphRefresh bignumber" title="Refresh Cost">
|
|
<h1>Refresh C.</h1>
|
|
<input type="number" name="attr_morph3-refreshcost" value="0"/>
|
|
</div>
|
|
<h4>Traits</h4>
|
|
<fieldset class="repeating_morph3-traits">
|
|
<label>
|
|
<input class="minorInput" name="attr_morph3-trait" type="text" size="3" title="Trait" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph3-name} Trait}} {{description=@{morph3-trait}}}">9</button>
|
|
</label>
|
|
</fieldset>
|
|
<h4>Stunts</h4>
|
|
<fieldset class="repeating_morph3-stunts stuntContainer">
|
|
<label>
|
|
<input name="attr_morph3-stunt-title" type="text" size="3" title="Stunts" placeholder="Input Required"/>
|
|
<input type="number" value="0" name="attr_morph3-stunt-cost" title="Stunt fate point cost">
|
|
</label>
|
|
<textarea name="attr_morph3-stunt-desc"></textarea>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph3-name}}} {{ability=@{morph3-stunt-title}}} {{description=@{morph3-stunt-desc}}}">9</button>
|
|
</fieldset>
|
|
</div>
|
|
<!-- Morph4 -->
|
|
<div class="morphViewer" id="morph4">
|
|
<label class="titled name">
|
|
<input name="attr_morph4-name" type="text" size="3" title="Morph Name" placeholder="Input Required"/><span>Morph Name</span>
|
|
</label>
|
|
<div class="aspect">
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph4-aspect1" type="text" size="2" title="Morph Aspect 001" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph4-name} Aspect}} {{description=@{morph4-aspect1}}}">9</button><span>Morph Aspect x001 </span>
|
|
</label>
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph4-aspect2" type="text" size="2" title="Morph Aspect 002" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph4-name} Aspect}} {{description=@{morph4-aspect2}}}">9</button><span>Morph Aspect x0012</span>
|
|
</label>
|
|
<fieldset class="repeating_morph4-aspects">
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph4-aspect" type="text" size="2" title="Morph Aspect" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph4-name} Aspect}} {{description=@{morph4-aspect}}}">9</button><span>Morph Aspect</span>
|
|
</label>
|
|
</fieldset>
|
|
</div>
|
|
<div class="durability titled"><span>Durability</span>
|
|
<select name="attr_morph4-durability">
|
|
<option value="Mediocre">Mediocre +0</option>
|
|
<option value="Average">Average +1</option>
|
|
<option value="Fair">Fair +2</option>
|
|
<option value="Good">Good +3</option>
|
|
<option value="Great">Great +4</option>
|
|
<option value="Superb">Superb+5</option>
|
|
</select>
|
|
</div>
|
|
<div class="morphRefresh bignumber" title="Refresh Cost">
|
|
<h1>Refresh C.</h1>
|
|
<input type="number" name="attr_morph4-refreshcost" value="0"/>
|
|
</div>
|
|
<h4>Traits</h4>
|
|
<fieldset class="repeating_morph4-traits">
|
|
<label>
|
|
<input class="minorInput" name="attr_morph4-trait" type="text" size="3" title="Trait" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph4-name} Trait}} {{description=@{morph4-trait}}}">9</button>
|
|
</label>
|
|
</fieldset>
|
|
<h4>Stunts</h4>
|
|
<fieldset class="repeating_morph4-stunts stuntContainer">
|
|
<label>
|
|
<input name="attr_morph4-stunt-title" type="text" size="3" title="Stunts" placeholder="Input Required"/>
|
|
<input type="number" value="0" name="attr_morph4-stunt-cost" title="Stunt fate point cost">
|
|
</label>
|
|
<textarea name="attr_morph4-stunt-desc"></textarea>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph4-name}}} {{ability=@{morph4-stunt-title}}} {{description=@{morph4-stunt-desc}}}">9</button>
|
|
</fieldset>
|
|
</div>
|
|
<!-- Morph5 -->
|
|
<div class="morphViewer" id="morph5">
|
|
<label class="titled name">
|
|
<input name="attr_morph5-name" type="text" size="3" title="Morph Name" placeholder="Input Required"/><span>Morph Name</span>
|
|
</label>
|
|
<div class="aspect">
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph5-aspect1" type="text" size="2" title="Morph Aspect 001" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph5-name} Aspect}} {{description=@{morph5-aspect1}}}">9</button><span>Morph Aspect x001 </span>
|
|
</label>
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph5-aspect2" type="text" size="2" title="Morph Aspect 002" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph5-name} Aspect}} {{description=@{morph5-aspect2}}}">9</button><span>Morph Aspect x0012</span>
|
|
</label>
|
|
<fieldset class="repeating_morph5-aspects">
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph5-aspect" type="text" size="2" title="Morph Aspect" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph5-name} Aspect}} {{description=@{morph5-aspect}}}">9</button><span>Morph Aspect</span>
|
|
</label>
|
|
</fieldset>
|
|
</div>
|
|
<div class="durability titled"><span>Durability</span>
|
|
<select name="attr_morph5-durability">
|
|
<option value="Mediocre">Mediocre +0</option>
|
|
<option value="Average">Average +1</option>
|
|
<option value="Fair">Fair +2</option>
|
|
<option value="Good">Good +3</option>
|
|
<option value="Great">Great +4</option>
|
|
<option value="Superb">Superb+5</option>
|
|
</select>
|
|
</div>
|
|
<div class="morphRefresh bignumber" title="Refresh Cost">
|
|
<h1>Refresh C.</h1>
|
|
<input type="number" name="attr_morph5-refreshcost" value="0"/>
|
|
</div>
|
|
<h4>Traits</h4>
|
|
<fieldset class="repeating_morph5-traits">
|
|
<label>
|
|
<input class="minorInput" name="attr_morph5-trait" type="text" size="3" title="Trait" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph5-name} Trait}} {{description=@{morph5-trait}}}">9</button>
|
|
</label>
|
|
</fieldset>
|
|
<h4>Stunts</h4>
|
|
<fieldset class="repeating_morph5-stunts stuntContainer">
|
|
<label>
|
|
<input name="attr_morph5-stunt-title" type="text" size="3" title="Stunts" placeholder="Input Required"/>
|
|
<input type="number" value="0" name="attr_morph5-stunt-cost" title="Stunt fate point cost">
|
|
</label>
|
|
<textarea name="attr_morph5-stunt-desc"></textarea>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph5-name}}} {{ability=@{morph5-stunt-title}}} {{description=@{morph5-stunt-desc}}}">9</button>
|
|
</fieldset>
|
|
</div>
|
|
<!-- Morph6 -->
|
|
<div class="morphViewer" id="morph6">
|
|
<label class="titled name">
|
|
<input name="attr_morph6-name" type="text" size="3" title="Morph Name" placeholder="Input Required"/><span>Morph Name</span>
|
|
</label>
|
|
<div class="aspect">
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph6-aspect1" type="text" size="2" title="Morph Aspect 001" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph6-name} Aspect}} {{description=@{morph6-aspect1}}}">9</button><span>Morph Aspect x001 </span>
|
|
</label>
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph6-aspect2" type="text" size="2" title="Morph Aspect 002" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph6-name} Aspect}} {{description=@{morph6-aspect2}}}">9</button><span>Morph Aspect x002</span>
|
|
</label>
|
|
<fieldset class="repeating_morph6-aspects">
|
|
<label class="titled">
|
|
<input class="aspect" name="attr_morph6-aspect" type="text" size="2" title="Morph Aspect" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph6-name} Aspect}} {{description=@{morph6-aspect}}}">9</button><span>Morph Aspect</span>
|
|
</label>
|
|
</fieldset>
|
|
</div>
|
|
<div class="durability titled"><span>Durability</span>
|
|
<select name="attr_morph6-durability">
|
|
<option value="Mediocre">Mediocre +0</option>
|
|
<option value="Average">Average +1</option>
|
|
<option value="Fair">Fair +2</option>
|
|
<option value="Good">Good +3</option>
|
|
<option value="Great">Great +4</option>
|
|
<option value="Superb">Superb+5</option>
|
|
</select>
|
|
</div>
|
|
<div class="morphRefresh bignumber" title="Refresh Cost">
|
|
<h1>Refresh C.</h1>
|
|
<input type="number" name="attr_morph6-refreshcost" value="0"/>
|
|
</div>
|
|
<h4>Traits</h4>
|
|
<fieldset class="repeating_morph6-traits">
|
|
<label>
|
|
<input class="minorInput" name="attr_morph6-trait" type="text" size="3" title="Trait" placeholder="Input Required"/>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph6-name} Trait}} {{description=@{morph6-trait}}}">9</button>
|
|
</label>
|
|
</fieldset>
|
|
<h4>Stunts</h4>
|
|
<fieldset class="repeating_morph6-stunts stuntContainer">
|
|
<label>
|
|
<input name="attr_morph6-stunt-title" type="text" size="3" title="Stunts" placeholder="Input Required"/>
|
|
<input type="number" value="0" name="attr_morph6-stunt-cost" title="Stunt fate point cost">
|
|
</label>
|
|
<textarea name="attr_morph6-stunt-desc"></textarea>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{morph6-name}}} {{ability=@{morph6-stunt-title}}} {{description=@{morph6-stunt-desc}}}">9</button>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="extras section" style="position: relative;">
|
|
<h2>Extras & Conditions</h2>
|
|
<textarea name="attr_extras" placeholder="Additional information"></textarea>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=Extras}} {{description=@{extras}}}">9</button>
|
|
</div>
|
|
|
|
<div class="section equipment">
|
|
<h1>Gear / Equipment</h1>
|
|
<h3>Basic Gear</h3>
|
|
<textarea name="attr_basicGear"></textarea>
|
|
<h3>Gear Stunts</h3>
|
|
<fieldset class="repeating_gear-stunts stuntContainer">
|
|
<label>
|
|
<input name="attr_gear-stunt-title" type="text" size="3" title="Stunts" placeholder="Gear Stunt - Input Required"/>
|
|
<input type="number" value="0" name="attr_gear-stunt-cost" title="Stunt fate point cost">
|
|
</label>
|
|
<textarea name="attr_gear-stunt-desc"></textarea>
|
|
<button type="roll" class="btn_show" value="&{template:roll} {{name=@{firewall-handle}}} {{ability=@{gear-stunt-title}}} {{description=@{gear-stunt-desc}}}">9</button>
|
|
</fieldset>
|
|
<h3>Advanced Gear</h3>
|
|
<fieldset class="repeating_equipment">
|
|
<div class="section">
|
|
<label class="titled stretch"><input type="text" name="attr_equipment-name" placeholder="Input Required">
|
|
<span>Equipment Name</span>
|
|
</label>
|
|
|
|
<div class="aspects">
|
|
<label class="titled">
|
|
<input type="text" name="attr_equipment-aspect1" placeholder="Input Required">
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{equipment-name}}} {{ability=@{equipment-aspect1}}}">9</button>
|
|
|
|
<span>Equipment Aspect</span>
|
|
</label>
|
|
<h3>Equipment Stunt</h3>
|
|
|
|
<div class="stuntContainer">
|
|
<label>
|
|
<input name="attr_equipment-stunt1-title" type="text" size="3" title="Stunts" placeholder="Input Required"/>
|
|
<input type="number" value="0" name="attr_equipment-stunt1-cost" title="Stunt fate point cost">
|
|
</label>
|
|
<textarea name="attr_equipment-stunt1-desc"></textarea>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{equipment-name}}} {{ability=@{equipment-stunt1-title}}} {{description=@{equipment-stunt1-desc">9</button>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="stress">
|
|
<label>
|
|
<input type="checkbox" class="shapedLabel optional" name="attr_equipment-stress1"/>
|
|
<span>⬢</span>
|
|
<h3>1</h3>
|
|
</label>
|
|
<label>
|
|
<input type="checkbox" class="shapedLabel optional" name="attr_equipment-stress2"/>
|
|
<span>⬢</span>
|
|
<h3>2</h3>
|
|
</label>
|
|
<label class="optional">
|
|
<input type="checkbox" class="shapedLabel optional" name="attr_equipment-stress3"/>
|
|
<span>⬢</span>
|
|
<h3>3</h3>
|
|
</label>
|
|
<label class="optional">
|
|
<input type="checkbox" class="shapedLabel optional" name="attr_equipment-stress4"/>
|
|
<span>⬢</span>
|
|
<h3>4</h3>
|
|
</label>
|
|
</div>
|
|
|
|
<label class="titled notes">
|
|
<textarea name="attr_equipment-notes"></textarea>
|
|
<span>Notes</span>
|
|
<button class="btn_show" type="roll" value="&{template:roll} {{name=@{equipment-name}}} {{ability=Notes}} {{description=@{equipment-notes}}}">9</button>
|
|
|
|
</label>
|
|
</div>
|
|
|
|
|
|
</fieldset>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Records-->
|
|
<div class="tab_records">
|
|
<div class="firewallphases">
|
|
<h1>Firewall Phases</h1>
|
|
<h2>Phase One: How you got noticed</h2>
|
|
<textarea name="attr_phase1"></textarea>
|
|
<h2>Phase Two: A recent mission</h2>
|
|
<textarea name="attr_phase2"></textarea>
|
|
<h2>Phase Three: Crossing paths</h2>
|
|
<textarea name="attr_phase3"></textarea>
|
|
<h2>Phase Four: Crossing paths again</h2>
|
|
<textarea name="attr_phase4"></textarea>
|
|
</div>
|
|
<div class="notes">
|
|
<h1>Additional Notes</h1>
|
|
<textarea name="attr_notes"></textarea>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<rolltemplate class="sheet-rolltemplate-roll">
|
|
<div class="background"></div>
|
|
<div class="content">
|
|
<h1>{{name}}</h1>
|
|
<div class="ability">
|
|
<h3>{{ability}}</h3>
|
|
<h3 class="modifier">{{modifier}}</h3>
|
|
</div>
|
|
|
|
{{#rollTotal() result -2}}
|
|
<h2 class="terrible">Terrible</h2>
|
|
<div class="result">{{result}}</div>
|
|
{{/rollTotal() result -2}}
|
|
{{#rollTotal() result -1}}
|
|
<h2 class="terrible">Poor</h2>
|
|
<div class="result">{{result}}</div>
|
|
{{/rollTotal() result -1}}
|
|
{{#rollTotal() result 0}}
|
|
<h2 class="terrible">Mediocre</h2>
|
|
<div class="result">{{result}}</div>
|
|
{{/rollTotal() result 0}}
|
|
{{#rollTotal() result 1}}
|
|
<h2 class="terrible">Average</h2>
|
|
<div class="result">{{result}}</div>
|
|
{{/rollTotal() result 1}}
|
|
{{#rollTotal() result 2}}
|
|
<h2 class="terrible">Fair</h2>
|
|
<div class="result">{{result}}</div>
|
|
{{/rollTotal() result 2}}
|
|
{{#rollTotal() result 3}}
|
|
<h2 class="terrible">Good</h2>
|
|
<div class="result">{{result}}</div>
|
|
{{/rollTotal() result 3}}
|
|
{{#rollTotal() result 4}}
|
|
<h2 class="terrible">Great</h2>
|
|
<div class="result">{{result}}</div>
|
|
{{/rollTotal() result 4}}
|
|
{{#rollTotal() result 5}}
|
|
<h2 class="terrible">Superb</h2>
|
|
<div class="result">{{result}}</div>
|
|
{{/rollTotal() result 5}}
|
|
{{#rollTotal() result 6}}
|
|
<h2 class="terrible">Fantastic</h2>
|
|
<div class="result">{{result}}</div>
|
|
{{/rollTotal() result 6}}
|
|
{{#rollTotal() result 7}}
|
|
<h2 class="terrible">Epic</h2>
|
|
<div class="result">{{result}}</div>
|
|
{{/rollTotal() result 7}}
|
|
{{#rollTotal() result 8}}
|
|
<h2 class="terrible">Legendary</h2>
|
|
<div class="result">{{result}}</div>
|
|
{{/rollTotal() result 8}}
|
|
|
|
<div class="description">{{description}} </div>
|
|
</div>
|
|
</rolltemplate>
|
|
|
|
<script type="text/worker">
|
|
// Tab Selector
|
|
const tablist = ["character", "records"];
|
|
tablist.forEach(button => {
|
|
on(`clicked:${button}`, function() {
|
|
setAttrs({
|
|
tabselect: button
|
|
});
|
|
});
|
|
});
|
|
// Morph Selector
|
|
const buttonlist = ["morph1","morph2","morph3", "morph4", "morph5", "morph6"];
|
|
buttonlist.forEach(button => {
|
|
on(`clicked:${button}`, function() {
|
|
let number = button.match(/morph(\d+)/)[1];
|
|
console.log(number);
|
|
|
|
setAttrs({
|
|
morphselect: button,
|
|
morphnumber: number
|
|
});
|
|
});
|
|
});
|
|
|
|
// FATE Refresh
|
|
on('clicked:refresh', function() {
|
|
getAttrs(["refresh"], function(values) {
|
|
setAttrs({fate_points: values.refresh });
|
|
});
|
|
});
|
|
|
|
</script>
|