roll20-character-sheets/Dramasystem/dramasystem.html

<input class="gm_toggle" name="attr_gmtracking" type="hidden" value="0" />
<input type="hidden" class="customhide" name="attr_str1" value="enduring" />

<div class="logo"><img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dramasystem/dramasystem_logo.png"></div>

<div class="container pc">
    <div class="headingback"><span class="heading" data-i18n="characterheader">Character</span></div>
    <div><span data-i18n="name">I am:</span> <input type="text" name="attr_character_name"><br />
    <span data-i18n="desire">Desire:</span></span> <input type="text" name="attr_desire"><br />
    <span data-i18n="role">Role:</span> <input type="text" name="attr_role"></div>

    <div>
        <span data-i18n="story1">My story is of</span> 
        <input type="text" spellcheck="false" name="attr_story1" placeholder="(a person)" class="story1" data-i18n-placeholder="pc-repeating-story1-place" /> 
        <span data-i18n="story2">who</span> <input type="text" spellcheck="false" name="attr_story" placeholder="(desires something)" data-i18n-placeholder="pc-repeating-story2-place" class="story" />.
    </div>
    <div class="poles">
    <div class="headingback"><span class="heading" data-i18n="dramatic_poles">Dramatic Poles</span></div>
        <input class="poleinput" type="text" spellcheck="false" name="attr_pole1" /> <span class="mypoles" data-i18n="or">or</span>  <input class="poleinput" type="text" spellcheck="false" name="attr_pole2" />
    </div>

    <div class="headingback"><span class="heading" data-i18n="people">The People in My Life</span></div>

    <div class="relationship_table">
        <div class="relationshiphr relationshipname" data-i18n="relationshipname">Character</div>
        <div class="relationshiphr relationshiprelat" data-i18n="relationship">Relationship</div>
        <div class="relationshiphr relationshipwant" data-i18n="wants">What I Want from Them</div>
        <div class="relationshiphr relationshipno" data-i18n="relationshipno">Why I Can't Get It</div> 
        <div class="relationshiphr relationshippoles" data-i18n="relationdramapoles">Their Dramatic Poles</div>

        <fieldset class="repeating_relationship">
            <div class="relationshiprow">
                <span class="relationshipname">
                    <input class="relationshipname" type="text" spellcheck="false" name="attr_relatename" />
                </span>
                <span class="relationshiprelat">
                    <textarea spellcheck="false" name="attr_relationship"></textarea>
                </span>
                <span class="relationshipwant">
                    <textarea spellcheck="false" name="attr_iwant"></textarea>
                </span>
                <span class="relationshipno">
                    <textarea spellcheck="false" name="attr_whyno"></textarea>
                </span>
                <span class="relationshippoles"> 
                    <input class="relationshippoles" type="text" spellcheck="false" name="attr_relatpoles"  />
                </span>
            </div>
        </fieldset>
    </div>
    
    <div class="relationship_table">
        <div class="relationshiphr relationshipname" data-i18n="relationshipname">Character</div>
        <div class="relationshiphr relationshiprelat" data-i18n="relationship">Relationship</div>
        <div class="relationshiphr relationshipwant" data-i18n="wantsfromme">What They Want from Me</div>
        <div class="relationshiphr relationshipno" data-i18n="relationshipnofromme">Why I Won't Give It</div> 

        <fieldset class="repeating_relattowardsme">
            <div class="relationshiprowme">
                <span class="relationshipname">
                    <input class="relationshipname" type="text" spellcheck="false" name="attr_relatenametowardsme" />
                </span>
                <span class="relationshiprelat">
                    <textarea spellcheck="false" name="attr_relationshipwithme"></textarea>
                </span>
                <span class="relationshipwant">
                    <textarea spellcheck="false" name="attr_wantsfromme"></textarea>
                </span>
                <span class="relationshipno">
                    <textarea spellcheck="false" name="attr_whynofromme"></textarea>
                </span>
            </div>
        </fieldset>
    </div>

    <div class="headingback"><span class="heading" data-i18n="actions">What I Can Do</span></div>

        <div class="actionhr actionrank"><span data-i18n="rankheader">Rank</span></div>
        <div class="actionhr actionname"><span data-i18n="actionheader">Action</span></div>
        <div class="customhide actionhr actioncustom"><span data-i18n="customheader">Custom Action</span></div>
        <div class="actionhr actionhow"><span data-i18n="actionhow">How I Do It</span></div>
        <br /><br />

