roll20-character-sheets/Black Hack/BlackHack.html

<input type="checkbox" value="dark" name="attr_colorTheme" checked="checked" class="sheet-theme sheet-hidden"/>
<input type="checkbox" value="light" name="attr_colorTheme" class="sheet-theme sheet-hidden"/>
<input type="checkbox" value="small" name="attr_textareaFontSize" checked="checked" class="sheet-fontSize sheet-hidden"/>
<input type="checkbox" value="normal" name="attr_textareaFontSize" class="sheet-fontSize sheet-hidden"/>

<div class="sheet-container">

    <div class='sheet-twoColRow'>
        <div class="sheet-col sheet-oneThird">
            <h1>The Black Hack</h1>
        </div>
        <div class="sheet-col sheet-twoThirds sheet-bio">
            <input type="text" name="attr_name" placeholder="Name"/>
			<input type="text" name="attr_class" placeholder="Class"/>
            <div style="display:inline-block;">Level <input type="number" name="attr_level" /></div>
        </div>
    </div>
    

    <div class="sheet-attributes">
        <div class="sheet-row">
            <div class="sheet-attribute">
                <div class="sheet-attributeTitle">Strength</div> <input type="number" name="attr_Str"/>
                <button type="roll" value="&{template:attributeTest} {{attribute=[[@{Str}]]}} {{rollResult=[[?{Difficulty?|Normal,1d20|Advantage,2d20kl1|Disadvantage,2d20kh1}cs<1cf>20+?{Modifier|0}]]}}">
                </button>
                
            </div>
            <div class="sheet-attribute">
                <div class="sheet-attributeTitle">Dexterity</div> <input type="number" name="attr_Dex" value="attr_Dex"/>
                <button type="roll" value="&{template:attributeTest} {{attribute=[[@{Dex}]]}} {{rollResult=[[?{Difficulty?|Normal,1d20|Advantage,2d20kl1|Disadvantage,2d20kh1}cs<1cf>20+?{Modifier|0}]]}}">
                </button>

            </div>
            
            <div class="sheet-attribute">
                <div class="sheet-attributeTitle">Constitution</div> <input type="number" name="attr_Con" value="attr_Con"/>
                <button type="roll" value="&{template:attributeTest} {{attribute=[[@{Con}]]}} {{rollResult=[[?{Difficulty?|Normal,1d20|Advantage,2d20kl1|Disadvantage,2d20kh1}cs<1cf>20+?{Modifier|0}]]}}">
                </button>
            </div>
        </div>

        <div class="sheet-row">        
            <div class="sheet-attribute">
                <div class="sheet-attributeTitle">Intelligence</div> <input type="number" name="attr_Int" value="attr_Int"/>            
                <button type="roll" value="&{template:attributeTest} {{attribute=[[@{Int}]]}} {{rollResult=[[?{Difficulty?|Normal,1d20|Advantage,2d20kl1|Disadvantage,2d20kh1}cs<1cf>20+?{Modifier|0}]]}}">
                </button>
            </div>
    
            <div class="sheet-attribute">
                <div class="sheet-attributeTitle">Wisdom</div> <input type="number" name="attr_Wis" value="attr_Wis"/>
                <button type="roll" value="&{template:attributeTest} {{attribute=[[@{Wis}]]}} {{rollResult=[[?{Difficulty?|Normal,1d20|Advantage,2d20kl1|Disadvantage,2d20kh1}cs<1cf>20+?{Modifier|0}]]}}">
                </button>
            </div>
    
            <div class="sheet-attribute">
                <div class="sheet-attributeTitle">Charisma</div> <input type="number" name="attr_Cha" value="attr_Cha"/>
                <button type="roll" value="&{template:attributeTest} {{attribute=[[@{Cha}]]}} {{rollResult=[[?{Difficulty?|Normal,1d20|Advantage,2d20kl1|Disadvantage,2d20kh1}cs<1cf>20+?{Modifier|0}]]}}">
                </button>
            </div>
        </div>        

    </div>
    
    <div class="sheet-health">
        AP <input type="text" class="sheet-narrowTextField" name="attr_armorPoints" title="Armor Points" />
        HP <input type="text" class="sheet-narrowTextField" name="attr_hp" title="Hit Points" />
        Hit Die <input type="text" class="sheet-narrowTextField" name="attr_hitDie"/>
        <button type="roll" value="/roll @{hitDie}" name="roll_hitDie"></button>
        
        Attack Damage 
        <input type="text" class="sheet-narrowTextField" name="attr_weaponDamage" placeholder="weapon damage" title="weapon damage" /> 
        <button type="roll" value="/roll @{weaponDamage}" name="roll_weaponDamage" title="Roll Weapon Damage"></button>
        / 
        <input type="text" class="sheet-narrowTextField" name="attr_improvisedDamage" placeholder="unarmed damage" title="unarmed and improvised damage" />
        <button type="roll" value="/roll @{improvisedDamage}" name="roll_improvisedDamage" title="Roll Unarmed or Improvised Damage"></button>        
    </div>
    
    <div class="sheet-inventory">

        <h2>Inventory and Usage Dice</h2>
        
        <fieldset class="repeating_inventory">
            <input type="text" name="attr_inventoryItemName" class="sheet-oneThird" placeholder="item name" />
            <input type="text" name="attr_inventoryItemNotes" class="sheet-half" placeholder="item notes" />
            
            <select name="attr_usageDieType" placeholder="usage">
                <option value=""></option>
                <option value="d20">d20</option>
                <option value="d12">d12</option>
                <option value="d10">d10</option>
                <option value="d8">d8</option>
                <option value="d6">d6</option>
                <option value="d4">d4</option>

            </select>
            <button type='roll' title="roll usage die" value='/roll @{usageDieType} for @{inventoryItemName}' name='roll_usageDie'></button>            
        </fieldset>

    </div>
    
    <div class="sheet-spells">
        <h2>Spells and Abilities</h2>
        <fieldset class="repeating_spells">
            <input type="text" name="attr_spellName" class="sheet-oneThird" placeholder="name" />
            <input type="text" name="attr_spellNotes" class="sheet-half" placeholder="notes" />
            <input type="text" class="sheet-narrowTextField" name="attr_spellMacro" placeholder="macro" title="eg: 1d20" />
            <button type="roll" title ="roll spell macro" value="/roll @{spellMacro} for @{spellName}" name="roll_spallMacro"></button>
        </fieldset>        
    </div>
	
	<div class="sheet-notes">
		<h2>Notes</h2>
		<fieldset class="repeating_notes">
			<textarea name="attr_note"></textarea>
		</fieldset>
	
	</div>
	

