Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 03:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
master
roll20-character-sheets/velvet_generation/charactersheet.html
T
LukeMc b20d783150 Retrigger full upload
2024-06-03 13:15:14 -04:00

1984 lines
84 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="charactersheet.css">
</head>
<body>
<div class="compendium-drop-target">
<input type="hidden" accept="Category" name="attr_drop_category"/>
<input type="hidden" accept="Name" name="attr_drop_name"/>
<input type="hidden" accept="data" name="attr_drop_data"/>
<div class="sheets-wrapper">
<input type="hidden" class="sheet-toggle" name="attr_sheet-type" value="character" />
<div class="header-section">
<div class="logo-cell">
<img src="https://raw.githubusercontent.com/richranallo/vg-charactersheet/main/img/logo.png"/>
</div>
<div class="sheet-type-cell">
<h2>
<select class="full" name="attr_sheet-type">
<option value="character" class="character-section-select" selected>Character</option>
<option value="band" class="band-section-select">Band</option>
<option value="revolution" class="revolution-section-select">Revolution</option>
<option value="npcs" class="revolution-section-select">NPCs</option>
</select>
</h2>
</div>
</div>
<div class="character-tab">
<div class="character-section">
<input type="hidden" class="descent-indicator" name="attr_descent"/>
<div class="names-cell">
<h2> Names & Pronouns </h2>
<textarea class="full name" name="attr_names" type="text"></textarea>
</div>
<div class="descent-cell">
<h2> Descent </h2>
<select class="full dropdown" name="attr_descent">
<option value=""></option>
<option value="earthling">Earthling</option>
<option value="starchild">Starchild</option>
</select>
</div>
<div class="roles-cell">
<h2> Roles </h2>
<fieldset class="repeating_roles">
<select class="full dropdown" name="attr_role">
<option></option>
<option value="diva">Diva</option>
<option value="virtuoso">Virtuoso</option>
<option value="backbeat">Backbeat</option>
<option value="synth-wizard">Synth Wizard</option>
<option value="roadie">Roadie</option>
<option value="suit">Suit</option>
<option value="firebrand">Firebrand</option>
<option value="criminal">Criminal</option>
<option value="journalist">Journalist</option>
<option value="muscle">Muscle</option>
</select>
</fieldset>
</div>
<div class="fame-cell">
<h2>Fame</h2>
<div class="fame-line">
<div class="fame-check">
<input type="checkbox" class="bubble" name="attr_fameExpended" value="1"/>
</div>
<div class="fame-score">
<input type="number" name="attr_fameWidth" min="2" max="6" class="score" value="ceil(@{fameIndex}/5)+1" />
☆
<input type="number" name="attr_fameheight" min="2" max="6" class="score" value="(@{fameIndex}-1)%5+2" />
</div>
<div class="clock-container-8">
<input
type="radio"
value="0"
name="attr_fameCheck"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_fameCheck"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_fameCheck"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_fameCheck"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_fameCheck"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_fameCheck"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_fameCheck"
class="clock-checkbox clock-6 no-show"/>
<input
type="radio"
value="7"
name="attr_fameCheck"
class="clock-checkbox clock-7 no-show"/>
<input
type="radio"
value="8"
name="attr_fameCheck"
class="clock-checkbox clock-8 no-show"/>
<div class="clock"></div>
</div>
</div>
</div>
<div class="action-score-cell">
<h2> Action Scores </h2>
<div class="action-grid">
<div class ="action-roller">
<input type="hidden" name="attr_selected_noun"/>
<input type="hidden" name="attr_selected_noun_value" value="1"/>
<input type="hidden" name="attr_selected_verb"/>
<input type="hidden" name="attr_selected_verb_value" value="1"/>
<input type="hidden" name="attr_roll_total" value="2" disabled="true"/>
<button type="roll" name="act_roll_scores" value="/roll [@{selected_verb} @{selected_noun}] @{roll_total}d6msa">
Roll <span name="attr_roll_total" ></span>
</button>
</div>
<div class="organize music">
<input type="checkbox" name="attr_organize-music" value="1" class="bubble" />
</div>
<div class="organize violence">
<input type="checkbox" name="attr_organize-violence" value="1" class="bubble" />
</div>
<div class="organize tech">
<input type="checkbox" name="attr_organize-tech" value="1" class="bubble" />
</div>
<div class="organize authority">
<input type="checkbox" name="attr_organize-authority" value="1" class="bubble" />
</div>
<div class="organize minds">
<input type="checkbox" name="attr_organize-minds" value="1" checked="true" disabled="true" class="bubble" />
</div>
<div class="organize mojo">
<input type="checkbox" name="attr_organize-mojo" value="1" class="bubble" />
</div>
<div class="perform music">
<input type="checkbox" name="attr_perform-music" value="1" class="bubble" />
</div>
<div class="perform violence">
<input type="checkbox" name="attr_perform-violence" value="1" class="bubble" />
</div>
<div class="perform tech">
<input type="checkbox" name="attr_perform-tech" value="1" class="bubble" />
</div>
<div class="perform authority">
<input type="checkbox" name="attr_perform-authority" value="1" checked="true" disabled="true" class="bubble" />
</div>
<div class="perform minds">
<input type="checkbox" name="attr_perform-minds" value="1" class="bubble" />
</div>
<div class="perform mojo">
<input type="checkbox" name="attr_perform-mojo" value="1" class="bubble" />
</div>
<div class="pose music">
<input type="checkbox" name="attr_pose-music" value="1" class="bubble" />
</div>
<div class="pose violence">
<input type="checkbox" name="attr_pose-violence" value="1" class="bubble" />
</div>
<div class="pose tech">
<input type="checkbox" name="attr_pose-tech" value="1" checked="true" disabled="true" class="bubble" />
</div>
<div class="pose authority">
<input type="checkbox" name="attr_pose-authority" value="1" class="bubble" />
</div>
<div class="pose minds">
<input type="checkbox" name="attr_pose-minds" value="1" class="bubble" />
</div>
<div class="pose mojo">
<input type="checkbox" name="attr_pose-mojo" value="1" class="bubble" />
</div>
<div class="perceive music">
<input type="checkbox" name="attr_perceive-music" value="1" class="bubble" />
</div>
<div class="perceive violence">
<input type="checkbox" name="attr_perceive-violence" value="1" checked="true" disabled="true" class="bubble" />
</div>
<div class="perceive tech">
<input type="checkbox" name="attr_perceive-tech" value="1" class="bubble" />
</div>
<div class="perceive authority">
<input type="checkbox" name="attr_perceive-authority" value="1" class="bubble" />
</div>
<div class="perceive minds">
<input type="checkbox" name="attr_perceive-minds" value="1" class="bubble" />
</div>
<div class="perceive mojo">
<input type="checkbox" name="attr_perceive-mojo" value="1" class="bubble" />
</div>
<div class="evade music">
<input type="checkbox" name="attr_evade-music" value="1" checked="true" disabled="true" class="bubble" />
</div>
<div class="evade violence">
<input type="checkbox" name="attr_evade-violence" value="1" class="bubble" />
</div>
<div class="evade tech">
<input type="checkbox" name="attr_evade-tech" value="1" class="bubble" />
</div>
<div class="evade authority">
<input type="checkbox" name="attr_evade-authority" value="1" class="bubble" />
</div>
<div class="evade minds">
<input type="checkbox" name="attr_evade-minds" value="1" class="bubble" />
</div>
<div class="evade mojo">
<input type="checkbox" name="attr_evade-mojo" value="1" class="bubble" />
</div>
<div class="table-topline music">
<input type="hidden" class="score" name="attr_music" value="1"/>
<button type="action" name="act_selectMusic">Music<br/>
<span name="attr_music"></span></button>
</div>
<div class="table-topline violence">
<input type="hidden" class="score" name="attr_violence" value="1"/>
<button type="action" name="act_selectViolence">Violence<br/>
<span name="attr_violence"></span></button>
</div>
<div class="table-topline tech">
<input type="hidden" class="score" name="attr_tech" value="1"/>
<button type="action" name="act_selectTech">Tech<br/>
<span name="attr_tech"></span></button>
<!-- <input type="number" name="attr_tech" class="score" value="1"/> -->
</div>
<div class="table-topline authority">
<input type="hidden" class="score" name="attr_authority" value="1"/>
<button type="action" name="act_selectAuthority">Authority<br/>
<span name="attr_authority"></span></button>
<!-- <input type="number" name="attr_authority" class="score" value="1"/> -->
</div>
<div class="table-topline minds">
<input type="hidden" class="score" name="attr_minds" value="1"/>
<button type="action" name="act_selectMinds">Minds<br/>
<span name="attr_minds"></span></button>
<!-- <input type="number" name="attr_minds" class="score" value="1"/> -->
</div>
<div class="table-topline mojo">
<input type="hidden" class="score" name="attr_mojo" value="1"/>
<button type="action" name="act_selectMojo">Mojo<br/>
<span name="attr_mojo"></span></button>
<!-- <input type="number" name="attr_mojo" class="score" value="1"/> -->
</div>
<div class="left-column organize">
<input type="hidden" class="score" name="attr_organize" value="1"/>
<p class="left-column"><button type="action" name="act_selectOrganize">Organize&nbsp;
<span name="attr_organize"></span></button>
<!-- <input type="number" name="attr_organize" class="score" value="1"/> --></p>
</div>
<div class="left-column perform">
<input type="hidden" class="score" name="attr_perform" value="1"/>
<p class="left-column"><button type="action" name="act_selectPerform">Perform&nbsp;
<span name="attr_perform"></span></button>
<!-- <input type="number" name="attr_perform" class="score" value="1" /> --></p>
</div>
<div class="left-column pose">
<input type="hidden" class="score" name="attr_pose" value="1"/>
<p class="left-column"><button type="action" name="act_selectPose">Pose&nbsp;
<span name="attr_pose"></span></button>
<!-- <input type="number" name="attr_pose" class="score" value="1" /> --></p>
</div>
<div class="left-column perceive">
<input type="hidden" class="score" name="attr_perceive" value="1"/>
<p class="left-column"><button type="action" name="act_selectPerceive">Perceive&nbsp;
<span name="attr_perceive"></span></button>
<!-- <input type="number" name="attr_perceive" class="score" value="1" /> --></p>
</div>
<div class="left-column evade">
<input type="hidden" class="score" name="attr_evade" value="1"/>
<p class="left-column"><button type="action" name="act_selectEvade">Evade&nbsp;
<span name="attr_evade"></span></button>
<!-- <input type="number" name="attr_evade" class="score" value="1" /> --></p>
</div>
</div>
</div>
<div class="genre-cell">
<h2> Genre/Rep </h2>
<textarea class="full" name="attr_genre" type="text"></textarea>
</div>
<div class="instruments-cell">
<h2> Instruments/Styles<span class="loops">/Loops</span> </h2>
<textarea class="full" name="attr_instrument" type="text"></textarea>
</div>
<div class="riffs-cell">
<h2> Riffs </h2>
<fieldset class="repeating_riffs">
<div class="riff-line">
<input class="full" name="attr_riff" type="text"/>
</div>
</fieldset>
</div>
<div class="solos-cell">
<h2> Solos </h2>
<fieldset class="repeating_solos">
<div class="solo-line">
<div class="solo-spent">
<input type="checkbox" class="bubble" name="attr_soloSpent" value="1"/>
</div>
<div class="solo-name">
<input name="attr_solo" class="full" type="text"/>
</div>
</div>
</fieldset>
</div>
<div class="relationships-cell">
<h2> Relationships </h2>
<fieldset class="repeating_relationships">
<div class="relationship-line">
<div class="relationship-spent">
<input type="checkbox" name="attr_relationshipSpent" class="bubble" value="1"/>
</div>
<div class="relationship-target">
<input type="text" class="full" name="attr_relationshipCharacter"/>
</div>
<div class="relationship-strength">
<input type="number" min="2" max="6" name="attr_relationshipStrength" class="full"/>
</div>
<div class="relationship-type">
<select name="attr_relationshipType" class="full">
<option value=""></option>
<option value="friendship">Friendship</option>
<option value="love">Love</option>
<option value="rivalry">Rivalry</option>
</select>
</div>
</div>
</fieldset>
</div>
<div class="stress-violence-cell">
<h2>
Stress & Injury
</h2>
<div class="injury-limit">
<h3>
Injury Limit: <input type="number" class="score" name="attr_injuryLimitWidth" value="2" min="2" max="6">
☆
<input type="number" class="score" name="attr_injuryLimitHeight" value="(@{violence}+1)" min="2" max="6" disabled="true">
</h3>
</div>
<div class="stress-violence-container">
<div class="stress-cell">
<div class="injury-container">
<div class="injury-clock">
<div class="clock-container-3">
<input type="radio" value="0" name="attr_stress" class="clock-checkbox clock-checkbox clock-0" checked/>
<input type="radio" value="2" name="attr_stress" class="clock-checkbox clock-checkbox clock-1 no-show"/>
<input type="radio" value="4" name="attr_stress" class="clock-checkbox clock-checkbox clock-2 no-show"/>
<input type="radio" value="6" name="attr_stress" class="clock-checkbox clock-checkbox clock-3 no-show"/>
<div class="clock"></div>
</div>
</div>
<div class="third-degree">
Exhausted
</div>
<div class="injury-label">
<h3>Stress</h3>
</div>
</div>
</div>
<div class="rough-cell">
<div class="injury-container">
<div class="injury-clock">
<div class="clock-container-6">
<input
type="radio"
value="0"
name="attr_roughDamage"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_roughDamage"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_roughDamage"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_roughDamage"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_roughDamage"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_roughDamage"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_roughDamage"
class="clock-checkbox clock-6 no-show"/>
<div class="clock"></div>
</div>
</div>
<div class="third-degree">
Out
</div>
<div class="second-degree">
Cowed
</div>
<div class="first-degree">
Timid
</div>
<div class="injury-label">
<h3>Rough</h3>
</div>
</div>
</div>
<div class="bloody-cell">
<div class="injury-container">
<div class="injury-clock">
<div class="clock-container-6">
<input
type="radio"
value="0"
name="attr_bloodyDamage"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_bloodyDamage"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_bloodyDamage"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_bloodyDamage"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_bloodyDamage"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_bloodyDamage"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_bloodyDamage"
class="clock-checkbox clock-6 no-show"/>
<div class="clock"></div>
</div>
</div>
<div class="third-degree">
Out
</div>
<div class="second-degree">
Cowed
</div>
<div class="first-degree">
Timid
</div>
<div class="injury-label">
<h3>Bloody</h3>
</div>
</div>
</div>
<div class="deadly-cell">
<div class="injury-container">
<div class="injury-clock">
<div class="clock-container-6">
<input
type="radio"
value="0"
name="attr_deadlyDamage"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_deadlyDamage"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_deadlyDamage"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_deadlyDamage"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_deadlyDamage"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_deadlyDamage"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_deadlyDamage"
class="clock-checkbox clock-6 no-show"/>
<div class="clock"></div>
</div>
</div>
<div class="third-degree">
Out
</div>
<div class="second-degree">
Cowed
</div>
<div class="first-degree">
Timid
</div>
<div class="injury-label">
<h3>Deadly</h3>
</div>
</div>
</div>
</div>
</div>
<div class="notes-cell">
<h3>Notes</h3>
<textarea class="full">
</textarea>
</div>
<div class="gear-cell">
<h3>Gear</h3>
<textarea class="full">
</textarea>
</div>
<div class="mojo-cell">
<h2>Mojo</h2>
<input type="hidden" class="organize-mojo-indicator" name="attr_organize-mojo"/>
<input type="hidden" class="pose-mojo-indicator" name="attr_pose-mojo"/>
<input type="hidden" class="perform-mojo-indicator" name="attr_perform-mojo"/>
<input type="hidden" class="perceive-mojo-indicator" name="attr_perceive-mojo"/>
<input type="hidden" class="evade-mojo-indicator" name="attr_evade-mojo"/>
<div class="mojo-grid">
<fieldset class="repeating_riffs">
<input type="hidden" class="riff-indicator" name="attr_riff"/>
<div class="mojo-line mojo-block flex">
<h3 class="flex">Flex</h3>
<p class="mojo-talent organize">Starlight Makeover</p>
<p class="mojo-talent perform">Something Totally New</p>
<p class="mojo-talent pose">Face the Strange</p>
<p class="mojo-talent evade">Bounce Back</p>
<p class="mojo-talent perceive">Feel Yourself</p>
</div>
<div class="mojo-line mojo-block sparkle">
<h3 class="sparkle">Sparkle</h3>
<p class="mojo-talent organize">Quite Out of Sight</p>
<p class="mojo-talent perform">Diamondstar Halo</p>
<p class="mojo-talent pose">Hologram</p>
<p class="mojo-talent evade">Fade to Black</p>
<p class="mojo-talent perceive">TV Eye</p>
</div>
<div class="mojo-line mojo-block vibe">
<h3 class="vibe">Vibe</h3>
<p class="mojo-talent organize">Mothership Connection</p>
<p class="mojo-talent perform">Six-String Heart</p>
<p class="mojo-talent pose">Midnight Radio</p>
<p class="mojo-talent evade">Forget Your Mind</p>
<p class="mojo-talent perceive">Condition of the Heart</p>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<div class="band-tab">
<div class="band-section">
<div class="band-name">
<h2>Name</h2>
<input class="full name" name="attr_name" type="text"/>
</div>
<div class="band-genre">
<h2>Genre</h2>
<textarea class="full" name="attr_genre" type="text"></textarea>
</div>
<div class="band-fame">
<h2>Fame</h2>
<div class="band-fame-line">
<div class="fame-score">
<input type="number" name="attr_bandFameWidth" min="2" max="6" class="score" value="ceil(@{fameIndex}/5)+1" />
☆
<input type="number" name="attr_bandFameHeight" min="2" max="6" class="score" value="(@{fameIndex}-1)%5+2" />
</div>
<div class="clock-container-8">
<input
type="radio"
value="0"
name="attr_bandFameCheck"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_bandFameCheck"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_bandFameCheck"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_bandFameCheck"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_bandFameCheck"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_bandFameCheck"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_bandFameCheck"
class="clock-checkbox clock-6 no-show"/>
<input
type="radio"
value="7"
name="attr_bandFameCheck"
class="clock-checkbox clock-7 no-show"/>
<input
type="radio"
value="8"
name="attr_bandFameCheck"
class="clock-checkbox clock-8 no-show"/>
<div class="clock"></div>
</div>
</div>
</div>
<div class="band-heat">
<h2>Heat</h2>
<div class="band-fame-line">
<div class="fame-score">
<input type="number" name="attr_heatWidth" min="2" max="6" class="score" />
☆
<input type="number" name="attr_heatHeight" min="2" max="6" class="score" />
</div>
<div class="clock-container-8">
<input
type="radio"
value="0"
name="attr_heatCheck"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_heatCheck"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_heatCheck"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_heatCheck"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_heatCheck"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_heatCheck"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_heatCheck"
class="clock-checkbox clock-6 no-show"/>
<input
type="radio"
value="7"
name="attr_heatCheck"
class="clock-checkbox clock-7 no-show"/>
<input
type="radio"
value="8"
name="attr_heatCheck"
class="clock-checkbox clock-8 no-show"/>
<div class="clock"></div>
</div>
</div>
</div>
<div class="band-scene">
<h2>Scene</h2>
<div class="band-scene-container">
<p class="title fame">
Fame
</p>
<p class="title level">
Level
</p>
<p class="title scene">
Scene
</p>
<input type="hidden" class="fame-width-indicator" name="attr_bandFameWidth">
<p class="dims fame">2☆2</p>
<p class="city fame">3☆2</p>
<p class="region fame">4☆2</p>
<p class="nation fame">5☆2</p>
<p class="global fame">6☆2</p>
<p class="dims level">Dims</p>
<p class="city level">City</p>
<p class="region level">Region</p>
<p class="nation level">Nation</p>
<p class="global level">Global</p>
<input type="text" name="attr_dimsSceneLevel" class="dims scene"/>
<input type="text" name="attr_citySceneLevel" class="city scene"/>
<input type="text" name="attr_regionSceneLevel" class="region scene"/>
<input type="text" name="attr_nationSceneLevel" class="nation scene"/>
</div>
</div>
<div class="band-faction-status">
<h2>Faction Status</h2>
<div class="faction-status-container">
<div class="velvet">
<h3>Velvet</h3>
</div>
<div class="cobalt">
<h3>Cobalt Army</h3>
</div>
<div class="velvet5">
Legend
</div>
<div class="velvet4">
Handler
</div>
<div class="velvet3">
Recruiter
</div>
<div class="velvet2">
Cell Leader
</div>
<div class="velvet1">
Recruit
</div>
<div class="cobalt5">
Ungovernable
</div>
<div class="cobalt4">
Provocateur
</div>
<div class="cobalt3">
Known Threat
</div>
<div class="cobalt2">
Cell Leader
</div>
<div class="cobalt1">
Recruit
</div>
<input class="velvet-status bubble velvetcheck5" type="checkbox" name="attr_velvetStatus" value="5">
<input class="velvet-status bubble velvetcheck4" type="checkbox" name="attr_velvetStatus" value="4">
<input class="velvet-status bubble velvetcheck3" type="checkbox" name="attr_velvetStatus" value="3">
<input class="velvet-status bubble velvetcheck2" type="checkbox" name="attr_velvetStatus" value="2">
<input class="velvet-status bubble velvetcheck1" type="checkbox" name="attr_velvetStatus" value="1">
<input class="cobalt-status bubble cobaltcheck5" type="checkbox" name="attr_cobaltStatus" value="5">
<input class="cobalt-status bubble cobaltcheck4" type="checkbox" name="attr_cobaltStatus" value="4">
<input class="cobalt-status bubble cobaltcheck3" type="checkbox" name="attr_cobaltStatus" value="3">
<input class="cobalt-status bubble cobaltcheck2" type="checkbox" name="attr_cobaltStatus" value="2">
<input class="cobalt-status bubble cobaltcheck1" type="checkbox" name="attr_cobaltStatus" value="1">
</div>
</div>
<div class="band-sister-cells">
<h2>Sister Cells</h2>
<fieldset class="repeating_sister-cells">
<input class="full" name="attr_sisterCell" type="text"/>
</fieldset>
</div>
<div class="band-connections">
<h2>Connections</h2>
<fieldset class="repeating_connections">
<input class="full" name="attr_connection" type="text"/>
</fieldset>
</div>
<div class="band-assets">
<h2>Assets</h2>
<div class="asset-container">
<fieldset class="repeating_assets">
<input type="hidden" class="active-asset" name="attr_asset-type"/>
<h3>
<select class="asset-selector full" name="attr_asset-type">
<option value=""></option>
<option value="vehicle">Vehicle</option>
<option value="musicSpace">Music Space</option>
<option value="hideout">Hideout</option>
<option value="crimeLab">Crime Lab</option>
<option value="community">Community</option>
<option value="network">Network</option>
</select>
</h3>
<div class="vehicle-options">
<label>
<input class="bubble" type="checkbox" value="fast"/>
Fast
</label>
<label>
<input class="bubble" type="checkbox" value="subtle"/>
Subtle
</label>
<label>
<input class="bubble" type="checkbox" value="maneuverable"/>
Maneuverable
</label>
<label>
<input class="bubble" type="checkbox" value="smugglerWagon"/>
Smuggler Wagon
</label>
<label>
<input class="bubble" type="checkbox" value="durable"/>
Durable
</label>
</div>
<div class="music-space-options">
<label>
<input class="bubble" type="checkbox" value="venue"/>
Venue
</label>
<label>
<input class="bubble" type="checkbox" value="recordingStudio"/>
Recording Studio
</label>
<label>
<input class="bubble" type="checkbox" value="infamous"/>
Infamous
</label>
<label>
<input class="bubble" type="checkbox" value="stagingLocation"/>
Staging Location
</label>
<label>
<input class="bubble" type="checkbox" value="big"/>
Big
</label>
</div>
<div class="hideout-options">
<label>
<input class="bubble" type="checkbox" value="luxury"/>
Luxury
</label>
<label>
<input class="bubble" type="checkbox" value="medicalBay"/>
Medical Bay
</label>
<label>
<input class="bubble" type="checkbox" value="library"/>
Library
</label>
<label>
<input class="bubble" type="checkbox" value="safeHarbor"/>
Safe Harbor
</label>
<label>
<input class="bubble" type="checkbox" value="workshop"/>
Workshop
</label>
</div>
<div class="crime-lab-options">
<label>
<input class="bubble" type="checkbox" value="pharmaLab"/>
Pharma Lab
</label>
<label>
<input class="bubble" type="checkbox" value="armory"/>
Armory
</label>
<label>
<input class="bubble" type="checkbox" value="ids"/>
IDs
</label>
<label>
<input class="bubble" type="checkbox" value="electronics"/>
Electronics
</label>
<label>
<input class="bubble" type="checkbox" value="distributedSystems"/>
Distributed Systems
</label>
</div>
<div class="community-options">
<label>
<input class="bubble" type="checkbox" value="lostInACrowd"/>
Lost in a Crowd
</label>
<label>
<input class="bubble" type="checkbox" value="heavies"/>
Heavies
</label>
<label>
<input class="bubble" type="checkbox" value="minions"/>
Minions
</label>
<label>
<input class="bubble" type="checkbox" value="loyal"/>
Loyal
</label>
<label>
<input class="bubble" type="checkbox" value="tightKnit"/>
Tight Knit
</label>
</div>
<div class="network-options">
<label>
<input class="bubble" type="checkbox" value="anonymous"/>
Anonymous
</label>
<label>
<input class="bubble" type="checkbox" value="fileshare"/>
Fileshare
</label>
<label>
<input class="bubble" type="checkbox" value="advanceWarning"/>
Advance Warning
</label>
<label>
<input class="bubble" type="checkbox" value="openComms"/>
Open Comms
</label>
<label>
<input class="bubble" type="checkbox" value="looseLips"/>
Loose Lips
</label>
</div>
</fieldset>
</div>
</div>
<div class="band-discography">
<h2>Discography</h2>
<div class="song-container">
<fieldset class="repeating_songs">
<h3>Title</h3>
<input type="text" class="full" name="attr_songTitle"/>
<h3>Genre</h3>
<input type="text" class="full" name="attr_songGenre"/>
<h3>Leads</h3>
<textarea type="text" class="full" name="attr_songLeads"></textarea>
<h3>Backups</h3>
<textarea type="text" class="full" name="attr_songBackups"></textarea>
</fieldset>
</div>
</div>
</div>
</div>
<div class="revolution-tab">
<div class="revolution-section">
<div class="revolution-strategies">
<div class="band-name">
<h2>Band Name</h2>
<input class="full" type="text" name="attr_name" readonly />
</div>
<div>
<h2 class="band-heat">Heat: <span name="attr_heatWidth"></span>☆<span name="attr_heatHeight"></span></h2>
</div>
<div class="strategies-title">
<h2>Ministry Strategies & Tactics</h2>
</div>
<div class="alienation title">
<div class="centerer">
<div class="clock-container-8">
<input
type="radio"
value="0"
name="attr_alienationCheck"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_alienationCheck"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_alienationCheck"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_alienationCheck"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_alienationCheck"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_alienationCheck"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_alienationCheck"
class="clock-checkbox clock-6 no-show"/>
<input
type="radio"
value="7"
name="attr_alienationCheck"
class="clock-checkbox clock-7 no-show"/>
<input
type="radio"
value="8"
name="attr_alienationCheck"
class="clock-checkbox clock-8 no-show"/>
<div class="clock"></div>
</div>
</div>
<h3>Alienation</h3>
</div>
<div class="propaganda title">
<div class="centerer">
<div class="clock-container-8">
<input
type="radio"
value="0"
name="attr_propagandaCheck"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_propagandaCheck"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_propagandaCheck"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_propagandaCheck"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_propagandaCheck"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_propagandaCheck"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_propagandaCheck"
class="clock-checkbox clock-6 no-show"/>
<input
type="radio"
value="7"
name="attr_propagandaCheck"
class="clock-checkbox clock-7 no-show"/>
<input
type="radio"
value="8"
name="attr_propagandaCheck"
class="clock-checkbox clock-8 no-show"/>
<div class="clock"></div>
</div>
</div>
<h3>Propaganda</h3>
</div>
<div class="surveillance title">
<div class="centerer">
<div class="clock-container-8">
<input
type="radio"
value="0"
name="attr_surveillanceCheck"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_surveillanceCheck"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_surveillanceCheck"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_surveillanceCheck"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_surveillanceCheck"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_surveillanceCheck"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_surveillanceCheck"
class="clock-checkbox clock-6 no-show"/>
<input
type="radio"
value="7"
name="attr_surveillanceCheck"
class="clock-checkbox clock-7 no-show"/>
<input
type="radio"
value="8"
name="attr_surveillanceCheck"
class="clock-checkbox clock-8 no-show"/>
<div class="clock"></div>
</div>
</div>
<h3>Surveillance</h3>
</div>
<div class="subversion title">
<div class="centerer">
<div class="clock-container-8">
<input
type="radio"
value="0"
name="attr_subversionCheck"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_subversionCheck"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_subversionCheck"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_subversionCheck"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_subversionCheck"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_subversionCheck"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_subversionCheck"
class="clock-checkbox clock-6 no-show"/>
<input
type="radio"
value="7"
name="attr_subversionCheck"
class="clock-checkbox clock-7 no-show"/>
<input
type="radio"
value="8"
name="attr_subversionCheck"
class="clock-checkbox clock-8 no-show"/>
<div class="clock"></div>
</div>
</div>
<h3>Subversion</h3>
</div>
<div class="violence title">
<div class="centerer">
<div class="clock-container-8">
<input
type="radio"
value="0"
name="attr_violenceCheck"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_violenceCheck"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_violenceCheck"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_violenceCheck"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_violenceCheck"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_violenceCheck"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_violenceCheck"
class="clock-checkbox clock-6 no-show"/>
<input
type="radio"
value="7"
name="attr_violenceCheck"
class="clock-checkbox clock-7 no-show"/>
<input
type="radio"
value="8"
name="attr_violenceCheck"
class="clock-checkbox clock-8 no-show"/>
<div class="clock"></div>
</div>
</div>
<h3>Violence</h3>
</div>
<div class="alienation width2">
<input type="checkbox" class="bubble" name="attr_alienation2Check"/>
<h4>Social Ostracism</h4>
<p>2☆2</p>
</div>
<div class="alienation width3">
<input type="checkbox" class="bubble" name="attr_alienation3Check"/>
<h4>Denial of Services</h4>
<p>3☆2</p>
</div>
<div class="alienation width4">
<input type="checkbox" class="bubble" name="attr_alienation4Check"/>
<h4>Community Retribution</h4>
<p>4☆2</p>
</div>
<div class="alienation width5">
<input type="checkbox" class="bubble" name="attr_alienation5Check"/>
<h4>Ministry's Most Wanted</h4>
<p>5☆2</p>
</div>
<div class="alienation width6">
<input type="checkbox" class="bubble" name="attr_alienation6Check"/>
<h4>Formal Sanction</h4>
<p>6☆2</p>
</div>
<div class="propaganda width2">
<input type="checkbox" class="bubble" name="attr_propaganda2Check"/>
<h4>Rumor Mill</h4>
<p>2☆2</p>
</div>
<div class="propaganda width3">
<input type="checkbox" class="bubble" name="attr_propaganda3Check"/>
<h4>Victim Complex</h4>
<p>3☆2</p>
</div>
<div class="propaganda width4">
<input type="checkbox" class="bubble" name="attr_propaganda4Check"/>
<h4>False Flag</h4>
<p>4☆2</p>
</div>
<div class="propaganda width5">
<input type="checkbox" class="bubble" name="attr_propaganda5Check"/>
<h4>Fallen World</h4>
<p>5☆2</p>
</div>
<div class="propaganda width6">
<input type="checkbox" class="bubble" name="attr_propaganda6Check"/>
<h4>Alien Disclosure</h4>
<p>6☆2</p>
</div>
<div class="surveillance width2">
<input type="checkbox" class="bubble" name="attr_surveillance2Check"/>
<h4>Nosy Neighbors</h4>
<p>2☆2</p>
</div>
<div class="surveillance width3">
<input type="checkbox" class="bubble" name="attr_surveillance3Check"/>
<h4>Stakeout</h4>
<p>3☆2</p>
</div>
<div class="surveillance width4">
<input type="checkbox" class="bubble" name="attr_surveillance4Check"/>
<h4>Wired</h4>
<p>4☆2</p>
</div>
<div class="surveillance width5">
<input type="checkbox" class="bubble" name="attr_surveillance5Check"/>
<h4>The Right Profile</h4>
<p>5☆2</p>
</div>
<div class="surveillance width6">
<input type="checkbox" class="bubble" name="attr_surveillance6Check"/>
<h4>Panopticon</h4>
<p>6☆2</p>
</div>
<div class="subversion width2">
<input type="checkbox" class="bubble" name="attr_subversion2Check"/>
<h4>Neighborhood Asset</h4>
<p>2☆2</p>
</div>
<div class="subversion width3">
<input type="checkbox" class="bubble" name="attr_subversion3Check"/>
<h4>Scenester Mole</h4>
<p>3☆2</p>
</div>
<div class="subversion width4">
<input type="checkbox" class="bubble" name="attr_subversion4Check"/>
<h4>Blackmail</h4>
<p>4☆2</p>
</div>
<div class="subversion width5">
<input type="checkbox" class="bubble" name="attr_subversion5Check"/>
<h4>The Subliminal Seducer</h4>
<p>5☆2</p>
</div>
<div class="subversion width6">
<input type="checkbox" class="bubble" name="attr_subversion6Check"/>
<h4>Emulation</h4>
<p>6☆2</p>
</div>
<div class="violence width2">
<input type="checkbox" class="bubble" name="attr_violence2Check"/>
<h4>Neighborhood Threat</h4>
<p>2☆2</p>
</div>
<div class="violence width3">
<input type="checkbox" class="bubble" name="attr_violence3Check"/>
<h4>Police on My Back</h4>
<p>3☆2</p>
</div>
<div class="violence width4">
<input type="checkbox" class="bubble" name="attr_violence4Check"/>
<h4>Ministry Raid</h4>
<p>4☆2</p>
</div>
<div class="violence width5">
<input type="checkbox" class="bubble" name="attr_violence5Check"/>
<h4>Assassination Attempt</h4>
<p>5☆2</p>
</div>
<div class="violence width6">
<input type="checkbox" class="bubble" name="attr_violence6Check"/>
<h4>Space Force</h4>
<p>6☆2</p>
</div>
<div class="praxis-title">
<h2>Praxis</h2>
</div>
<div class="alienation velvet">
<input type="checkbox" class="bubble" name="attr_subsistenceCheck"/>
<h4>Subsistence</h4>
</div>
<div class="alienation cobalt-army">
<input type="checkbox" class="bubble" name="attr_heistCheck"/>
<h4>Heist</h4>
</div>
<div class="propaganda velvet">
<input type="checkbox" class="bubble" name="attr_spectacleCheck"/>
<h4>Spectacle</h4>
</div>
<div class="propaganda cobalt-army">
<input type="checkbox" class="bubble" name="attr_disruptionCheck"/>
<h4>Disruption</h4>
</div>
<div class="surveillance velvet">
<input type="checkbox" class="bubble" name="attr_disinformationCheck"/>
<h4>Disinformation</h4>
</div>
<div class="surveillance cobalt-army">
<input type="checkbox" class="bubble" name="attr_sabotageCheck"/>
<h4>Sabotage</h4>
</div>
<div class="subversion velvet">
<input type="checkbox" class="bubble" name="attr_solidarityCheck"/>
<h4>Solidarity</h4>
</div>
<div class="subversion cobalt-army">
<input type="checkbox" class="bubble" name="attr_disciplineCheck"/>
<h4>Discipline</h4>
</div>
<div class="violence velvet">
<input type="checkbox" class="bubble" name="attr_samizdatCheck"/>
<h4>Samizdat</h4>
</div>
<div class="violence cobalt-army">
<input type="checkbox" class="bubble" name="attr_revolutionaryViolenceCheck"/>
<h4>Revolutionary Violence</h4>
</div>
</div>
</div>
</div>
<div class="npc-tab">
<h2>NPCs</h2>
<div class="dogsheet">
<fieldset class="repeating_npcs">
<div class="npc-container">
<div class="npc-name">
<h3>Name<br/>
<input type="text" name="attr_npcName" class="full"/>
</h3>
</div>
<div class="npc-action-scores">
<label>
Music<br/>
<input type="number" min="0" max="6" class="score" name="attr_npcMusic">
<input type="hidden" class="npc-score" name="attr_npcMusic">
<input name="attr_npcMusicUsed1" class="bubble npc-check value123456" type="checkbox"/>
<input name="attr_npcMusicUsed2" class="bubble npc-check value23456" type="checkbox"/>
<input name="attr_npcMusicUsed3" class="bubble npc-check value3456" type="checkbox"/>
<input name="attr_npcMusicUsed4" class="bubble npc-check value456" type="checkbox"/>
<input name="attr_npcMusicUsed5" class="bubble npc-check value56" type="checkbox"/>
<input name="attr_npcMusicUsed6" class="bubble npc-check value6" type="checkbox"/>
</label>
<label>
Violence<br/>
<input type="number" min="0" max="6" class="score" name="attr_npcViolence">
<input type="hidden" class="npc-score" name="attr_npcViolence">
<input name="attr_npcViolenceUsed1" class="bubble npc-check value123456" type="checkbox"/>
<input name="attr_npcViolenceUsed2" class="bubble npc-check value23456" type="checkbox"/>
<input name="attr_npcViolenceUsed3" class="bubble npc-check value3456" type="checkbox"/>
<input name="attr_npcViolenceUsed4" class="bubble npc-check value456" type="checkbox"/>
<input name="attr_npcViolenceUsed5" class="bubble npc-check value56" type="checkbox"/>
<input name="attr_npcViolenceUsed6" class="bubble npc-check value6" type="checkbox"/>
</label>
<label>
Tech<br/>
<input type="number" min="0" max="6" class="score npc-score" name="attr_npcTech">
<input type="hidden" class="npc-score" name="attr_npcTech">
<input name="attr_npcTechUsed1" class="bubble npc-check value123456" type="checkbox"/>
<input name="attr_npcTechUsed2" class="bubble npc-check value23456" type="checkbox"/>
<input name="attr_npcTechUsed3" class="bubble npc-check value3456" type="checkbox"/>
<input name="attr_npcTechUsed4" class="bubble npc-check value456" type="checkbox"/>
<input name="attr_npcTechUsed5" class="bubble npc-check value56" type="checkbox"/>
<input name="attr_npcTechUsed6" class="bubble npc-check value6" type="checkbox"/>
</label>
<label>
Authority<br/>
<input type="number" min="0" max="6" class="score npc-score" name="attr_npcAuthority">
<input type="hidden" class="npc-score" name="attr_npcAuthority">
<input name="attr_npcAuthorityUsed1" class="bubble npc-check value123456" type="checkbox"/>
<input name="attr_npcAuthorityUsed2" class="bubble npc-check value23456" type="checkbox"/>
<input name="attr_npcAuthorityUsed3" class="bubble npc-check value3456" type="checkbox"/>
<input name="attr_npcAuthorityUsed4" class="bubble npc-check value456" type="checkbox"/>
<input name="attr_npcAuthorityUsed5" class="bubble npc-check value56" type="checkbox"/>
<input name="attr_npcAuthorityUsed6" class="bubble npc-check value6" type="checkbox"/>
</label>
<label>
Minds<br/>
<input type="number" min="0" max="6" class="score npc-score" name="attr_npcMinds">
<input type="hidden" class="npc-score" name="attr_npcMinds">
<input name="attr_npcMindsUsed1" class="bubble npc-check value123456" type="checkbox"/>
<input name="attr_npcMindsUsed2" class="bubble npc-check value23456" type="checkbox"/>
<input name="attr_npcMindsUsed3" class="bubble npc-check value3456" type="checkbox"/>
<input name="attr_npcMindsUsed4" class="bubble npc-check value456" type="checkbox"/>
<input name="attr_npcMindsUsed5" class="bubble npc-check value56" type="checkbox"/>
<input name="attr_npcMindsUsed6" class="bubble npc-check value6" type="checkbox"/>
</label>
<label>
Mojo<br/>
<input type="number" min="0" max="6" class="score npc-score" name="attr_npcMojo">
<input type="hidden" class="npc-score" name="attr_npcMojo">
<input name="attr_npcMojoUsed1" class="bubble npc-check value123456" type="checkbox"/>
<input name="attr_npcMojoUsed2" class="bubble npc-check value23456" type="checkbox"/>
<input name="attr_npcMojoUsed3" class="bubble npc-check value3456" type="checkbox"/>
<input name="attr_npcMojoUsed4" class="bubble npc-check value456" type="checkbox"/>
<input name="attr_npcMojoUsed5" class="bubble npc-check value56" type="checkbox"/>
<input name="attr_npcMojoUsed6" class="bubble npc-check value6" type="checkbox"/>
</label>
</div>
<div class="npc-secondary-stats">
<div class="score-block">
<label>
Threat<br/>
<input type="number" min="0" max="6" name="attr_npcThreat">
</label>
</div>
<div class="score-block">
<label>
Leadership<br/>
<input type="number" min="0" max="6" name="attr_npcLeadership">
</label>
</div>
</div>
<div class="npc-injury">
<div class="injury-container">
<div class="injury-clock">
<div class="clock-container-6">
<input
type="radio"
value="0"
name="attr_npcRoughDamage"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_npcRoughDamage"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_npcRoughDamage"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_npcRoughDamage"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_npcRoughDamage"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_npcRoughDamage"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_npcRoughDamage"
class="clock-checkbox clock-6 no-show"/>
<div class="clock"></div>
</div>
</div>
<div class="third-degree">
Out
</div>
<div class="second-degree">
Cowed
</div>
<div class="first-degree">
Timid
</div>
<div class="injury-label">
<h3>Rough</h3>
</div>
</div>
<div class="injury-container">
<div class="injury-clock">
<div class="clock-container-6">
<input
type="radio"
value="0"
name="attr_npcBloodyDamage"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_npcBloodyDamage"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_npcBloodyDamage"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_npcBloodyDamage"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_npcBloodyDamage"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_npcBloodyDamage"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_npcBloodyDamage"
class="clock-checkbox clock-6 no-show"/>
<div class="clock"></div>
</div>
</div>
<div class="third-degree">
Out
</div>
<div class="second-degree">
Cowed
</div>
<div class="first-degree">
Timid
</div>
<div class="injury-label">
<h3>Bloody</h3>
</div>
</div>
<div class="injury-container">
<div class="injury-clock">
<div class="clock-container-6">
<input
type="radio"
value="0"
name="attr_npcDeadlyDamage"
class="clock-checkbox clock-0" checked/>
<input
type="radio"
value="1"
name="attr_npcDeadlyDamage"
class="clock-checkbox clock-1 no-show"/>
<input
type="radio"
value="2"
name="attr_npcDeadlyDamage"
class="clock-checkbox clock-2 no-show"/>
<input
type="radio"
value="3"
name="attr_npcDeadlyDamage"
class="clock-checkbox clock-3 no-show"/>
<input
type="radio"
value="4"
name="attr_npcDeadlyDamage"
class="clock-checkbox clock-4 no-show"/>
<input
type="radio"
value="5"
name="attr_npcDeadlyDamage"
class="clock-checkbox clock-5 no-show"/>
<input
type="radio"
value="6"
name="attr_npcDeadlyDamage"
class="clock-checkbox clock-6 no-show"/>
<div class="clock"></div>
</div>
</div>
<div class="third-degree">
Out
</div>
<div class="second-degree">
Cowed
</div>
<div class="first-degree">
Timid
</div>
<div class="injury-label">
<h3>Deadly</h3>
</div>
</div>
</div>
<div class="npc-notes">
<!-- mojo types -->
<h3>
Gear<br/>
<textarea type="text" name="attr_npcGear" class="full"></textarea>
</h3>
<h3>
Abilities<br/>
<textarea type="text" name="attr_npcAbilities" class="full"></textarea>
</h3>
<h3>
Mojo<br/>
<textarea type="text" name="attr_npcMojoAbilities" class="full"></textarea>
</h3>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/worker">
const sumScores = (attrs, score) => {
return _.chain(attrs).mapObject(parseInt).pick((value, key) => key.includes(score)).values().reduce((memo, num)=>(memo + num), 0).value()
}
const updateActionScores = (dot) => {
const nouns = ['music', 'violence', 'tech', 'authority', 'minds', 'mojo']
const verbs = ['organize', 'perform', 'pose', 'evade', 'perceive']
const scores = dot.split('-')
getAttrs([
...nouns.map(noun => `${scores[0]}-${noun}`),
...verbs.map(verb => `${verb}-${scores[1]}`)
], (attrs) => {
const newValues = {}
newValues[scores[1]] = sumScores(attrs, scores[1])
newValues[scores[0]] = sumScores(attrs, scores[0])
setAttrs(newValues)
})
}
on("change:organize-music", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:organize-violence", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:organize-tech", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:organize-authority", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:organize-minds", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:organize-mojo", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:perform-music", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:perform-violence", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:perform-tech", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:perform-authority", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:perform-minds", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:perform-mojo", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:pose-music", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:pose-violence", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:pose-tech", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:pose-authority", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:pose-minds", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:pose-mojo", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:evade-music", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:evade-violence", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:evade-tech", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:evade-authority", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:evade-minds", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:evade-mojo", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:perceive-music", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:perceive-violence", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:perceive-tech", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:perceive-authority", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:perceive-minds", function(E) {
updateActionScores(E.sourceAttribute)
})
on("change:perceive-mojo", function(E) {
updateActionScores(E.sourceAttribute)
})
on("sheet:opened", () => {
setAttrs({
selected_noun_value: '',
selected_verb_value: '',
selected_verb:'',
selected_noun:'',
roll_total:''
})
})
on("change:selected_verb", (E) => {
$20(`.action-grid .${E.previousValue} button`)
.removeClass('selected')
$20(`.action-grid .${E.newValue} button`)
.addClass('selected')
})
on("change:selected_noun", (E) => {
$20(`.action-grid .${E.previousValue} button`)
.removeClass('selected')
$20(`.action-grid .${E.newValue} button`)
.addClass('selected')
})
function setRollValue(score, scoreType) {
getAttrs([score], (attrs) => {
const updateValues = {}
updateValues[`selected_${scoreType}`] = score
updateValues[`selected_${scoreType}_value`] = attrs[score]
setAttrs(updateValues, () => {
getAttrs([
'selected_verb_value',
'selected_noun_value'
], ({selected_verb_value, selected_noun_value})=>{
setAttrs({
roll_total: parseInt(selected_verb_value, 10) + parseInt(selected_noun_value, 10)
})
})
})
})
}
on("clicked:selectEvade", function(){
setRollValue('evade', 'verb')
})
on("clicked:selectPerceive", function(){
setRollValue('perceive', 'verb')
})
on("clicked:selectPose", function(){
setRollValue('pose', 'verb')
})
on("clicked:selectPerform", function(){
setRollValue('perform', 'verb')
})
on("clicked:selectOrganize", function(){
setRollValue('organize', 'verb')
})
on("clicked:selectMusic", function(){
setRollValue('music', 'noun')
})
on("clicked:selectViolence", function(){
setRollValue('violence', 'noun')
})
on("clicked:selectTech", function(){
setRollValue('tech', 'noun')
})
on("clicked:selectAuthority", function(){
setRollValue('authority', 'noun')
})
on("clicked:selectMinds", function(){
setRollValue('minds', 'noun')
})
on("clicked:selectMojo", function(){
setRollValue('mojo', 'noun')
})
on("change:drop_data", () => {
getAttrs(['drop_name', 'drop_category', 'drop_data'], ({drop_name, drop_category, drop_data}) => {
const update_attrs = {}
let RowID, prefix, parsedData
switch(drop_category) {
case "Riffs":
rowID = generateRowID()
prefix = `repeating_riffs_${rowID}`
update_attrs[`${prefix}_riff`] = drop_name
break;
case "Solos":
rowID = generateRowID()
prefix = `repeating_solos_${rowID}`
update_attrs[`${prefix}_solo`] = drop_name
break;
case "Roles":
rowID = generateRowID()
prefix = `repeating_roles_${rowID}`
parsedData = JSON.parse(drop_data)
update_attrs[`${prefix}_role`] = parsedData.Selector
break;
case "Assets":
rowID = generateRowID()
prefix = `repeating_assets_${rowID}`
parsedData = JSON.parse(drop_data)
update_attrs[`${prefix}_asset-type`] = parsedData.Selector
break;
case "NPCs":
case "NPC Spotlights":
rowID = generateRowID()
prefix = `repeating_npcs_${rowID}`
parsedData = JSON.parse(drop_data)
update_attrs[`${prefix}_npcName`] = drop_name
update_attrs[`${prefix}_npcMusic`] = parsedData.music || 0
update_attrs[`${prefix}_npcViolence`] = parsedData.violence || 0
update_attrs[`${prefix}_npcAuthority`] = parsedData.authority || 0
update_attrs[`${prefix}_npcMinds`] = parsedData.minds || 0
update_attrs[`${prefix}_npcTech`] = parsedData.tech || 0
update_attrs[`${prefix}_npcMojo`] = parsedData.mojo || 0
update_attrs[`${prefix}_npcThreat`] = parsedData.threat || 0
update_attrs[`${prefix}_npcLeadership`] = parsedData.leadership || 0
update_attrs[`${prefix}_npcGear`] = parsedData.gear || null
update_attrs[`${prefix}_npcAbilities`] = parsedData.abilities || null
break;
}
setAttrs(update_attrs)
})
});
</script>
Reference in New Issue View Git Blame Copy Permalink