<div class="actions actionrank" data-i18n="rankstrong">Strong</div>
<div class="actions actionname"><select class="actionname" name="attr_str1">
    <option value="enduring" data-i18n="actionenduring">Enduring</option>
    <option value="fighting" data-i18n="actionfight">Fighting</option>
    <option value="knowing" data-i18n="actionknow">Knowing</option>
    <option value="making" data-i18n="actionmake">Making</option>
    <option value="moving" data-i18n="actionmove">Moving</option>
    <option value="sneaking" data-i18n="actionsneak">Sneaking</option> 
    <option value="talking" data-i18n="actiontalk">Talking</option>
    <option value="custom" data-i18n="actioncustom">Custom</option>
    </select></div>
    
<div class="customhide actions actioncustom"><input type="text" spellcheck="false" name="attr_customactdesc" /></div>
<div class="actions actionhow"><input type="text" spellcheck="false" name="attr_str1desc" /></div>

<br />

<div class="actions actionrank" data-i18n="rankstrong">Strong</div>
<div class="actions actionname"><select class="actionname" name="attr_str2">
    <option value="enduring" data-i18n="actionenduring">Enduring</option>
    <option value="fighting" data-i18n="actionfight">Fighting</option>
    <option value="knowing" data-i18n="actionknow">Knowing</option>
    <option value="making" data-i18n="actionmake">Making</option>
    <option value="moving" data-i18n="actionmove">Moving</option>
    <option value="sneaking" data-i18n="actionsneak">Sneaking</option>
    <option value="talking" data-i18n="actiontalk">Talking</option>
    </select></div>
<div class="customhide actions actioncustom">&nbsp;</div>
<div class="actions actionhow"><input type="text" spellcheck="false" name="attr_str2desc" /></div>

<br />

<div class="actions actionrank" data-i18n="rankmiddle">Middling</div>
<div class="actions actionname"><select class="actionname" name="attr_mid1">
    <option value="enduring" data-i18n="actionenduring">Enduring</option>
    <option value="fighting" data-i18n="actionfight">Fighting</option>
    <option value="knowing" data-i18n="actionknow">Knowing</option>
    <option value="making" data-i18n="actionmake">Making</option>
    <option value="moving" data-i18n="actionmove">Moving</option>
    <option value="sneaking" data-i18n="actionsneak">Sneaking</option>
    <option value="talking" data-i18n="actiontalk">Talking</option>
    </select></div>

<br />

<div class="actions actionrank" data-i18n="rankmiddle">Middling</div>
<div class="actions actionname"><select class="actionname" name="attr_mid2">
    <option value="enduring" data-i18n="actionenduring">Enduring</option>
    <option value="fighting" data-i18n="actionfight">Fighting</option>
    <option value="knowing" data-i18n="actionknow">Knowing</option>
    <option value="making" data-i18n="actionmake">Making</option>
    <option value="moving" data-i18n="actionmove">Moving</option>
    <option value="sneaking" data-i18n="actionsneak">Sneaking</option>
    <option value="talking" data-i18n="actiontalk">Talking</option>
    </select></div>

<br />

<div class="actions actionrank" data-i18n="rankmiddle">Middling</div>
<div class="actions actionname"><select class="actionname" name="attr_mid3">
    <option value="enduring" data-i18n="actionenduring">Enduring</option>
    <option value="fighting" data-i18n="actionfight">Fighting</option>
    <option value="knowing" data-i18n="actionknow">Knowing</option>
    <option value="making" data-i18n="actionmake">Making</option>
    <option value="moving" data-i18n="actionmove">Moving</option>
    <option value="sneaking" data-i18n="actionsneak">Sneaking</option>
    <option value="talking" data-i18n="actiontalk">Talking</option>
    </select></div>


<br />
<div class="actions actionrank" data-i18n="rankweak">Weak</div>
<div class="actions actionname"><select class="actionname"  name="attr_weak1">
    <option value="enduring" data-i18n="actionenduring">Enduring</option>
    <option value="fighting" data-i18n="actionfight">Fighting</option>
    <option value="knowing" data-i18n="actionknow">Knowing</option>
    <option value="making" data-i18n="actionmake">Making</option>
    <option value="moving" data-i18n="actionmove">Moving</option>
    <option value="sneaking" data-i18n="actionsneak">Sneaking</option>
    <option value="talking" data-i18n="actiontalk">Talking</option>
    </select></div>