</div>


<div class="sheet-preferences">
	<div>
		<h5>Color Theme</h5>
		Dark: <input type="radio" value="dark" name="attr_colorTheme" checked="checked" class="sheet-theme"/>
		Light: <input type="radio" value="light" name="attr_colorTheme" class="sheet-theme"/>
	</div>
	<div>
		<h5>Text Size in Textareas</h5>
		Small: <input type="radio" value="small" name="attr_textareaFontSize" checked="checked" class="sheet-fontSize"/>
		Normal: <input type="radio" value="normal" name="attr_textareaFontSize" class="sheet-fontSize"/>
	</div>
	
</div>

<!-- Roll Templates -->

<rolltemplate class="sheet-rolltemplate-attributeTest">
    <div>{{rollname}}</div>
	<div>Attribute: {{attribute}}</div>
	<div>Roll Result: {{rollResult}}</div>
	<div>Outcome:
		{{#rollGreater() attribute rollResult}}
			Success!
		{{/rollGreater() attribute rollResult}}

		{{#rollGreater() rollResult attribute}}
			Failure!
		{{/rollGreater() rollResult attribute}}
		
		{{#rollTotal() attribute rollResult}}
		    Failure!
		{{/rollTotal() attribute rollResult}}
		
		{{#rollLess() rollResult 2}}
		    <h2>Crit!</h2>
		{{/rollLess() rollResult 2}}

		{{#rollGreater() rollResult 19}}
		    <h2>Fumble!</h2>
		{{/rollGreater() rollResult 19}}
		
				
	</div>	

</rolltemplate>