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

Shadowrun 2nd Ed Cyberdeck

Author: jodie

Slug: shadowrun_2_cyberdeck

Type: GameItem

System: Shadowrun

DST Source Code

HTML Template


<div class="shadowrun_2_cyberdeck">

    <div class="headerInfo">
        <div><span class="dsf dsf_name"></span><span class="title">Name</span></div>
        <div> <span class="dsf dsf_model"></span><span class="title">Model</span></div>
        <div> <span class="dsf dsf_decker"></span><span class="title">Decker</span></div>
    </div>

</div>
<div class="containerFlexy">

    <div class="section conditionMonitor">
        <h2>Condition Monitor</h2>
        <div class="damage">Damage:<span class="dsf dsf_damage"></span></div>
        <table class="conditionMonitorTable">
            <tr><td>Deck crash</td><td>10</td><td></td></tr>
            <tr><td></td><td>9</td><td></td></tr>
            <tr><td></td><td>8</td><td></td></tr>
            <tr><td></td><td>7</td><td></td></tr>
            <tr><td>Serious damage</td><td>6</td><td>+3 TNs, -3 React</td></tr>
            <tr><td></td><td>5</td><td></td></tr>
            <tr><td></td><td>4</td><td></td></tr>
            <tr><td>Moderate damage</td><td>3</td><td>+2 TNs, -2 React</td></tr>
            <tr><td></td><td>2</td><td></td></tr>
            <tr><td>Light damage</td><td>1</td><td>+1 TNs, -1 React</td></tr>
        </table>
    </div>

    <div class="section">
        <h2>Rating</h2>

        <div class="statWrapper">
            <table class="ratingsTable">
                <tbody>
            <tr><td title="MPCP - Damage Resistance">Persona (MCPC)</td><td><span class="dsf dsf_persona"></span></td></tr>
            <tr><td title="Matrix armour">Hardening</td><td><span class="dsf dsf_hardening"></span></td></tr>
            <tr><td title="Active Memory">Memory</td><td><span class="dsf dsf_memory"></span><span class="memoryCalcDisplay"></span></td></tr>
            <tr><td title="Storage Memory">Storage</td><td><span class="dsf dsf_storage"></span><span class="storageCalcDisplay"></span></td></tr>
            <tr><td title="Load speed">Load</td><td><span class="dsf dsf_load"></span></td></tr>
            <tr><td title="Input/Output Speed of data per turn">I/O</td><td><span class="dsf dsf_io"></span></td></tr>
            <tr><td title="Response increase">Response</td><td><span class="dsf dsf_response"></span></td></tr>
            </tbody>
            </table>

            <div class="reactionAndInitiative">
                <div>
                    <h3>REACTION</h3>
                    <span class="dsf dsf_reaction"></span>
                </div>
                <div>
                    <h3>INITIATIVE</h3>
                    <span class="dsf dsf_initiative"></span>
                </div>
            </div>
        </div>
    </div>

    <div class="section personaPrograms">
        <h2>Persona Programs</h2>
        <table>
            <thead>
            <tr><th></th><th>Rating</th><th>Notes</th></tr>
            </thead>
            <tr>
                <td><span>Bod</span></td>
                <td><span class="dsf dsf_bod_rating"></span></td>
                <td><span class="dsf dsf_bod_notes"></span></td>
            </tr>

            <tr>
                <td><span>Evasion</span></td>
                <td><span class="dsf dsf_evasion_rating"></span></td>
                <td><span class="dsf dsf_evasion_notes"></span></td>
            </tr>
            <tr>
                <td><span>Masking</span></td>
                <td><span class="dsf dsf_masking_rating"></span></td>
                <td><span class="dsf dsf_masking_notes"></span></td>
            </tr>
            <tr>
                <td><span>Sensors</span></td>
                <td><span class="dsf dsf_sensors_rating"></span></td>
                <td><span class="dsf dsf_sensors_notes"></span></td>
            </tr>

        </table>
    </div>