<br />
<div class="actions actionrank" data-i18n="rankweak">Weak</div>
<div class="actions actionname"><select class="actionname" name="attr_weak2">
    <option value="enduring" data-i18n="actionenduring">Enduring</option>
    <option value="fighting" data-i18n="actionfight">Fighting</option>
    <option value="knowing" data-i18n="actionknow">Knowing</option>
    <option value="making" data-i18n="actionmake">Making</option>
    <option value="moving" data-i18n="actionmove">Moving</option>
    <option value="sneaking" data-i18n="actionsneak">Sneaking</option>
    <option value="talking" data-i18n="actiontalk">Talking</option>
    </select></div>


<br />
<div class="customhide actions actionrank" data-i18n="rankweak">Weak</div>
<div class="customhide actions actionname"><select class="actionname" name="attr_weak3">
    <option value="enduring" data-i18n="actionenduring">Enduring</option>
    <option value="fighting" data-i18n="actionfight">Fighting</option>
    <option value="knowing" data-i18n="actionknow">Knowing</option>
    <option value="making" data-i18n="actionmake">Making</option>
    <option value="moving" data-i18n="actionmove">Moving</option>
    <option value="sneaking" data-i18n="actionsneak">Sneaking</option>
    <option value="talking" data-i18n="actiontalk">Talking</option>
    </select></div>

	<div data-i18n="actioninstructions">* Assign each action to one and only one rank.</div>
	
    <div>
        <input type="checkbox" class="malandros_toggle" name="attr_malandros" /> <span data-i18n="malandros" style="malandrostogglelabel">Malandros</span> 

        <div class="notmalandros">
            <div class="headingback"><span class="heading consequences" data-i18n="consequences">Consequences</span></div>
            <div class="consequences">
                <fieldset class="repeating_consequences">
                    <div class="consequences">
                        <input type="text" spellcheck="false" name="attr_consequence" class="consequences"/>
                    </div>
                </fieldset>
            </div>
        </div>
    
    	<div class="malandros">
	        <div class="headingback"><span class="heading" data-i18n="signaturemoves"></span></div>
	        <div class="sigmoves"><span class="inlineheading" data-i18n="primarymove">Primary</span>: 
	        <textarea spellcheck="false" name="attr_primarymove" class="moves"></textarea></div>
	        <div class="sigmoves"><span class="inlineheading" data-i18n="secondarymove">Secondary</span>:
	        <textarea spellcheck="false" name="attr_primarymove" class="moves"></textarea></div>

            <div class="headingback"><span class="heading" data-i18n="stress">Stress and Harm</span></div>
            <div class="stressharm">
                <div class="dazed"><input type="checkbox" class="stress" name="attr_dazed" value="dazed"><span data-i18n="dazed"></span></div>
                <div class="angry"><input type="checkbox" class="stress" name="attr_angry" value="angry"><span data-i18n="angry"></span></div>
                <div class="embarrassed"><input type="checkbox" class="stress" name="attr_embarrassed" value="embarrassed"><span data-i18n="embarrassed"></span></div>
                <div class="beaten_up"><input type="checkbox" class="stress" name="attr_beatenup" value="beaten_up"><span data-i18n="beaten_up"></span> -1</div>

                <div class="hurt"><input type="checkbox" class="stress" name="attr_hurt" value="hurt"><span data-i18n="hurt"></span> -2</div>
                <div class="injured"><input type="checkbox" class="stress" name="attr_injured" value="injured"><span data-i18n="injured"></span> -3</div>
                <div class="out"><input type="checkbox" class="stress" name="attr_out" value="out"><span data-i18n="out"></span></div>
            </div>
            
            <div class="wealthcontainer">

                <div class="wealthase">
                    <div class="headingback"><span class="gridheading consequences" data-i18n="wealthase">Wealth and As&eacute;</span></div>
                </div>
            
                <div class="wealth"><span class="inlineheading" data-i18n="wealth">Wealth</span>:&nbsp;
                <input type="radio" class="tracks" name="attr_wealth" value="1" checked="checked"><span></span>
                <input type="radio" class="tracks" name="attr_wealth" value="2"><span></span>
                <input type="radio" class="tracks" name="attr_wealth" value="3"><span></span>
                <input type="radio" class="tracks" name="attr_wealth" value="4"><span></span>
                <input type="radio" class="tracks" name="attr_wealth" value="5"><span></span>
                </div>
                
                <div class="ase">
                <span class="inlineheading" data-i18n="ase">As&eacute;</span>:&nbsp;
                <input type="radio" class="tracks" name="attr_ase" value="1" checked="checked"><span></span>
                <input type="radio" class="tracks" name="attr_ase" value="2"><span></span>
                <input type="radio" class="tracks" name="attr_ase" value="3"><span></span>
                <input type="radio" class="tracks" name="attr_ase" value="4"><span></span>
                <input type="radio" class="tracks" name="attr_ase" value="5"><span></span>
                </div>

            <div class="resourcebox">
                <span class="gridheading" data-i18n="resources"></span></div>
            <div class="resources">
                <textarea >
                </textarea>
            </div>
                
            </div>
            
            </div>
        </div>
   </div>

