Obsidian Portal - Campaign websites for Dungeons and Dragons and other tabletop RPGs

Fate Accelerated (forked from fate_core)

Author: OldeMusicke

Slug: fate_accelerated

Type: GameCharacter

System: Fate RPG

DST Source Code

HTML Template

<!--
This is a fork from fate_core. Original author's comments below.
-->
<!--
  You are reading the source of my DST, awesome.  I highly recommend looking at the github for it (https://github.com/crimsonknave/obsidian_portal_core) instead of where ever you are reading it now.  I'm writing the javascript in coffeescript so that's probably going to be more readable and the css is in scss.  If you find any bugs or have any feature requests you can create an issue on the github page or send me a message on Obsidian Portal.  Anything in master should be for the latest accepted version, branches will be in progress or not yet accepted submissions.
-->
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<div class='sheet_boundary'>
  <div class='game_info'>
    <div class='player'>
      <span>Player</span>
      <span class='dsf dsf_player'></span>
    </div>
    <div class='campaign'>
      <span>Campaign</span>
      <span class='dsf dsf_campaign'></span>
    </div>
  </div>
  <div class='avatar container'>
    <span class='dsf dsf_avatar_image readonly'></span>
  </div>
  <div class='basic_info container'>
    <div class='header_container'>
      <span class='header left'> </span>
      <span class='header id_header content'>ID</span>
      <span class='header right'> </span>
    </div>
    <div class='main_boxes'>
      <div class='left_box'>
        <div class='name'>
          <span class='sheet_title'>Name</span>
          <div class='grey'>
            <span class='dsf dsf_name'></span>
          </div>
        </div>
        <div class='description'>
          <div class='see-through'>
            <span class='sheet_title'>Description</span>
          </div>
          <div class='grey'>
            <span class='dsf dsf_description_field'></span>
          </div>
        </div>
      </div>
      <div class='right_box'>
        <div class='refresh points_box'>
          <span class='sheet_title'>Refresh</span>
          <div class='grey'>
            <span class='dsf dsf_refresh'></span>
          </div>
        </div>
        <div class='fate_points points_box'>
          <span class='sheet_title'>Fate Points</span>
          <div class='grey'>
            <span class='dsf dsf_fate_points'></span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class='aspects_header container'>
    <span class='header left'> </span>
    <span class='header content full_width_header'>ASPECTS</span>
    <span class='header right'> </span>
  </div>
  <div class='aspects container'>
    <div class='concept aspect'>
      <span class='sheet_title aspect_name dsf dsf_concept_label'></span>
      <div class='grey'>
        <span class='dsf dsf_concept'></span>
      </div>
      <div class='activator'>
        Disable:
        <span class='activator dsf dsf_concept_activator checkbox'></span>
      </div>
    </div>
    <div class='trouble aspect'>
      <span class='sheet_title aspect_name dsf dsf_trouble_label'></span>
      <div class='grey'>
        <span class='dsf dsf_trouble'></span>
      </div>
      <div class='activator'>
        Disable:
        <span class='activator dsf dsf_trouble_activator checkbox'></span>
      </div>
    </div>
    <div class='your_adventure aspect'>
      <span class='sheet_title aspect_name dsf dsf_your_adventure_label'></span>
      <div class='grey'>
        <span class='dsf dsf_your_adventure'></span>
      </div>
      <div class='activator'>
        Disable:
        <span class='activator dsf dsf_your_adventure_activator checkbox'></span>
      </div>
    </div>
    <div class='crossing_paths aspect'>
      <span class='sheet_title aspect_name dsf dsf_crossing_paths_label'></span>
      <div class='grey'>
        <span class='dsf dsf_crossing_paths'></span>
      </div>
      <div class='activator'>
        Disable:
        <span class='activator dsf dsf_crossing_paths_activator checkbox'></span>
      </div>
    </div>
    <div class='crossing_paths_again aspect'>
      <span class='sheet_title aspect_name dsf dsf_crossing_paths_again_label'></span>
      <div class='grey'>
        <span class='dsf dsf_crossing_paths_again'></span>
      </div>
      <div class='activator'>
        Disable:
        <span class='activator dsf dsf_crossing_paths_again_activator checkbox'></span>
      </div>
    </div>
    <div class='aspect_06 aspect extra'>
      <span class='sheet_title dsf dsf_aspect_06_title'></span>
      <div class='grey'>
        <span class='dsf dsf_aspect_06'></span>
      </div>
      <div class='activator'>
        Enable:
        <span class='activator dsf dsf_aspect_06_activator checkbox'></span>
      </div>
    </div>
    <div class='aspect_07 aspect extra'>
      <span class='sheet_title dsf dsf_aspect_07_title'></span>
      <div class='grey'>
        <span class='dsf dsf_aspect_07'></span>
      </div>
      <div class='activator'>
        Enable:
        <span class='activator dsf dsf_aspect_07_activator checkbox'></span>
      </div>
    </div>
    <div class='aspect_08 aspect extra'>
      <span class='sheet_title dsf dsf_aspect_08_title'></span>
      <div class='grey'>
        <span class='dsf dsf_aspect_08'></span>
      </div>
      <div class='activator'>
        Enable:
        <span class='activator dsf dsf_aspect_08_activator checkbox'></span>
      </div>
    </div>
    <div class='aspect_09 aspect extra'>
      <span class='sheet_title dsf dsf_aspect_09_title'></span>
      <div class='grey'>
        <span class='dsf dsf_aspect_09'></span>
      </div>
      <div class='activator'>
        Enable:
        <span class='activator dsf dsf_aspect_09_activator checkbox'></span>
      </div>
    </div>
    <div class='aspect_10 aspect extra'>
      <span class='sheet_title dsf dsf_aspect_10_title'></span>
      <div class='grey'>
        <span class='dsf dsf_aspect_10'></span>
      </div>
      <div class='activator'>
        Enable:
        <span class='activator dsf dsf_aspect_10_activator checkbox'></span>
      </div>
    </div>
    <div class='aspect_11 aspect extra'>
      <span class='sheet_title dsf dsf_aspect_11_title'></span>
      <div class='grey'>
        <span class='dsf dsf_aspect_11'></span>
      </div>
      <div class='activator'>
        Enable:
        <span class='activator dsf dsf_aspect_11_activator checkbox'></span>
      </div>
    </div>
    <div class='aspect_12 aspect extra'>
      <span class='sheet_title dsf dsf_aspect_12_title'></span>
      <div class='grey'>
        <span class='dsf dsf_aspect_12'></span>
      </div>
      <div class='activator'>
        Enable:
        <span class='activator dsf dsf_aspect_12_activator checkbox'></span>
      </div>
    </div>
    <div class='aspect_13 aspect extra'>
      <span class='sheet_title dsf dsf_aspect_13_title'></span>
      <div class='grey'>
        <span class='dsf dsf_aspect_13'></span>
      </div>
      <div class='activator'>
        Enable:
        <span class='activator dsf dsf_aspect_13_activator checkbox'></span>
      </div>
    </div>
    <div class='aspect_14 aspect extra'>
      <span class='sheet_title dsf dsf_aspect_14_title'></span>
      <div class='grey'>
        <span class='dsf dsf_aspect_14'></span>
      </div>
      <div class='activator'>
        Enable:
        <span class='activator dsf dsf_aspect_14_activator checkbox'></span>
      </div>
    </div>
    <div class='aspect_15 aspect extra'>
      <span class='sheet_title dsf dsf_aspect_15_title'></span>
      <div class='grey'>
        <span class='dsf dsf_aspect_15'></span>
      </div>
      <div class='activator'>
        Enable:
        <span class='activator dsf dsf_aspect_15_activator checkbox'></span>
      </div>
    </div>
  </div>
  <div class='approach_header container'>
    <span class='header left'> </span>
    <span class='header content full_width_header'>APPROACHES</span>
    <span class='header right'> </span>
  </div>
  <table class='approaches container'>
    <tr class='approach careful'>
      <td class='sheet_title'>
        <span class='approach_name dsf dsf_careful_label'></span>
      </td>
      <td class='approach_holder'>
        <ul>
          <li class='approach active'>
            <span class='approach_careful dsf dsf_approach_careful_00'></span>
          </li>
        </ul>
      </td>
    </tr>
    <tr class='approach clever'>
      <td class='sheet_title'>
        <span class='approach_name dsf dsf_clever_label'></span>
      </td>
      <td class='approach_holder'>
        <ul>
          <li class='approach active'>
            <span class='approach_clever dsf dsf_approach_clever_00'></span>
          </li>
        </ul>
      </td>
    </tr>
    <tr class='approach flashy'>
      <td class='sheet_title'>
        <span class='approach_name dsf dsf_flashy_label'></span>
      </td>
      <td class='approach_holder'>
        <ul>
          <li class='approach active'>
            <span class='approach_great dsf dsf_approach_flashy_00'></span>
          </li>
        </ul>
      </td>
    </tr>
    <tr class='approach forceful'>
      <td class='sheet_title'>
        <span class='approach_name dsf dsf_forceful_label'></span>
      </td>
      <td class='approach_holder'>
        <ul>
          <li class='approach active'>
            <span class='approach_good dsf dsf_approach_forceful_00'></span>
          </li>
        </ul>
      </td>
    </tr>
    <tr class='approach quick'>
      <td class='sheet_title'>
        <span class='approach_name dsf dsf_quick_label'></span>
      </td>
      <td class='approach_holder'>
        <ul>
          <li class='approach active'>
            <span class='approach_fair dsf dsf_quick_00'></span>
          </li>
        </ul>
      </td>
    </tr>
    <tr class='approach sneaky'>
      <td class='sheet_title'>
        <span class='approach_name dsf dsf_sneaky_label'></span>
      </td>
      <td class='approach_holder'>
        <ul>
          <li class='approach active'>
            <span class='approach_average dsf dsf_sneaky_00'></span>
          </li>
        </ul>
      </td>
    </tr>
  </table>
  <div class='stunts container'>
    <span class='header left'> </span>
    <span class='header content full_width_header'>STUNTS</span>
    <span class='header right'> </span>
    <table class='stunts'>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_01_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_01_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_01_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_02_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_02_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_02_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_03_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_03_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_03_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_04_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_04_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_04_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_05_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_05_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_05_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_06_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_06_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_06_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_07_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_07_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_07_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_08_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_08_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_08_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_09_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_09_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_09_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_10_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_10_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_10_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_11_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_11_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_11_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_12_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_12_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_12_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_13_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_13_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_13_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_14_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_14_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_14_active checkbox'></span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <span class='name dsf dsf_stunt_15_name'></span>
        </td>
        <td>
          <span class='value dsf dsf_stunt_15_description'></span>
        </td>
        <td>
          <div class='activator'>
            Show:
            <span class='activator dsf dsf_stunt_15_active checkbox'></span>
          </div>
        </td>
      </tr>
    </table>
    <span class='dsf dsf_stunts large_text'></span>
  </div>
  <div class='extras container large_text'>
    <span class='header left'> </span>
    <span class='header content full_width_header'>EXTRAS</span>
    <span class='header right'> </span>
    <span class='dsf dsf_extras'></span>
  </div>
  <div class='hurtings'>
    <div class='negative_aspects'>
      <div class='condition activator'>
        Replace Consequences with Conditions:
        <span class='conditions_active dsf dsf_conditions_active checkbox'></span>
      </div>
      <div class='consequences container'>
        <span class='header left'> </span>
        <span class='header content consequences_header'>CONSEQUENCES</span>
        <span class='header right'> </span>
        <div class='mild consequence'>
          <span class='sheet_label dsf dsf_mild_consequence_label'></span>
          <span class='sheet_title dsf dsf_mild_consequence_title'></span>
          <div class='grey'>
            <span class='value dsf dsf_mild_consequence'></span>
          </div>
          <div class='activator'>
            Disable:
            <span class='activator dsf dsf_mild_consequence_activator checkbox'></span>
          </div>
        </div>
        <div class='moderate consequence'>
          <span class='sheet_label dsf dsf_moderate_consequence_label'></span>
          <span class='sheet_title dsf dsf_moderate_consequence_title'></span>
          <div class='grey'>
            <span class='value dsf dsf_moderate_consequence'></span>
          </div>
          <div class='activator'>
            Disable:
            <span class='activator dsf dsf_moderate_consequence_activator checkbox'></span>
          </div>
        </div>
        <div class='severe consequence'>
          <span class='sheet_label dsf dsf_severe_consequence_label'></span>
          <span class='sheet_title dsf dsf_severe_consequence_title'></span>
          <div class='grey'>
            <span class='value dsf dsf_severe_consequence'></span>
          </div>
          <div class='activator'>
            Disable:
            <span class='activator dsf dsf_severe_consequence_activator checkbox'></span>
          </div>
        </div>
        <div class='extra consequence'>
          <span class='sheet_label dsf dsf_extra_01_consequence_label'></span>
          <span class='sheet_title dsf dsf_extra_01_consequence_title'></span>
          <div class='grey'>
            <span class='value dsf dsf_extra_01_consequence'></span>
          </div>
          <div class='activator'>
            Enable:
            <span class='activator dsf dsf_extra_01_consequence_activator checkbox'></span>
          </div>
        </div>
        <div class='extra consequence'>
          <span class='sheet_label dsf dsf_extra_02_consequence_label'></span>
          <span class='sheet_title dsf dsf_extra_02_consequence_title'></span>
          <div class='grey'>
            <span class='value dsf dsf_extra_02_consequence'></span>
          </div>
          <div class='activator'>
            Enable:
            <span class='activator dsf dsf_extra_02_consequence_activator checkbox'></span>
          </div>
        </div>
        <div class='extra consequence'>
          <span class='sheet_label dsf dsf_extra_03_consequence_label'></span>
          <span class='sheet_title dsf dsf_extra_03_consequence_title'></span>
          <div class='grey'>
            <span class='value dsf dsf_extra_03_consequence'></span>
          </div>
          <div class='activator'>
            Enable:
            <span class='activator dsf dsf_extra_03_consequence_activator checkbox'></span>
          </div>
        </div>
      </div>
      <div class='conditions container'>
        <span class='header left'> </span>
        <span class='header content conditions_header'>CONDITIONS</span>
        <span class='header right'> </span>
        <table class='conditions'>
          <tr>
            <td class='conditions'>
              <div class='conditions group active'>
                <div class='sheet_label'>1</div>
                <span class='dsf dsf_fleeting_condition_01 checkbox'></span>
              </div>
              <span class='dsf dsf_fleeting_condition_01_label condition_label'></span>
            </td>
            <td class='conditions'>
              <div class='conditions group inactive'>
                <div class='sheet_label'>2</div>
                <span class='dsf dsf_sticky_condition_01 checkbox'></span>
              </div>
              <span class='dsf dsf_sticky_condition_01_label condition_label'></span>
            </td>
            <td class='conditions lasting'>
              <div class='conditions group inactive'>
                <div class='sheet_label'>4</div>
                <span class='dsf dsf_lasting_condition_01_1 checkbox'></span>
              </div>
              <div class='conditions group inactive'>
                <div class='sheet_label'>4</div>
                <span class='dsf dsf_lasting_condition_01_2 checkbox'></span>
              </div>
              <span class='dsf dsf_lasting_condition_01_label condition_label'></span>
            </td>
          </tr>
          <tr>
            <td class='conditions'>
              <div class='conditions group active'>
                <div class='sheet_label'>1</div>
                <span class='dsf dsf_fleeting_condition_02 checkbox'></span>
              </div>
              <span class='dsf dsf_fleeting_condition_02_label condition_label'></span>
            </td>
            <td class='conditions'>
              <div class='conditions group inactive'>
                <div class='sheet_label'>2</div>
                <span class='dsf dsf_sticky_condition_02 checkbox'></span>
              </div>
              <span class='dsf dsf_sticky_condition_02_label condition_label'></span>
            </td>
            <td class='conditions lasting'>
              <div class='conditions group inactive'>
                <div class='sheet_label'>4</div>
                <span class='dsf dsf_lasting_condition_02_1 checkbox'></span>
              </div>
              <div class='conditions group inactive'>
                <div class='sheet_label'>4</div>
                <span class='dsf dsf_lasting_condition_02_2 checkbox'></span>
              </div>
              <span class='dsf dsf_lasting_condition_02_label condition_label'></span>
            </td>
          </tr>
          <tr>
            <td class='conditions'>
              <div class='conditions group active'>
                <div class='sheet_label'>1</div>
                <span class='dsf dsf_fleeting_condition_03 checkbox'></span>
              </div>
              <span class='dsf dsf_fleeting_condition_03_label condition_label'></span>
            </td>
            <td class='conditions'>
              <div class='conditions group inactive'>
                <div class='sheet_label'>2</div>
                <span class='dsf dsf_sticky_condition_03 checkbox'></span>
              </div>
              <span class='dsf dsf_sticky_condition_03_label condition_label'></span>
            </td>
            <td class='conditions lasting'>
              <div class='conditions group inactive'>
                <div class='sheet_label'>4</div>
                <span class='dsf dsf_lasting_condition_03_1 checkbox'></span>
              </div>
              <div class='conditions group inactive'>
                <div class='sheet_label'>4</div>
                <span class='dsf dsf_lasting_condition_03_2 checkbox'></span>
              </div>
              <span class='dsf dsf_lasting_condition_03_label condition_label'></span>
            </td>
          </tr>
          <tr>
            <td class='conditions'>
              <div class='conditions group active'>
                <div class='sheet_label'>1</div>
                <span class='dsf dsf_fleeting_condition_04 checkbox'></span>
              </div>
              <span class='dsf dsf_fleeting_condition_04_label condition_label'></span>
            </td>
            <td class='conditions'>
              <div class='conditions group inactive'>
                <div class='sheet_label'>2</div>
                <span class='dsf dsf_sticky_condition_04 checkbox'></span>
              </div>
              <span class='dsf dsf_sticky_condition_04_label condition_label'></span>
            </td>
            <td class='conditions lasting'>
              <div class='conditions group inactive'>
                <div class='sheet_label'>4</div>
                <span class='dsf dsf_lasting_condition_04_1 checkbox'></span>
              </div>
              <div class='conditions group inactive'>
                <div class='sheet_label'>4</div>
                <span class='dsf dsf_lasting_condition_04_2 checkbox'></span>
              </div>
              <span class='dsf dsf_lasting_condition_04_label condition_label'></span>
            </td>
          </tr>
        </table>
      </div>
    </div>
    <div class='stress_container'>
      <div class='standard stress container'>
        <span class='header left'> </span>
        <span class='header content stress_header'>STRESS</span>
        <span class='header right'> </span>
      </div>
      <table class='accelerated stress'>
        <tr>
          <td class='stress'>
            <div class='stress group'>
              <div class='sheet_label'>1</div>
              <span class='dsf dsf_accelerated_stress_01 checkbox'></span>
            </div>
            <div class='stress activator'>
              On:
              <span class='stress_active dsf dsf_accelerated_stress_01_active checkbox'></span>
            </div>
          </td>
          <td class='stress'>
            <div class='stress group'>
              <div class='sheet_label'>2</div>
              <span class='dsf dsf_accelerated_stress_02 checkbox'></span>
            </div>
            <div class='stress activator'>
              On:
              <span class='stress_active dsf dsf_accelerated_stress_02_active checkbox'></span>
            </div>
          </td>
          <td class='stress'>
            <div class='stress group'>
              <div class='sheet_label'>3</div>
              <span class='dsf dsf_accelerated_stress_03 checkbox'></span>
            </div>
            <div class='stress activator'>
              On:
              <span class='stress_active dsf dsf_accelerate_stress_03_active checkbox'></span>
            </div>
          </td>
          <td class='stress'>
            <div class='stress group'>
              <div class='sheet_label'>4</div>
              <span class='dsf dsf_accelerated_stress_04 checkbox'></span>
            </div>
            <div class='stress activator'>
              On:
              <span class='stress_active dsf dsf_accelerated_stress_04_active checkbox'></span>
            </div>
          </td>
          <td></td>
        </tr>
      </table>
      <div class='stress_track inactive'>
        <div class='inactive stress container'>
          <span class='header left'> </span>
          <span class='header content stress_header dsf dsf_extra_01_stress_header'></span>
          <span class='header right'> </span>
        </div>
        <div class='activator'>
          Display?
          <span class='dsf dsf_extra_01_stress_active checkbox'></span>
        </div>
        <table class='inactive stress'>
          <tr>
            <td class='stress'>
              <div class='stress group'>
                <div class='sheet_label'>1</div>
                <span class='dsf dsf_extra_01_stress_01 checkbox'></span>
              </div>
              <div class='stress activator'>
                On:
                <span class='stress_active dsf dsf_extra_01_stress_01_active checkbox'></span>
              </div>
            </td>
            <td class='stress'>
              <div class='stress group'>
                <div class='sheet_label'>2</div>
                <span class='dsf dsf_extra_01_stress_02 checkbox'></span>
              </div>
              <div class='stress activator'>
                On:
                <span class='stress_active dsf dsf_extra_01_stress_02_active checkbox'></span>
              </div>
            </td>
            <td class='stress'>
              <div class='stress group'>
                <div class='sheet_label'>3</div>
                <span class='dsf dsf_extra_01_stress_03 checkbox'></span>
              </div>
              <div class='stress activator'>
                On:
                <span class='stress_active dsf dsf_extra_01_stress_03_active checkbox'></span>
              </div>
            </td>
            <td class='stress'>
              <div class='stress group'>
                <div class='sheet_label'>4</div>
                <span class='dsf dsf_extra_01_stress_04 checkbox'></span>
              </div>
              <div class='stress activator'>
                On:
                <span class='stress_active dsf dsf_extra_01_stress_04_active checkbox'></span>
              </div>
            </td>
            <td></td>
          </tr>
        </table>
      </div>
    </div>
  </div>
  <div class='bio'>
    <div class='backstory container'>
      <span class='header left'> </span>
      <span class='header full_width_header content'>BACKSTORY</span>
      <span class='header right'> </span>
    </div>
    <span class='dsf dsf_bio'></span>
    <div class='credits'>
      Character by
      <span class='dsf dsf_player'></span>,
      <span class='dsf dsf_dst_author'></span>
    </div>
  </div>
  <!-- End HTML Template - Don't copy anything below here into the template! -->
</div>

CSS

/****************************
 * This is the CSS for the DST.
 * Copy and paste this directly into the CSS textarea on obsidianportal.com
 *****************************/
.ds_fate_accelerated.editable .activator {
  display: block; }

.hidden {
  display: none; }

.ds_fate_accelerated table {
  background: none; }
  .ds_fate_accelerated table tr:nth-of-type(even) {
    background: none; }
.ds_fate_accelerated .grey {
  background: rgba(50, 50, 50, 0.25); }
.ds_fate_accelerated .game_info {
  padding-left: 5px;
  padding-top: 5px; }
.ds_fate_accelerated .activator {
  display: none; }
.ds_fate_accelerated .sheet_boundary {
  background: white; }
.ds_fate_accelerated .container {
  margin: 5px; }
.ds_fate_accelerated .hurtings {
  overflow: hidden;
  margin-bottom: 20px; }
.ds_fate_accelerated .negative_aspects {
  width: -moz-calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
  margin-top: 0px;
  float: right; }
.ds_fate_accelerated .credits {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  font-size: 75%; }
.ds_fate_accelerated .backstory_container {
  padding-left: 4px; }

.ds_fate_accelerated .aspects .sheet_title form.jeditable_input input {
  min-width: 170px !important;
  max-width: 170px !important;
  padding: 0px; }
.ds_fate_accelerated .aspects .grey form.jeditable_input {
  height: 14px; }
  .ds_fate_accelerated .aspects .grey form.jeditable_input input {
    min-width: 485px !important;
    max-width: 485px !important;
    padding: 0px; }
.ds_fate_accelerated .aspects .inactive {
  display: none; }
.ds_fate_accelerated .aspects .grey {
  margin-left: 185px;
  height: 21px;
  overflow: hidden; }
.ds_fate_accelerated .aspects .aspect {
  border: 2px solid black;
  margin: 3px 0px;
  height: 21px; }
  .ds_fate_accelerated .aspects .aspect span.sheet_title {
    text-align: right;
    width: 180px;
    font-weight: bold;
    float: left;
    padding-right: 3px; }
  .ds_fate_accelerated .aspects .aspect span.dsf {
    padding-left: 3px; }
    .ds_fate_accelerated .aspects .aspect span.dsf form.jeditable_input {
      position: relative;
      top: -1px;
      height: 0px; }
  .ds_fate_accelerated .aspects .aspect .activator {
    position: relative;
    top: -22px;
    left: 636px;
    width: 67px;
    padding: 0px;
    padding-left: 3px;
    height: 20px; }
    .ds_fate_accelerated .aspects .aspect .activator input {
      position: relative;
      top: 3px;
      left: -581px; }

.ds_fate_accelerated.editable .aspect.inactive {
  display: block;
  border: 2px solid darkgrey; }
  .ds_fate_accelerated.editable .aspect.inactive .sheet_title {
    color: darkgrey; }

.ds_fate_accelerated .avatar {
  float: right;
  width: 257px;
  height: 257px; }
  .ds_fate_accelerated .avatar img {
    float: right; }
  .ds_fate_accelerated .avatar img.tall {
    height: 256px;
    width: auto; }
  .ds_fate_accelerated .avatar img.wide {
    height: auto;
    width: 256px; }

.ds_fate_accelerated .basic_info {
  width: -moz-calc(100% - 272px);
  width: -webkit-calc(100% - 272px);
  width: calc(100% - 272px);
  height: auto; }
  .ds_fate_accelerated .basic_info .main_boxes {
    margin: 1px;
    height: 231px;
    margin-bottom: 5px; }
  .ds_fate_accelerated .basic_info .left_box {
    width: -moz-calc(100% - 107px);
    width: -webkit-calc(100% - 107px);
    width: calc(100% - 107px);
    height: 231px;
    float: left; }
  .ds_fate_accelerated .basic_info .right_box {
    width: 105px;
    height: 231px;
    float: left;
    margin-left: 2px; }
  .ds_fate_accelerated .basic_info .name {
    border: 2px solid black;
    height: 30px;
    margin-bottom: 3px;
    white-space: nowrap; }
    .ds_fate_accelerated .basic_info .name .grey {
      margin-left: 101px;
      height: 100%; }
    .ds_fate_accelerated .basic_info .name span.sheet_title {
      text-align: right;
      width: 98px;
      height: 30px;
      font-weight: bold;
      float: left;
      padding-right: 5px; }
    .ds_fate_accelerated .basic_info .name span.dsf {
      padding-left: 5px;
      height: 30px; }
  .ds_fate_accelerated .basic_info .description {
    border: 2px solid black;
    height: 190px;
    overflow: hidden; }
    .ds_fate_accelerated .basic_info .description form.jeditable_input input {
      min-width: 200px !important;
      padding: 0px; }
    .ds_fate_accelerated .basic_info .description .see-through {
      text-align: right;
      width: 97px;
      height: 190px;
      font-weight: bold;
      float: left;
      padding-right: 4px;
      margin-right: 0px; }
    .ds_fate_accelerated .basic_info .description .grey {
      height: 100%;
      width: -moz-calc(100% - 105px);
      width: -webkit-calc(100% - 105px);
      width: calc(100% - 105px);
      float: left;
      padding-left: 4px; }
  .ds_fate_accelerated .basic_info .points_box {
    border: 2px solid black;
    height: 109px;
    margin-bottom: 5px; }
    .ds_fate_accelerated .basic_info .points_box .grey {
      height: 91px;
      position: relative;
      top: 20px; }
    .ds_fate_accelerated .basic_info .points_box form.jeditable_input {
      position: relative;
      top: 40px; }
      .ds_fate_accelerated .basic_info .points_box form.jeditable_input input {
        width: 10px !important;
        padding: 0px; }
    .ds_fate_accelerated .basic_info .points_box span.sheet_title {
      text-align: right;
      width: 98px;
      height: 21px;
      font-weight: bold;
      float: left;
      padding-right: 3px; }
    .ds_fate_accelerated .basic_info .points_box span.dsf {
      font-size: 6em;
      width: 76px;
      position: relative;
      left: 20px;
      bottom: 40px;
      font-weight: bold; }
    .ds_fate_accelerated .basic_info .points_box span.dsf.placeholder {
      left: 5px;
      font-size: 1em;
      top: 20px;
      font-weight: normal; }
      .ds_fate_accelerated .basic_info .points_box span.dsf.placeholder form.jeditable_input {
        top: 10px;
        position: relative; }

.ds_fate_accelerated .conditions table.conditions {
  margin-bottom: 5px;
  padding-left: 5px; }
  .ds_fate_accelerated .conditions table.conditions .group {
    float: left;
    padding: 0px;
    margin: 5px 5px;
    height: 20px;
    width: 20px; }
  .ds_fate_accelerated .conditions table.conditions .active {
    border: 2px solid black;
    color: black; }
  .ds_fate_accelerated .conditions table.conditions .inactive {
    border: 2px solid darkgrey;
    color: darkgrey; }
  .ds_fate_accelerated .conditions table.conditions td.lasting {
    width: 40%; }
  .ds_fate_accelerated .conditions table.conditions td {
    width: 30%;
    padding-bottom: 0px;
    padding-top: 5px; }
    .ds_fate_accelerated .conditions table.conditions td span.dsf.condition_label {
      float: left;
      padding-top: 10px; }
    .ds_fate_accelerated .conditions table.conditions td .group .sheet_label {
      width: 5px;
      font-weight: bold;
      font-size: 2em;
      position: relative;
      top: -10px;
      left: -10px;
      z-index: 1; }
    .ds_fate_accelerated .conditions table.conditions td .group span.dsf {
      position: relative;
      left: 4px;
      top: -11px; }

.ds_fate_accelerated .consequences_header {
  width: 378px; }
.ds_fate_accelerated .consequences {
  margin-top: 0px; }
  .ds_fate_accelerated .consequences .grey {
    margin-left: 90px;
    position: relative;
    top: -62px;
    height: 100%;
    overflow: hidden; }
  .ds_fate_accelerated .consequences .inactive {
    display: none; }
  .ds_fate_accelerated .consequences .consequence {
    height: 20px;
    margin: 12px 0px;
    border: 2px solid black; }
    .ds_fate_accelerated .consequences .consequence .sheet_label {
      position: relative;
      left: -10px;
      top: -23px;
      font-size: 2em;
      font-weight: bold;
      z-index: 1; }
    .ds_fate_accelerated .consequences .consequence span.sheet_title {
      display: block;
      padding-right: 3px;
      text-align: right;
      height: 20px;
      width: 85px;
      position: relative;
      left: 0px;
      top: -43px;
      font-weight: bold; }
    .ds_fate_accelerated .consequences .consequence span.value {
      z-index: 1;
      padding-left: 3px; }
    .ds_fate_accelerated .consequences .consequence form.jeditable_input {
      position: relative;
      top: -24px; }
      .ds_fate_accelerated .consequences .consequence form.jeditable_input input {
        padding: 0px; }
    .ds_fate_accelerated .consequences .consequence .activator {
      position: relative;
      top: -82px;
      left: 341px;
      width: 67px;
      padding: 0px;
      padding-left: 3px;
      height: 20px; }
      .ds_fate_accelerated .consequences .consequence .activator input {
        position: relative;
        top: 63px;
        left: -291px; }

.ds_fate_accelerated.editable .consequence.inactive {
  display: block;
  border: 2px solid darkgrey; }
  .ds_fate_accelerated.editable .consequence.inactive .sheet_label {
    color: darkgrey; }

.ds_fate_accelerated span.header.content {
  color: white;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 4px;
  height: 17px;
  width: -moz-calc(100% - 42px);
  width: -webkit-calc(100% - 42px);
  width: calc(100% - 42px); }
.ds_fate_accelerated span.header.left {
  background: url(https://chainsawxiv.github.io/DST/common/images/misc/black-header-left.png);
  display: inline-block;
  width: 21px;
  height: 21px; }
.ds_fate_accelerated span.header.right {
  background: url(https://chainsawxiv.github.io/DST/common/images/misc/black-header-right.png);
  float: none;
  display: inline-block;
  width: 21px;
  height: 21px; }
.ds_fate_accelerated .header {
  background: black;
  margin-bottom: 5px; }
.ds_fate_accelerated .id_header.content {
  width: 414px; }
.ds_fate_accelerated .full_width_header.content {
  width: 676px; }

.ds_fate_accelerated table.approaches tr.approach {
  height: 30px;
  position: relative;
  top: 0px;
  left: 0px; }
  .ds_fate_accelerated table.approaches tr.approach span {
    display: inline-block; }
  .ds_fate_accelerated table.approaches tr.approach .approach_holder {
    display: inline-block;
    width: 100%; }
  .ds_fate_accelerated table.approaches tr.approach td.sheet_title {
    font-weight: bold;
    width: 110px;
    text-align: right;
    padding-left: 0px;
    padding-right: 2px; }
  .ds_fate_accelerated table.approaches tr.approach td.approach_holder {
    padding-left: 0px;
    height: 19px;
    position: relative;
    top: -3px;
    left: 0px; }
    .ds_fate_accelerated table.approaches tr.approach td.approach_holder form.jeditable_input {
      height: 0px;
      position: absolute;
      left: 3px; }
      .ds_fate_accelerated table.approaches tr.approach td.approach_holder form.jeditable_input input {
        min-width: 105px !important;
        height: 16px !important; }
.ds_fate_accelerated table.approaches ul {
  display: inline;
  list-style: none;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 0px; }
  .ds_fate_accelerated table.approaches ul li.inactive {
    border: 2px solid grey; }
  .ds_fate_accelerated table.approaches ul li.active {
    position: relative;
    top: -4px; }
  .ds_fate_accelerated table.approaches ul li {
    display: inline-block;
    border: 2px solid black;
    margin: 0px 2px;
    width: -moz-calc((100% - 66px)/6);
    width: -webkit-calc((100% - 66px)/6);
    width: calc((100% - 66px)/6); }
    .ds_fate_accelerated table.approaches ul li span {
      display: inline-block;
      position: relative;
      padding-left: 2px;
      height: 19px;
      font-size: 13px; }

.ds_fate_accelerated .stress_header {
  width: 238px; }
.ds_fate_accelerated .stress_track.inactive {
  display: none; }
.ds_fate_accelerated .stress_container {
  width: 290px; }
.ds_fate_accelerated table.stress {
  margin-bottom: 5px;
  padding-left: 5px; }
  .ds_fate_accelerated table.stress .group {
    padding: 0px;
    margin: 5px 5px;
    height: 20px;
    width: 20px; }
  .ds_fate_accelerated table.stress .active {
    border: 2px solid black;
    color: black; }
  .ds_fate_accelerated table.stress .inactive {
    border: 2px solid darkgrey;
    color: darkgrey; }
  .ds_fate_accelerated table.stress td .group .sheet_label {
    width: 5px;
    font-weight: bold;
    font-size: 2em;
    position: relative;
    top: -10px;
    left: -10px;
    z-index: 1; }
  .ds_fate_accelerated table.stress td .group span.dsf {
    position: relative;
    left: 4px;
    top: -11px; }

.ds_fate_accelerated.editable .stress_track.inactive {
  display: block;
  background: lightgrey; }
  .ds_fate_accelerated.editable .stress_track.inactive .activator {
    padding-left: 10px; }
  .ds_fate_accelerated.editable .stress_track.inactive .sheet_label {
    color: white; }
  .ds_fate_accelerated.editable .stress_track.inactive .stress.group {
    border: 2px solid white; }

.ds_fate_accelerated table.stunts tr.inactive {
  display: none; }
.ds_fate_accelerated table.stunts td {
  border-bottom: 1px solid black; }
.ds_fate_accelerated table.stunts .last_row td {
  border: none; }

.ds_fate_accelerated.editable table.stunts tr.inactive {
  color: darkgrey !important;
  display: table-row; }
  .ds_fate_accelerated.editable table.stunts tr.inactive td {
    color: darkgrey !important; }

.ds_fate_accelerated {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px; }
  .ds_fate_accelerated table tr td {
    font-family: 'Montserrat', sans-serif !important; }
  .ds_fate_accelerated form.jeditable_input {
    z-index: 1; }
    .ds_fate_accelerated form.jeditable_input input {
      z-index: 1;
      min-width: 80px !important;
      padding: 0px;
      height: 20px !important; }
    .ds_fate_accelerated form.jeditable_input button {
      z-index: 1;
      position: absolute;
      background: grey;
      margin: 3px;
      padding: 0px 5px;
      height: 18px; }
  .ds_fate_accelerated .large_text form.jeditable_input input {
    min-width: 600px !important;
    padding: 0px; }

JavaScript

(function() {
  var $;

  $ = jQuery;

  window.fate_accelerated_dataPreLoad = function(options) {};

  window.fate_accelerated_dataPostLoad = function(options) {
    fate_accelerated_mark_used_approaches();
    fate_accelerated_set_conditions_or_consequences();
    fate_accelerated_set_active_conditions();
    fate_accelerated_set_active_stress_boxes();
    fate_accelerated_set_active_stress_tracks();
    fate_accelerated_set_active_consequences();
    fate_accelerated_set_active_stunts();
    fate_accelerated_set_active_aspects();
    fate_accelerated_size_avatar();
    fate_accelerated_size_points();
    fate_accelerated_default_extra_consequences();
    fate_accelerated_default_approach_names();
    fate_accelerated_default_aspect_names();
    fate_accelerated_hide_last_table_row();
    return fate_accelerated_resize_name();
  };

  window.fate_accelerated_dataChange = function(options) {
    fate_accelerated_update_approach(options);
    fate_accelerated_update_condition(options);
    fate_accelerated_activate_conditions_or_consequences(options);
    fate_accelerated_update_active_stress(options);
    fate_accelerated_update_active_stress_tracks(options);
    fate_accelerated_update_active_consequences(options);
    fate_accelerated_update_active_stunts(options);
    fate_accelerated_set_active_aspects();
    fate_accelerated_size_points();
    fate_accelerated_default_extra_consequences();
    fate_accelerated_default_approach_names();
    return fate_accelerated_default_aspect_names();
  };

  window.fate_accelerated_dataPreSave = function(options) {};

  window.fate_accelerated_hide_last_table_row = function() {
    return $('table.stunts tr:visible:last').addClass('last_row');
  };

  window.fate_accelerated_resize_name = function() {
    return setTimeout((function() {
      var name, results, size;
      name = $('.dsf_name')[0];
      size = 22;
      name.style.fontSize = size + "px";
      results = [];
      while (name.offsetWidth > 235) {
        size--;
        results.push(name.style.fontSize = size + "px");
      }
      return results;
    }), 1000);
  };

  window.fate_accelerated_default_aspect_names = function() {
    var aspect, aspects, i, len, results;
    aspects = $('.aspect_name');
    results = [];
    for (i = 0, len = aspects.length; i < len; i++) {
      aspect = aspects[i];
      aspect = $(aspect);
      if (aspect.text() === aisleten.characters.jeditablePlaceholder || aspect.text() === '') {
        if (aspect.hasClass('dsf_concept_label')) {
          results.push(aspect.text('High Concept'));
        } else if (aspect.hasClass('dsf_trouble_label')) {
          results.push(aspect.text('Trouble'));
        } else if (aspect.hasClass('dsf_your_adventure_label')) {
          results.push(aspect.text('Your Adventure'));
        } else if (aspect.hasClass('dsf_crossing_paths_label')) {
          results.push(aspect.text('Crossing Paths'));
        } else if (aspect.hasClass('dsf_crossing_paths_again_label')) {
          results.push(aspect.text('Crossing Paths Again'));
        } else {
          results.push(void 0);
        }
      } else {
        results.push(void 0);
      }
    }
    return results;
  };

  window.fate_accelerated_set_active_conditions = function() {
    var condition, conditions, i, label, len, results;
    conditions = $('td.conditions');
    results = [];
    for (i = 0, len = conditions.length; i < len; i++) {
      condition = conditions[i];
      condition = $(condition);
      label = $(condition.children('span'));
      results.push(enable_or_disable_conditions(label));
    }
    return results;
  };

  window.fate_accelerated_default_approach_names = function() {
    var i, len, results, approach, approaches;
    approaches = $('.approach_name');
    results = [];
    for (i = 0, len = approaches.length; i < len; i++) {
      approach = approaches[i];
      approach = $(approach);
      if (approach.text() === aisleten.characters.jeditablePlaceholder || approach.text() === '') {
        if (approach.hasClass('dsf_sneaky_label')) {
          results.push(approach.text('Sneaky'));
        } else if (approach.hasClass('dsf_quick_label')) {
          results.push(approach.text('Quick'));
        } else if (approach.hasClass('dsf_forceful_label')) {
          results.push(approach.text('Forceful'));
        } else if (approach.hasClass('dsf_flashy_label')) {
          results.push(approach.text('Flashy'));
        } else if (approach.hasClass('dsf_clever_label')) {
          results.push(approach.text('Clever'));
        } else if (approach.hasClass('dsf_careful_label')) {
          results.push(approach.text('Careful'));
        } else {
          results.push(void 0);
        }
      } else {
        results.push(void 0);
      }
    }
    return results;
  };

  window.fate_accelerated_default_extra_consequences = function() {
    var consequence, consequences, i, label, len, results, title;
    consequences = $('.consequence');
    results = [];
    for (i = 0, len = consequences.length; i < len; i++) {
      consequence = consequences[i];
      consequence = $(consequence);
      label = consequence.children('.sheet_label');
      title = consequence.children('.sheet_title');
      if (label.text() === aisleten.characters.jeditablePlaceholder || label.text() === '' || title.text() === aisleten.characters.jeditablePlaceholder || title.text() === '') {
        if (consequence.hasClass('mild')) {
          label.text('2');
          results.push(title.text('Mild'));
        } else if (consequence.hasClass('moderate')) {
          label.text('4');
          results.push(title.text('Moderate'));
        } else if (consequence.hasClass('severe')) {
          label.text('6');
          results.push(title.text('Severe'));
        } else {
          label.text('2');
          results.push(title.text('Extra'));
        }
      } else {
        results.push(void 0);
      }
    }
    return results;
  };

  window.fate_accelerated_size_points = function() {
    var i, len, point, points, results;
    points = $('.points_box').children('.grey').children('.dsf');
    results = [];
    for (i = 0, len = points.length; i < len; i++) {
      point = points[i];
      point = $(point);
      if (point.text() === aisleten.characters.jeditablePlaceholder || point.text() === '') {
        results.push(point.addClass('placeholder'));
      } else {
        results.push(point.removeClass('placeholder'));
      }
    }
    return results;
  };

  window.fate_accelerated_size_avatar = function() {
    var avatar;
    avatar = $('.dsf_avatar_image').children().first();
    return avatar.load(function() {
      var height, width;
      height = avatar.height();
      width = avatar.width();
      if (height > width) {
        return avatar.addClass('tall');
      } else {
        return avatar.addClass('wide');
      }
    });
  };

  window.fate_accelerated_set_active_stunts = function() {
    var activator, i, len, results, stunt, stunts;
    stunts = $('table.stunts').children().children();
    results = [];
    for (i = 0, len = stunts.length; i < len; i++) {
      stunt = stunts[i];
      stunt = $(stunt);
      activator = stunt.children().children('.activator').children('span').children('input');
      if (activator.val() === '1') {
        stunt.addClass('active');
        results.push(stunt.removeClass('inactive'));
      } else {
        stunt.addClass('inactive');
        results.push(stunt.removeClass('active'));
      }
    }
    return results;
  };

  window.fate_accelerated_set_active_aspects = function() {
    var activator, aspect, aspects, i, len, on_value, results;
    aspects = $('.aspect');
    results = [];
    for (i = 0, len = aspects.length; i < len; i++) {
      aspect = aspects[i];
      aspect = $(aspect);
      activator = aspect.children('.activator').children('span').children('input');
      if (aspect.hasClass('extra')) {
        on_value = '1';
      } else {
        on_value = '0';
      }
      if (activator.val() === on_value) {
        aspect.addClass('active');
        results.push(aspect.removeClass('inactive'));
      } else {
        aspect.addClass('inactive');
        results.push(aspect.removeClass('active'));
      }
    }
    return results;
  };

  window.fate_accelerated_set_active_consequences = function() {
    var activator, consequence, consequences, i, len, on_value, results;
    consequences = $('.consequence');
    results = [];
    for (i = 0, len = consequences.length; i < len; i++) {
      consequence = consequences[i];
      consequence = $(consequence);
      activator = consequence.children('.activator').children('span').children('input');
      if (consequence.hasClass('extra')) {
        on_value = '1';
      } else {
        on_value = '0';
      }
      if (activator.val() === on_value) {
        consequence.addClass('active');
        results.push(consequence.removeClass('inactive'));
      } else {
        consequence.addClass('inactive');
        results.push(consequence.removeClass('active'));
      }
    }
    return results;
  };

  window.fate_accelerated_set_conditions_or_consequences = function() {
    var conditions, consequences, toggle;
    toggle = $('.dsf_conditions_active').children('input');
    consequences = $('.consequences.container');
    conditions = $('.conditions.container');
    if (toggle.val() === '0') {
      consequences.removeClass('hidden');
      return conditions.addClass('hidden');
    } else {
      conditions.removeClass('hidden');
      return consequences.addClass('hidden');
    }
  };

  window.fate_accelerated_set_active_stress_tracks = function() {
    var activator, i, len, results, track, tracks;
    tracks = $('.stress_track');
    results = [];
    for (i = 0, len = tracks.length; i < len; i++) {
      track = tracks[i];
      track = $(track);
      activator = track.children('.activator').children('.dsf').children('input');
      if (activator.val() === '0') {
        track.addClass('inactive');
        results.push(track.removeClass('active'));
      } else {
        track.addClass('active');
        results.push(track.removeClass('inactive'));
      }
    }
    return results;
  };

  window.fate_accelerated_set_active_stress_boxes = function() {
    var stresses;
    stresses = $('td.stress');
    return stresses.each(function(index, entry) {
      var activator, group;
      entry = $(entry);
      group = entry.children('.group');
      activator = entry.children('.activator').children('.dsf').children('input');
      if (activator.val() === '0') {
        return group.addClass('inactive');
      } else {
        return group.addClass('active');
      }
    });
  };

  window.fate_accelerated_mark_used_approaches = function() {
    var i, len, listing, listings, results;
    listings = $('li.approach');
    results = [];
    for (i = 0, len = listings.length; i < len; i++) {
      listing = listings[i];
      listing = $(listing);
      if (listing.text().trim().length > 0) {
        listing.removeClass('inactive');
        results.push(listing.addClass('active'));
      } else {
        listing.removeClass('active');
        results.push(listing.addClass('inactive'));
      }
    }
    return results;
  };

  window.fate_accelerated_update_active_stunts = function(opts) {
    var match, name, row, stunt, value;
    name = opts['fieldName'];
    value = opts['fieldValue'];
    match = name.match(/stunt_(\d\d)_active/);
    if (!match) {
      return;
    }
    stunt = $(".dsf_stunt_" + match[1] + "_active");
    row = stunt.parent().parent().parent();
    if (value === '1') {
      row.addClass('active');
      return row.removeClass('inactive');
    } else {
      row.addClass('inactive');
      return row.removeClass('active');
    }
  };

  window.fate_accelerated_update_active_consequences = function(opts) {
    var consequence, container, match, name, on_value, value;
    name = opts['fieldName'];
    value = opts['fieldValue'];
    match = name.match(/((\w+)(_\d\d)?)_consequence_activator/);
    if (!match) {
      return;
    }
    consequence = $(".dsf_" + match[1] + "_consequence_activator");
    container = consequence.parent().parent();
    if (container.hasClass('extra')) {
      on_value = '1';
    } else {
      on_value = '0';
    }
    if (value === on_value) {
      container.addClass('active');
      return container.removeClass('inactive');
    } else {
      container.addClass('inactive');
      return container.removeClass('active');
    }
  };

  window.fate_accelerated_update_active_stress_tracks = function(opts) {
    var match, name, track, value;
    name = opts['fieldName'];
    value = opts['fieldValue'];
    match = name.match(/extra_(\d\d)_stress_active/);
    if (!match) {
      return;
    }
    track = $(".dsf_extra_" + match[1] + "_stress_active");
    if (value === '0') {
      track.parent().parent().addClass('inactive');
      return track.parent().parent().removeClass('active');
    } else {
      track.parent().parent().addClass('active');
      return track.parent().parent().removeClass('inactive');
    }
  };

  window.fate_accelerated_update_active_stress = function(opts) {
    var match, name, stress, value;
    name = opts['fieldName'];
    value = opts['fieldValue'];
    match = name.match(/(\w+)_stress_(\d\d)_active/);
    if (!match) {
      return;
    }
    stress = $(".dsf_" + match[1] + "_stress_" + match[2]);
    if (value === "1") {
      stress.parent().addClass('active');
      return stress.parent().removeClass('inactive');
    } else {
      stress.parent().addClass('inactive');
      return stress.parent().removeClass('active');
    }
  };

  window.fate_accelerated_activate_conditions_or_consequences = function(opts) {
    var match, name, value;
    name = opts['fieldName'];
    value = opts['fieldValue'];
    match = name.match(/conditions_active/);
    if (!match) {
      return;
    }
    return fate_accelerated_set_conditions_or_consequences();
  };

  window.enable_or_disable_conditions = function(label) {
    var group, groups, i, j, len, len1, results, results1;
    groups = label.parent().children('.group');
    if (label.text() === aisleten.characters.jeditablePlaceholder || label.text() === '') {
      results = [];
      for (i = 0, len = groups.length; i < len; i++) {
        group = groups[i];
        group = $(group);
        group.addClass('inactive');
        results.push(group.removeClass('active'));
      }
      return results;
    } else {
      results1 = [];
      for (j = 0, len1 = groups.length; j < len1; j++) {
        group = groups[j];
        group = $(group);
        group.addClass('active');
        results1.push(group.removeClass('inactive'));
      }
      return results1;
    }
  };

  window.fate_accelerated_update_condition = function(opts) {
    var label, match, name, value;
    name = opts['fieldName'];
    value = opts['fieldValue'];
    match = name.match(/(\w+)_condition_(\d\d)_label/);
    if (!match) {
      return;
    }
    label = $(".dsf_" + name).first();
    return enable_or_disable_conditions(label);
  };

  window.fate_accelerated_update_approach = function(opts) {
    var match, name, approach, value;
    name = opts['fieldName'];
    value = opts['fieldValue'];
    match = name.match(/approach_(\w+)_(\d\d)/);
    if (!match) {
      return;
    }
    approach = $(".dsf_" + name).first();
    if (aproach.text() === aisleten.characters.jeditablePlaceholder || approach.text() === '') {
      return approach.parent().addClass('inactive');
    } else {
      return approach.parent().removeClass('inactive');
    }
  };

}).call(this);

Submit Notes

I started from the latest fate_core DST because it has changed since the original fate_accelerated author started this fork.

To turn a Fate Core sheet into a Fate Accelerated sheet, I used Approaches instead of Skills and a single Stress track instead of separate Physical and Mental Stress tracks. I left the optional unnamed Stress track intact for those who might want it.

If someone switches from fate_core to fate_accelerated, I expect they'll lose their skill list, but the rest should be carried over intact. When I've used fate_core previously, my kluge was to modify the skill labels and enter the Approaches as if they were skills. That led to disclaimers and warnings by me and mistakes by my players. However, there's no good way to map the fate_core skills list to fate_accelerated approaches, so that becomes a casualty of making the transition. Is there a way to warn people to note their Approaches if they've entered them as Skills, before they switch from the fate_core DST to fate_accelerated? I can provide an explanatory note if there's some place to put it.

I left most of the DST as it was, because other elements are the same between Fate Core and Fate Accelerated. Fate Accelerated doesn't explicitly include Fate Core's "Phase Trio" of Aspects, but I left them intact; players can use them as they are, edit the names, or disable them altogether.

The original HTML includes a LINK element, which makes it fail W3C validation when I test it as an HTML fragment. That is, LINK belongs in the head of the document, not the body; validating as an HTML fragment means the LINK element winds up in the body.
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>

Back

Fate Accelerated (forked from fate_core)

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account