</div>

<div class="containerFlexy">
    <div class="utilityPrograms section">
    <h2>Combat Utilities</h2>
    <table>
        <thead>
        <tr><th></th><th>Rating</th><th>Current Rating</th><th>Size</th><th title="currently loaded into active memory">Active</th><th>Notes</th></tr>
        </thead>
        <tr>
            <td><span class="dsf dsf_utility_program_1_name"></span></td>
            <td><span class="dsf dsf_utility_program_1_rating"></span></td>
            <td><span class="dsf dsf_utility_program_1_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_1_size"></span></td>
            <td><span class="dsf dsf_utility_program_1_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_1_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_2_name"></span></td>
            <td><span class="dsf dsf_utility_program_2_rating"></span></td>
            <td><span class="dsf dsf_utility_program_2_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_2_size"></span></td>
            <td><span class="dsf dsf_utility_program_2_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_2_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_3_name"></span></td>
            <td><span class="dsf dsf_utility_program_3_rating"></span></td>
            <td><span class="dsf dsf_utility_program_3_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_3_size"></span></td>
            <td><span class="dsf dsf_utility_program_3_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_3_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_4_name"></span></td>
            <td><span class="dsf dsf_utility_program_4_rating"></span></td>
            <td><span class="dsf dsf_utility_program_4_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_4_size"></span></td>
            <td><span class="dsf dsf_utility_program_4_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_4_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_5_name"></span></td>
            <td><span class="dsf dsf_utility_program_5_rating"></span></td>
            <td><span class="dsf dsf_utility_program_5_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_5_size"></span></td>
            <td><span class="dsf dsf_utility_program_5_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_5_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_6_name"></span></td>
            <td><span class="dsf dsf_utility_program_6_rating"></span></td>
            <td><span class="dsf dsf_utility_program_6_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_6_size"></span></td>
            <td><span class="dsf dsf_utility_program_6_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_6_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_7_name"></span></td>
            <td><span class="dsf dsf_utility_program_7_rating"></span></td>
            <td><span class="dsf dsf_utility_program_7_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_7_size"></span></td>
            <td><span class="dsf dsf_utility_program_7_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_7_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_8_name"></span></td>
            <td><span class="dsf dsf_utility_program_8_rating"></span></td>
            <td><span class="dsf dsf_utility_program_8_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_8_size"></span></td>
            <td><span class="dsf dsf_utility_program_8_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_8_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_9_name"></span></td>
            <td><span class="dsf dsf_utility_program_9_rating"></span></td>
            <td><span class="dsf dsf_utility_program_9_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_9_size"></span></td>
            <td><span class="dsf dsf_utility_program_9_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_9_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_10_name"></span></td>
            <td><span class="dsf dsf_utility_program_10_rating"></span></td>
            <td><span class="dsf dsf_utility_program_10_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_10_size"></span></td>
            <td><span class="dsf dsf_utility_program_10_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_10_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_11_name"></span></td>
            <td><span class="dsf dsf_utility_program_11_rating"></span></td>
            <td><span class="dsf dsf_utility_program_11_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_11_size"></span></td>
            <td><span class="dsf dsf_utility_program_11_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_11_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_12_name"></span></td>
            <td><span class="dsf dsf_utility_program_12_rating"></span></td>
            <td><span class="dsf dsf_utility_program_12_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_12_size"></span></td>
            <td><span class="dsf dsf_utility_program_12_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_12_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_13_name"></span></td>
            <td><span class="dsf dsf_utility_program_13_rating"></span></td>
            <td><span class="dsf dsf_utility_program_13_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_13_size"></span></td>
            <td><span class="dsf dsf_utility_program_13_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_13_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_14_name"></span></td>
            <td><span class="dsf dsf_utility_program_14_rating"></span></td>
            <td><span class="dsf dsf_utility_program_14_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_14_size"></span></td>
            <td><span class="dsf dsf_utility_program_14_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_14_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_15_name"></span></td>
            <td><span class="dsf dsf_utility_program_15_rating"></span></td>
            <td><span class="dsf dsf_utility_program_15_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_15_size"></span></td>
            <td><span class="dsf dsf_utility_program_15_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_15_notes"></span></td>
        </tr>
    </table>
    </div>
    <div class="utilityPrograms section">
        <h2>Defense Utilities</h2>
        <table>
            <thead>
            <tr><th></th><th>Rating</th><th>Current Rating</th><th>Size</th><th title="currently loaded into active memory">Active</th><th>Notes</th></tr>
            </thead>
        <tr>
            <td><span class="dsf dsf_utility_program_16_name"></span></td>
            <td><span class="dsf dsf_utility_program_16_rating"></span></td>
            <td><span class="dsf dsf_utility_program_16_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_16_size"></span></td>
            <td><span class="dsf dsf_utility_program_16_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_16_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_17_name"></span></td>
            <td><span class="dsf dsf_utility_program_17_rating"></span></td>
            <td><span class="dsf dsf_utility_program_17_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_17_size"></span></td>
            <td><span class="dsf dsf_utility_program_17_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_17_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_18_name"></span></td>
            <td><span class="dsf dsf_utility_program_18_rating"></span></td>
            <td><span class="dsf dsf_utility_program_18_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_18_size"></span></td>
            <td><span class="dsf dsf_utility_program_18_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_18_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_19_name"></span></td>
            <td><span class="dsf dsf_utility_program_19_rating"></span></td>
            <td><span class="dsf dsf_utility_program_19_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_19_size"></span></td>
            <td><span class="dsf dsf_utility_program_19_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_19_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_20_name"></span></td>
            <td><span class="dsf dsf_utility_program_20_rating"></span></td>
            <td><span class="dsf dsf_utility_program_20_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_20_size"></span></td>
            <td><span class="dsf dsf_utility_program_20_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_20_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_21_name"></span></td>
            <td><span class="dsf dsf_utility_program_21_rating"></span></td>
            <td><span class="dsf dsf_utility_program_21_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_21_size"></span></td>
            <td><span class="dsf dsf_utility_program_21_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_21_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_22_name"></span></td>
            <td><span class="dsf dsf_utility_program_22_rating"></span></td>
            <td><span class="dsf dsf_utility_program_22_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_22_size"></span></td>
            <td><span class="dsf dsf_utility_program_22_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_22_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_23_name"></span></td>
            <td><span class="dsf dsf_utility_program_23_rating"></span></td>
            <td><span class="dsf dsf_utility_program_23_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_23_size"></span></td>
            <td><span class="dsf dsf_utility_program_23_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_23_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_24_name"></span></td>
            <td><span class="dsf dsf_utility_program_24_rating"></span></td>
            <td><span class="dsf dsf_utility_program_24_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_24_size"></span></td>
            <td><span class="dsf dsf_utility_program_24_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_24_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_25_name"></span></td>
            <td><span class="dsf dsf_utility_program_25_rating"></span></td>
            <td><span class="dsf dsf_utility_program_25_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_25_size"></span></td>
            <td><span class="dsf dsf_utility_program_25_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_25_notes"></span></td>
        </tr>

        <tr>
            <td><span class="dsf dsf_utility_program_26_name"></span></td>
            <td><span class="dsf dsf_utility_program_26_rating"></span></td>
            <td><span class="dsf dsf_utility_program_26_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_26_size"></span></td>
            <td><span class="dsf dsf_utility_program_26_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_26_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_27_name"></span></td>
            <td><span class="dsf dsf_utility_program_27_rating"></span></td>
            <td><span class="dsf dsf_utility_program_27_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_27_size"></span></td>
            <td><span class="dsf dsf_utility_program_27_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_27_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_28_name"></span></td>
            <td><span class="dsf dsf_utility_program_28_rating"></span></td>
            <td><span class="dsf dsf_utility_program_28_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_28_size"></span></td>
            <td><span class="dsf dsf_utility_program_28_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_28_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_29_name"></span></td>
            <td><span class="dsf dsf_utility_program_29_rating"></span></td>
            <td><span class="dsf dsf_utility_program_29_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_29_size"></span></td>
            <td><span class="dsf dsf_utility_program_29_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_29_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_30_name"></span></td>
            <td><span class="dsf dsf_utility_program_30_rating"></span></td>
            <td><span class="dsf dsf_utility_program_30_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_30_size"></span></td>
            <td><span class="dsf dsf_utility_program_30_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_30_notes"></span></td>
        </tr>
        </table>
    </div>
    <div class="utilityPrograms section">
        <h2>Sensor Utilities</h2>
        <table>
            <thead>
            <tr><th></th><th>Rating</th><th>Current Rating</th><th>Size</th><th title="currently loaded into active memory">Active</th><th>Notes</th></tr>
            </thead>
        <tr>
            <td><span class="dsf dsf_utility_program_31_name"></span></td>
            <td><span class="dsf dsf_utility_program_31_rating"></span></td>
            <td><span class="dsf dsf_utility_program_31_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_31_size"></span></td>
            <td><span class="dsf dsf_utility_program_31_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_31_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_32_name"></span></td>
            <td><span class="dsf dsf_utility_program_32_rating"></span></td>
            <td><span class="dsf dsf_utility_program_32_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_32_size"></span></td>
            <td><span class="dsf dsf_utility_program_32_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_32_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_33_name"></span></td>
            <td><span class="dsf dsf_utility_program_33_rating"></span></td>
            <td><span class="dsf dsf_utility_program_33_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_33_size"></span></td>
            <td><span class="dsf dsf_utility_program_33_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_33_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_34_name"></span></td>
            <td><span class="dsf dsf_utility_program_34_rating"></span></td>
            <td><span class="dsf dsf_utility_program_34_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_34_size"></span></td>
            <td><span class="dsf dsf_utility_program_34_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_34_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_35_name"></span></td>
            <td><span class="dsf dsf_utility_program_35_rating"></span></td>
            <td><span class="dsf dsf_utility_program_35_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_35_size"></span></td>
            <td><span class="dsf dsf_utility_program_35_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_35_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_36_name"></span></td>
            <td><span class="dsf dsf_utility_program_36_rating"></span></td>
            <td><span class="dsf dsf_utility_program_36_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_36_size"></span></td>
            <td><span class="dsf dsf_utility_program_36_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_36_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_37_name"></span></td>
            <td><span class="dsf dsf_utility_program_37_rating"></span></td>
            <td><span class="dsf dsf_utility_program_37_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_37_size"></span></td>
            <td><span class="dsf dsf_utility_program_37_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_37_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_38_name"></span></td>
            <td><span class="dsf dsf_utility_program_38_rating"></span></td>
            <td><span class="dsf dsf_utility_program_38_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_38_size"></span></td>
            <td><span class="dsf dsf_utility_program_38_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_38_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_39_name"></span></td>
            <td><span class="dsf dsf_utility_program_39_rating"></span></td>
            <td><span class="dsf dsf_utility_program_39_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_39_size"></span></td>
            <td><span class="dsf dsf_utility_program_39_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_39_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_40_name"></span></td>
            <td><span class="dsf dsf_utility_program_40_rating"></span></td>
            <td><span class="dsf dsf_utility_program_40_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_40_size"></span></td>
            <td><span class="dsf dsf_utility_program_40_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_40_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_41_name"></span></td>
            <td><span class="dsf dsf_utility_program_41_rating"></span></td>
            <td><span class="dsf dsf_utility_program_41_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_41_size"></span></td>
            <td><span class="dsf dsf_utility_program_41_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_41_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_42_name"></span></td>
            <td><span class="dsf dsf_utility_program_42_rating"></span></td>
            <td><span class="dsf dsf_utility_program_42_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_42_size"></span></td>
            <td><span class="dsf dsf_utility_program_42_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_42_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_43_name"></span></td>
            <td><span class="dsf dsf_utility_program_43_rating"></span></td>
            <td><span class="dsf dsf_utility_program_43_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_43_size"></span></td>
            <td><span class="dsf dsf_utility_program_43_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_43_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_44_name"></span></td>
            <td><span class="dsf dsf_utility_program_44_rating"></span></td>
            <td><span class="dsf dsf_utility_program_44_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_44_size"></span></td>
            <td><span class="dsf dsf_utility_program_44_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_44_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_45_name"></span></td>
            <td><span class="dsf dsf_utility_program_45_rating"></span></td>
            <td><span class="dsf dsf_utility_program_45_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_45_size"></span></td>
            <td><span class="dsf dsf_utility_program_45_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_45_notes"></span></td>
        </tr>
        </table>
    </div>
    <div class="utilityPrograms section">
        <h2>Masking Utilities</h2>
        <table>
            <thead>
            <tr><th></th><th>Rating</th><th>Current Rating</th><th>Size</th><th title="currently loaded into active memory">Active</th><th>Notes</th></tr>
            </thead>
        <tr>
            <td><span class="dsf dsf_utility_program_46_name"></span></td>
            <td><span class="dsf dsf_utility_program_46_rating"></span></td>
            <td><span class="dsf dsf_utility_program_46_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_46_size"></span></td>
            <td><span class="dsf dsf_utility_program_46_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_46_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_47_name"></span></td>
            <td><span class="dsf dsf_utility_program_47_rating"></span></td>
            <td><span class="dsf dsf_utility_program_47_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_47_size"></span></td>
            <td><span class="dsf dsf_utility_program_47_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_47_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_48_name"></span></td>
            <td><span class="dsf dsf_utility_program_48_rating"></span></td>
            <td><span class="dsf dsf_utility_program_48_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_48_size"></span></td>
            <td><span class="dsf dsf_utility_program_48_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_48_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_49_name"></span></td>
            <td><span class="dsf dsf_utility_program_49_rating"></span></td>
            <td><span class="dsf dsf_utility_program_49_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_49_size"></span></td>
            <td><span class="dsf dsf_utility_program_49_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_49_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_50_name"></span></td>
            <td><span class="dsf dsf_utility_program_50_rating"></span></td>
            <td><span class="dsf dsf_utility_program_50_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_50_size"></span></td>
            <td><span class="dsf dsf_utility_program_50_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_50_notes"></span></td>
        </tr>
        <tr>
            <td><span class="dsf dsf_utility_program_51_name"></span></td>
            <td><span class="dsf dsf_utility_program_51_rating"></span></td>
            <td><span class="dsf dsf_utility_program_51_current_rating"></span></td>
            <td><span class="dsf dsf_utility_program_51_size"></span></td>
            <td><span class="dsf dsf_utility_program_51_is_active checkbox"></span></td>
            <td><span class="dsf dsf_utility_program_51_notes"></span></td>
        </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_52_name"></span></td>
                <td><span class="dsf dsf_utility_program_52_rating"></span></td>
                <td><span class="dsf dsf_utility_program_52_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_52_size"></span></td>
                <td><span class="dsf dsf_utility_program_52_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_52_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_53_name"></span></td>
                <td><span class="dsf dsf_utility_program_53_rating"></span></td>
                <td><span class="dsf dsf_utility_program_53_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_53_size"></span></td>
                <td><span class="dsf dsf_utility_program_53_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_53_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_54_name"></span></td>
                <td><span class="dsf dsf_utility_program_54_rating"></span></td>
                <td><span class="dsf dsf_utility_program_54_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_54_size"></span></td>
                <td><span class="dsf dsf_utility_program_54_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_54_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_55_name"></span></td>
                <td><span class="dsf dsf_utility_program_55_rating"></span></td>
                <td><span class="dsf dsf_utility_program_55_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_55_size"></span></td>
                <td><span class="dsf dsf_utility_program_55_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_55_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_56_name"></span></td>
                <td><span class="dsf dsf_utility_program_56_rating"></span></td>
                <td><span class="dsf dsf_utility_program_56_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_56_size"></span></td>
                <td><span class="dsf dsf_utility_program_56_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_56_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_57_name"></span></td>
                <td><span class="dsf dsf_utility_program_57_rating"></span></td>
                <td><span class="dsf dsf_utility_program_57_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_57_size"></span></td>
                <td><span class="dsf dsf_utility_program_57_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_57_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_58_name"></span></td>
                <td><span class="dsf dsf_utility_program_58_rating"></span></td>
                <td><span class="dsf dsf_utility_program_58_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_58_size"></span></td>
                <td><span class="dsf dsf_utility_program_58_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_58_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_59_name"></span></td>
                <td><span class="dsf dsf_utility_program_59_rating"></span></td>
                <td><span class="dsf dsf_utility_program_59_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_59_size"></span></td>
                <td><span class="dsf dsf_utility_program_59_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_59_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_60_name"></span></td>
                <td><span class="dsf dsf_utility_program_60_rating"></span></td>
                <td><span class="dsf dsf_utility_program_60_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_60_size"></span></td>
                <td><span class="dsf dsf_utility_program_60_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_60_notes"></span></td>
            </tr>
        </table>
    </div>
    <div class="utilityPrograms section">
        <h2>Misc. Utility Programs</h2>
        <table>
            <thead>
            <tr><th></th><th>Rating</th><th>Current Rating</th><th>Size</th><th title="currently loaded into active memory">Active</th><th>Notes</th></tr>
            </thead>
            <tr>
                <td><span class="dsf dsf_utility_program_61_name"></span></td>
                <td><span class="dsf dsf_utility_program_61_rating"></span></td>
                <td><span class="dsf dsf_utility_program_61_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_61_size"></span></td>
                <td><span class="dsf dsf_utility_program_61_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_61_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_62_name"></span></td>
                <td><span class="dsf dsf_utility_program_62_rating"></span></td>
                <td><span class="dsf dsf_utility_program_62_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_62_size"></span></td>
                <td><span class="dsf dsf_utility_program_62_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_62_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_63_name"></span></td>
                <td><span class="dsf dsf_utility_program_63_rating"></span></td>
                <td><span class="dsf dsf_utility_program_63_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_63_size"></span></td>
                <td><span class="dsf dsf_utility_program_63_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_63_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_64_name"></span></td>
                <td><span class="dsf dsf_utility_program_64_rating"></span></td>
                <td><span class="dsf dsf_utility_program_64_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_64_size"></span></td>
                <td><span class="dsf dsf_utility_program_64_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_64_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_65_name"></span></td>
                <td><span class="dsf dsf_utility_program_65_rating"></span></td>
                <td><span class="dsf dsf_utility_program_65_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_65_size"></span></td>
                <td><span class="dsf dsf_utility_program_65_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_65_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_66_name"></span></td>
                <td><span class="dsf dsf_utility_program_66_rating"></span></td>
                <td><span class="dsf dsf_utility_program_66_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_66_size"></span></td>
                <td><span class="dsf dsf_utility_program_66_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_66_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_67_name"></span></td>
                <td><span class="dsf dsf_utility_program_67_rating"></span></td>
                <td><span class="dsf dsf_utility_program_67_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_67_size"></span></td>
                <td><span class="dsf dsf_utility_program_67_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_67_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_68_name"></span></td>
                <td><span class="dsf dsf_utility_program_68_rating"></span></td>
                <td><span class="dsf dsf_utility_program_68_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_68_size"></span></td>
                <td><span class="dsf dsf_utility_program_68_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_68_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_69_name"></span></td>
                <td><span class="dsf dsf_utility_program_69_rating"></span></td>
                <td><span class="dsf dsf_utility_program_69_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_69_size"></span></td>
                <td><span class="dsf dsf_utility_program_69_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_69_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_70_name"></span></td>
                <td><span class="dsf dsf_utility_program_70_rating"></span></td>
                <td><span class="dsf dsf_utility_program_70_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_70_size"></span></td>
                <td><span class="dsf dsf_utility_program_70_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_70_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_71_name"></span></td>
                <td><span class="dsf dsf_utility_program_71_rating"></span></td>
                <td><span class="dsf dsf_utility_program_71_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_71_size"></span></td>
                <td><span class="dsf dsf_utility_program_71_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_71_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_72_name"></span></td>
                <td><span class="dsf dsf_utility_program_72_rating"></span></td>
                <td><span class="dsf dsf_utility_program_72_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_72_size"></span></td>
                <td><span class="dsf dsf_utility_program_72_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_72_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_73_name"></span></td>
                <td><span class="dsf dsf_utility_program_73_rating"></span></td>
                <td><span class="dsf dsf_utility_program_73_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_73_size"></span></td>
                <td><span class="dsf dsf_utility_program_73_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_73_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_74_name"></span></td>
                <td><span class="dsf dsf_utility_program_74_rating"></span></td>
                <td><span class="dsf dsf_utility_program_74_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_74_size"></span></td>
                <td><span class="dsf dsf_utility_program_74_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_74_notes"></span></td>
            </tr>
            <tr>
                <td><span class="dsf dsf_utility_program_75_name"></span></td>
                <td><span class="dsf dsf_utility_program_75_rating"></span></td>
                <td><span class="dsf dsf_utility_program_75_current_rating"></span></td>
                <td><span class="dsf dsf_utility_program_75_size"></span></td>
                <td><span class="dsf dsf_utility_program_75_is_active checkbox"></span></td>
                <td><span class="dsf dsf_utility_program_75_notes"></span></td>
            </tr>

