roll20-character-sheets/Supers-Revised-Edition/supers-revised.html

<div class="main"> 
    
    <!-- name -->
    <div class="section name">
        <input class="superlong bold" type="text" name="attr_character_name" />
        <h6>Hero Name</h6>
        <br />
        <input class="superlong bold" type="text" name="attr_real_name" />
        <h6>Real Name</h6>

    </div>

    <!-- logo -->
    <div class="section logo">
        <span>Sheet Version 1.2</span>
    </div>

    <!-- resistances -->
    <div class="section resistances border">

        <div class="flex-row">
            <h2>RESISTANCES</h2>

        </div>



        <div class="res-grid">

            <div><!-- empty div placeholder --></div>
            <span class="bold">MAX</span>
            <span class="bold">Current</span>
            <div><!-- empty div placeholder --></div>
            <span class="small">Notes</span>


            <div><span class="resistance bold">&nbsp;COMPOSURE&nbsp;&nbsp;</span>
            </div>
             
            <div>
                 <input class="ref bold" type="number" name="attr_composure_max">
            </div>
             
            <div>
                 <input class="ref bold" type="number" name="attr_composure">
            </div>
             
            <div>
                 <button class="d6" type='roll' name='roll_composure' value='&{template:default} {{name=@{character_name} **Composure** check}} {{result=[[@{composure}d6]]}}'></button>
            </div>
             
            <div>
                 <input class="notes" type="text" name="attr_composurenotes" />
            </div>


            <div> <span class="resistance bold">&nbsp;FORTITUDE</span>
            </div>
            <div>
                <input class="ref bold" type="number" name="attr_fortitude_max">
            </div>
            <div>
                <input class="ref bold" type="number" name="attr_fortitude">
            </div>
            <div>
                <button class="d6" type='roll' name='roll_fortitude' value='&{template:default} {{name=@{character_name} **Fortitude** check}} {{result=[[@{fortitude}d6]]}}'></button>
            </div>
            <div>
                <input class="notes" type="text" name="attr_fortitudenotes" />
            </div>


            <div><span class="resistance bold">&nbsp;REACTION</span>
            </div>
            <div>
                <input class="ref bold" type="number" name="attr_reaction_max">
            </div>
            <div>
                <input class="ref bold" type="number" name="attr_reaction">
            </div>
            <div>
                <button class="d6" type='roll' name='roll_reaction' value='&{template:default} {{name=@{character_name} **Reaction** check}} {{result=[[@{reaction}d6]]}}'></button>
            </div>
            <div>
                <input class="notes" type="text" name="attr_reactionnotes" />
            </div>

        
            <div><span class="resistance bold">&nbsp;WILL</span>
            </div>
            <div>
                <input class="ref bold" type="number" name="attr_will_max">
            </div>
            <div>
                <input class="ref bold" type="number" name="attr_will">
            </div>
            <div>
                <button class="d6" type='roll' name='roll_will' value='&{template:default} {{name=@{character_name} **Will** check}} {{result=[[@{will}d6]]}}'></button>
            </div>
            <div>
                <input class="notes" type="text" name="attr_willnotes" />
            </div>

        </div>
    
            <br />    
        
        <div class="flex-row">
                <h2>INITIATIVE</h2>
            </div>    

            <br />
        
            <div class="initiative">
                <input class="ref bold" type="number" name="attr_initiative">
               
                <button name="roll_init" class="d6" type="roll" value="&{template:default} {{name=@{character_name} **Initiative** check}} {{result=[[@{initiative}d6 &{tracker}]]}}"></button>
            </div>
        </div>

    <!-- aptitudes -->
    <div class="section aptitudes border">
        <h2>APTITUDES</h2>

        <label class="aptitudes"> 
            <fieldset class="repeating_aptitudes">
                <input class="medium bold" type="text" name="attr_aptitudename" />
                <input class="ref bold" type="number" name="attr_aptitude">
                <button class="d6" type='roll' name='roll_aptitude' value='&{template:default} {{name=@{character_name} **@{aptitudename} Check}} {{result=[[@{aptitude}d6k3]]}}'></button>
                <input class="longap" type="text" name="attr_aptitudenotes" />
            </fieldset>
        </label>

    </div>

    <!--  advantages -->
    <div class="section advantages border">
        <h2>ADVANTAGES</h2>

        <fieldset class="repeating_advantages">
            <input class="mediumadv bold" type="text" name="attr_advantage" />
            <input  class="bold ref" name="attr_advantage-rank" type="number" value="1"/>
            <span class="bold">&nbsp;</span>
            <input class="notes" type="text" name="attr_advantagenotes" />
        </fieldset>
    </div>

    <!-- disadvantages -->
    <div class="section disadvantages border">
        <h2>DISADVANTAGES</h2>

        <fieldset class="repeating_disadvantages">
            <input class="mediumdis bold" type="text" name="attr_disadvantage" />
            <input  class="bold ref" name="attr_disadvantage-rank" type="number" value="1"/>
            <span class="bold">&nbsp;</span>
            <input class="notes" type="text" name="attr_disadvantagenotes" />
        </fieldset>

    </div>

    <!-- powers -->
    <div class="section powers border">
        <h2>POWERS</h2>

        <label class="powers"> 
            <fieldset class="repeating_powers">
                <input class="mediumpow bold" type="text" name="attr_powernamename" />
                <input class="ref bold" type="number" name="attr_power">
                <button class="d6" type='roll' name='roll_power' value='&{template:default} {{name=@{character_name} **@{powernamename}** Check}} {{result=[[@{power}d6]]}}'></button>
                <input class="longpow" type="text" name="attr_powernotes" style="width:688px" />
            </fieldset>
        </label> 


    </div>

    <!-- competency dice -->
    <div class="section comp-dice flex-down flex-center border">

        <h2>COMPETENCY DICE</h2>
        <br />
        <br />
        <div>
            <span class="bold">Competency Dice:</span>
            <input class="bold ref" type="number" name="attr_comp" />/<input class="bold ref" type="number" name="attr_comp_max" />            
        </div>
        <div>
            <span class="bold">Temp Comp Dice:</span>
            <input class="bold ref" type="number" name="attr_temp_comp" />/<input class="bold ref" type="number" name="attr_temp_comp_max" />            
        </div>
        
    </div>


    <!-- tracker -->
    <div class="section tracker">
        <span>Use Alternative tracker</span> <input type="checkbox" class="sheet-tracker-switch" name="attr_tracker_switch" value="1">
        
        <div class="def-tracker"></div>
        
        <div class="alt-tracker"></div>

    </div>
    
    <!-- alt tracker -->
