roll20-character-sheets/Quest-rpg/quest.html

<div>
    <!-- Set up the Tabs -->
    <input type="radio" class="sheet-tab sheet-tab1" name="attr_core-tab" value="1" title="profile" checked="checked"/> 
    <span class="sheet-tab sheet-tab1" style="line-height: 40px;">Profile</span>
    <input type="radio" class="sheet-tab sheet-tab3" name="attr_core-tab" value="3" title="abilities" /> 
    <span class="sheet-tab sheet-tab3" style="line-height: 40px;">Abilities</span>
    <input type="radio" class="sheet-tab sheet-tab2" name="attr_core-tab" value="2" title="inv" /> 
    <span class="sheet-tab sheet-tab2" style="line-height: 40px;">Inventory</span>
    <button type="roll" name="roll_d20" value="&{template:quest} {{title=Roll}} {{subtitle=@{character_name}}} {{Result=[[1d20cs>11cf<5]]}} {{_20=Triumph}} {{_11-19=Success}} {{_6-10=Tough Choice}} {{_2-5=Failure}} {{_1=Catastrophe}}"></button>
    <span>v.1.1</span>
    <img class="logo" src="https://raw.githubusercontent.com/asimone/questrpg-roll20-character-sheet-template/master/images/quest.png">
    <!-- End Tab setup -->  

    <!-- Profile Tab -->
    <div class="sheet-section-profile">
        <div class="profile-text">
            <p>Hello,</p>
            <p>My name is <input class="name-field" type="text" placeholder="name" name="attr_character_name"> (<input class="pronoun" type="text" placeholder="Pronouns" name="attr_pronouns">)</p>
            <p>I'm <input class="age" type="text" name="attr_age" placeholder="age"> years old, and stand <input class="height" type="text" name="attr_height"> tall.</p>
            <p>I'm the party's <input class="role" type="text" name="attr_role" placeholder="role">.</p>
            <p>When people see me, they first notice my <input class="attribute" type="text" name="attr_dis_feature1" placeholder="distinctive feature">, <input class="attribute" type="text" name="attr_dis_feature2">, and <input class="attribute2" type="text" name="attr_dis_feature3">.</p>
            <p>I wear <input class="clothes" name="attr_style1" type="text" placeholder="style">, <input class="clothes" name="attr_style2" type="text">,</p>
            <p>and move with <input class="attribute2" name="attr_style3" type="text">.</p>
            <p>I'm from <input class="background" type="text" name="attr_home" placeholder="home">, where my people are</p>
            <p>known for <input class="background2" type="text" name="attr_community" placeholder="community">.</p>
            <p>I believe in <input class="ethos" type="text" name="attr_ideal" placeholder="ideal">, but my <input class="ethos" placeholder="flaw" type="text" name="attr_flaw"> side can get in my way.</p>
            <p>I dream of <input class="goal" type="text" name="attr_dream" placeholder="dream">.<p>
        </div>
        <div class="profile-notes">
            <p><textarea class="notes" placeholder="Notes" name="attr_notes"></textarea></p>    
        </div>
    </div>
    
    <!-- Abilities Tab -->
    <div class="sheet-section-abilities">
        <p>
            <span class="hp">Hit Points: <input class="hp" type="number" name="attr_hp"> / 10</span>
            <span class="ap">Adventure Points: <input class="ap" type="number" name="attr_ap"></span>
        </p>
    
        <h3 class="ability-header">Abilities</h3>
        <fieldset class="repeating_skills"> 
            <button class="sheet-text-button" type='roll' value='&{template:quest} {{title=@{ability}}} {{subtitle=@{character_name}}} {{cost=@{cost}}} {{desc=@{abilitydesc}}}' name="roll_ability"></button> 
            <input type="text" class="ability-name" name="attr_ability" placeholder="Ability Name" />
            <input type="text" class="ability-cost" name="attr_cost" placeholder="AP Cost" /> 
            <textarea class="ability_description" name="attr_abilitydesc" placeholder="Ability Description" style="height:90px;width: 500px;"></textarea>           
        </fieldset>
    </div> 

    <!-- Worksheet Tab -->
    <div class="sheet-section-inv">
        <div class='sheet-2colrow 2colrow-top'>
            <div class='sheet-col'>
                <textarea class="inv" name="attr_item1"></textarea><br>
                <textarea class="inv" name="attr_item2"></textarea><br>
                <textarea class="inv" name="attr_item3"></textarea>
            </div>
            <div class='sheet-col'>
                <textarea class="inv" name="attr_item4"></textarea><br>
                <textarea class="inv" name="attr_item5"></textarea><br>
                <textarea class="inv" name="attr_item6"></textarea>
            </div>
        </div>
        <div class='sheet-2colrow invbottom'>
            <div class='sheet-col'>
                <textarea class="inv" name="attr_item7"></textarea><br>
                <textarea class="inv" name="attr_item8"></textarea><br>
                <textarea class="inv" name="attr_item9"></textarea>
            </div>
            <div class='sheet-col'>
                <textarea class="inv" name="attr_item10"></textarea><br>
                <textarea class="inv" name="attr_item11"></textarea><br>
                <textarea class="inv" name="attr_item12"></textarea>
            </div>
        </div>
    </div>

</div>

<!-- ROLL TEMPLATES -->
<rolltemplate class="sheet-rolltemplate-ability">
    <table>
        <tr><th>{{name}}</th></tr>
        </tr>
        <tr>
            <td><b>AP Cost:</b> {{cost}}</td>
        </tr>
        <tr>
            <td class="desc">{{desc}}</td>        
        </tr>
    </table>
</rolltemplate>

<rolltemplate class="sheet-rolltemplate-quest">
  <div class="sheet-container sheet-color-{{color}}">
    <div class="sheet-header">
      {{#title}}<div class="sheet-title">{{title}}</div>{{/title}}
      {{#subtitle}}<div class="sheet-subtitle">{{subtitle}}</div>{{/subtitle}}
    </div>
    <div class="sheet-content">
      {{#allprops() title subtitle desc}}
      <div class="sheet-key">{{key}}</div>
      <div class="sheet-value">{{value}}</div>
      {{/allprops() title subtitle desc}}
      {{#desc}}<div class="sheet-desc">{{desc}}</div>{{/desc}}
    </div>
  </div>
</rolltemplate>