</table>
</div>
</div>

<div class="section bio">
    <h2>Bio</h2>
    <div><span class="dsf dsf_bio"></span></div>
</div>
<div class="additionalInfo">
    <div>Player: <span class="dsf dsf_player"></span></div>
    <div>Campaign: <span class="dsf dsf_campaign"></span></div>
    <div>Sheet Author: <span class="dsf dsf_author"></span></div>
</div>

CSS

div.ds_shadowrun_2_cyberdeck .dsf {
        display: inline-block;
        min-width: 2em;
        min-height: 1em;
    }

    div.ds_shadowrun_2_cyberdeck div.headerInfo {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 1em;
    }

    div.ds_shadowrun_2_cyberdeck .headerInfo div {
        border:  black 3px solid;
        height: 50px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        min-width: 150px;
    }

    div.ds_shadowrun_2_cyberdeck .headerInfo .dsf {
        margin: auto;
        padding: 0.5em;
    }

    div.ds_shadowrun_2_cyberdeck .headerInfo .title {
        text-transform: uppercase;
        width: fit-content;
        height: 13px;
        background-color: black;
        color: white;
        font-family: sans-serif;
        letter-spacing: 3px;
        padding: 4px;
        font-size: 0.75em;
    }

    div.ds_shadowrun_2_cyberdeck div.section {
        font-family: sans-serif;
        border: black 3px solid;
        margin-bottom: 1em;
        width: fit-content;
        height: fit-content;
    }

    div.ds_shadowrun_2_cyberdeck div.section.bio .dsf {
        padding: 1em;
    }

    div.ds_shadowrun_2_cyberdeck div.section h2 {
        font-size: 1.25em;
        padding: 4px;
        margin: 0 0 0.5em 0;
        background-color: black;
        text-transform: uppercase;
        color: white;
    }

    div.ds_shadowrun_2_cyberdeck div.section table {
        margin: 0 0.75em 1em;
        width: auto;
    }

    div.ds_shadowrun_2_cyberdeck .reactionAndInitiative {
        width: 130px;
        margin-right: 1em;
    }

    div.ds_shadowrun_2_cyberdeck .statWrapper {
        display: flex;
        flex-flow: row;
        gap: 15px;
    }

    div.ds_shadowrun_2_cyberdeck .reactionAndInitiative div span {
        display: inline-block;
        width: 100px;
        border: 2px black solid;
        min-height: 1.5em;
        padding: 0.35em;
        text-align: center;
    }

    div.ds_shadowrun_2_cyberdeck .reactionAndInitiative h3 {
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 500;
        letter-spacing: 1px;
        transform: scale(1.0, 0.75);
        margin: 0;
    }

    div.ds_shadowrun_2_cyberdeck .containerFlexy {
        display: flex;
        flex-flow: row wrap;
        gap: 1em;
    }


    div.ds_shadowrun_2_cyberdeck .section.bio {
        width: 100%;
    }

    div.ds_shadowrun_2_cyberdeck .additionalInfo {
        font-size: small;
        font-weight: lighter;
        display: flex;
        flex-flow: row wrap;
        gap: 15px;
    }

    div.ds_shadowrun_2_cyberdeck .ratingsTable tr td:first-child, div.ds_shadowrun_2_cyberdeck .personaPrograms tr td:first-child {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.1em;
        text-align: right;
        padding-right: 0.3em;
    }

    div.ds_shadowrun_2_cyberdeck .conditionMonitorTable tr td {
        height: 30px;
    }

    div.ds_shadowrun_2_cyberdeck .conditionMonitorTable tr td:first-child {
        width: 50px;
        font-size: 0.8em;
        text-align: right;
        text-transform: uppercase;
        padding-right: 0.3em;
    }
    div.ds_shadowrun_2_cyberdeck .conditionMonitorTable tr td:nth-child(2){
        border: 1px black solid;
        text-align: center;
        width: 30px;
    }
    div.ds_shadowrun_2_cyberdeck .conditionMonitorTable tr td:nth-child(3) {
        width: 40px;
        font-size: 0.65em;
    }
    div.ds_shadowrun_2_cyberdeck .conditionMonitor .damage {
        margin-left: 1em;
        margin-bottom: 1em;
        display: inline-block;
        width: fit-content;
        border: 2px black solid;
        min-height: 1.5em;
        padding: 0.35em;
        text-align: center;
        text-transform: uppercase;
    }

    div.ds_shadowrun_2_cyberdeck .utilityPrograms th {
        max-width: 80px;
    }