<!--
    
    <div class="section alt-tracker">
-->

    <!-- cost -->
    <div class="section cost border flex-down flex-center">

        <div class="flex-row">
            <span class="bold">RESISTANCES</span> 
            <input class="bold" type="number" name="attr_resist-cost" value="0" />

            <span class="bold">+ APTITUDES </span>
            <input class="bold" type="number" name="attr_apt-cost" value="0" />

            <span class="bold">+ POWERS</span>
            <input class="bold" type="number" name="attr_power-cost" value="0" />

            <span class="bold">+ ADVANTAGES</span>
            <input class="bold" type="number" name="attr_adv-cost" value="0" />

            <span class="bold">+ DISADVANTAGES</span> 
            <input class="bold" type="number" name="attr_disadv-cost" value="0" />
        </div>

        <div>
            <span class="bold">= TOTAL COST</span> 
            <input class="bold ref" type="number" name="attr_cost" value="@{resist-cost}+@{apt-cost}+@{power-cost}+@{adv-cost}+@{disadv-cost}" disabled="true"/>            
        </div>

    </div>

</div>


<!-- ROLL TEMPLATE -->

<rolltemplate class="sheet-rolltemplate-black">
<div>
    <caption>{{name}}</caption>
    {{#allprops() }}
       <tr><td>{{key}}</td><td>{{value}}</td>
    {{/allprops() }}
</div>
</rolltemplate>