</div>

<div class="container gm">

    <div class="headingback"><span class="heading" data-i18n="maincasttracker">Main Cast Tracker</span></div>
<div class="trackertable">
        <div class="trackerhr trackerplayer" data-i18n="trackerplayer">Player</div>
        <div class="trackerhr trackerchar" data-i18n="trackerchar">Character</div>
        <div class="trackerhr trackerrole" data-i18n="trackerrole">Role</div>
        <div class="trackerhr trackerdesire" data-i18n="trackerdesire">Desire</div>
        <div class="trackerhr trackerpoles" data-i18n="trackerdramapoles">Dramatic Poles</div>

        <fieldset class="repeating_tracker">
            <div class="trackerrow">
                <span class="trackerplayer"><input class="trackerplayer" type="text" spellcheck="false" name="attr_trackerplayer"></span>
                <span class="trackerchar"><input class="trackerchar" type="text" spellcheck="false" name="attr_trackerchar"></span>
                <span class="trackerrole"><input class="trackerrole" type="text" spellcheck="false" name="attr_trackerrole"></span>
                <span class="trackerdesire"><input class="trackerdesire" type="text" spellcheck="false" name="attr_trackerdesire"></span>
                <span class="trackerpoles"><input class="trackerpoles" type="text" spellcheck="false" name="attr_trackerpoles"></span>
            </div>
        </fieldset>
</div>

    <div class="headingback"><span class="heading" data-i18n="recurringtracker">Recurring Character Tracker</span></div>
<div class="trackertablerecurring">
        <div class="trackerhr trackerrecurring" data-i18n="trackerrecurring">Character</div>
        <div class="trackerhr trackernpcrole" data-i18n="trackernpcrole">Role</div>
        <div class="trackerhr trackernpcwant" data-i18n="trackernpcwant">What I Want</div>
        <div class="trackerhr trackernpcdeny" data-i18n="trackernpcdeny">Why I Can't Get It</div>

        <fieldset class="repeating_recurring">
            <div class="trackerrow">
                <span class="trackerrecurring"><input type="text" spellcheck="false" name="attr_trackerrecurring" class="trackerrecurring"></span>
                <span class="trackernpcrole"><input type="text" spellcheck="false" name="attr_trackernpcrole" class="trackernpcrole"></span>
                <span class="trackernpcwant"><input type="text" spellcheck="false" name="attr_trackernpcwant" class="trackernpcwant"></span>
                <span class="trackernpcdeny"><input type="text" spellcheck="false" name="attr_trackernpcdeny" class="trachernpcdeny"></span>
            </div>
        </fieldset>

</div>

    <div class="headingback"><span class="heading" data-i18n="relationshipmap">Relationship Map</span></div>
<div class="relatmap">
        <div class="maphr mapchar1" style="width:250px" data-i18n="relatmapchar1">(Character) is</div>
        <div class="maphr mapchar2" style="width:250px" data-i18n="relatmapchar2">(Other Character)'s</div>
        <div class="maphr maprelationship" style="width:250px" data-i18n="relatmaprelationship">(Relationship)</div>
        
        <fieldset class="repeating_relationmap">
            <div class="maprow">
                <span class="mapchar1"><input type="text" spellcheck="false" name="attr_mapchar1" class="mapchar1"></span>
                <span class="mapchar2"><input type="text" spellcheck="false" name="attr_mapchar2" class="mapchar2"></span>
                <span class="maprelationship"><input type="text" spellcheck="false" name="attr_maprelationship" class="maprelationship"></span>
            </div>
        </fieldset>

</div>  
</div>

<hr>
<div class="credit"><span data-i18n="title">Dramasystem SRD Character Sheet. DramaSystem &copy; 2013 Robin D. Laws and Pelgrane Press.</span> <br />
<span data-i18n="malandrostitle">Malandros &copy; 2016 Thomas McGrenery.</span></div>
<input class="gm_toggle" name="attr_gmtracking" type="checkbox" value="1" /> <span data-i18n="gmtracking" style="gmtogglelabel">GM Tracker</span>