JavaScript

 // called by OP after the spans are populated
    function shadowrun_2_cyberdeck_dataPostLoad(options) {
        if(options.isEditable) {
            return; // We don't want to calculate size while editing, it won't be accurate
        }

        // Calculate the remaining active memory size after the added programs
        const memorySum = [...document.querySelectorAll('.utilityPrograms [value="1"]')].reduce((acc, value) => {
            const parsed = parseInt(value.closest('tr').querySelector('td span.dsf[class*="size"]').textContent);
            return acc + ( isNaN(parsed) ? 0 : parsed );
        }, 0);
        const memorySize = parseInt(document.querySelector('.dsf_memory').textContent);
        if(memorySum > 0 && !isNaN(memorySize) && memorySize) {
            document.querySelector('.memoryCalcDisplay').textContent = `(${memorySize - memorySum} free)`;
        }


        // Calculate the remaining storage after the added programs
        const sizeElements = [...document.querySelectorAll('.utilityPrograms td span.dsf[class*="size"]')];
        const sizeCount = sizeElements.reduce((acc, currentValue) => {
            const parsed = parseInt(currentValue.textContent);
            return acc + ( isNaN(parsed) ? 0 : parsed );
        }, 0);
        const storageSize = parseInt(document.querySelector('.dsf_storage').textContent);
        if(sizeCount > 0 && !isNaN(storageSize) && storageSize) {
            document.querySelector('.storageCalcDisplay').textContent = `(${storageSize - sizeCount} free)`;
        }
    }

Back

Shadowrun 2nd Ed Cyberdeck

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account