roll20-character-sheets-tester/Kult Divinity Lost/KULT Divinity Lost.html

<!--<div class="sheet-container">-->
<input type="radio" class="sheet-page1" name="attr_page" value="1" checked="checked" id="sheet-page1">
    <label for="sheet-page1" data-i18n="pageone-u">PAGE ONE</label>
<input type="radio" class="sheet-page2" name="attr_page" value="2" id="sheet-page2">
    <label for="sheet-page2" data-i18n="pagetwo-u">PAGE TWO</label>
<br />
<br />

<div class="sheet-page1">
    <div class="container1">
      <div class="basic">
          <div class="sheet-row">
            <div class="sheet-label" style="width: 71px;" >&#x2B2A; <span data-i18n="name-u">Name</span></div><input type="text" name="attr_charname" style="width: 83%">
          </div>
          <div class="sheet-row">
            <div class="sheet-label" style="width: 90px">&#x2B2A; <span data-i18n="archetype-u">Archetype</span></div><input type="text" name="attr_archetype" style="width: 80%">
          </div>
          <div class="sheet-row">
            <div class="sheet-label" style="width: 90px">&#x2B2A; <span data-i18n="occupation-u">Occupation</span></div><input type="text" name="attr_occupation" style="width: 80%">
          </div>
      </div>
      <div class="logo">
          <img src="https://i.imgur.com/RcjkiYO.png"/>
      </div>
    <div class="appearance">
        <div class="sheet-row">
            <div class="sheet-label" style="width: 85px">&#x2B2A; <span data-i18n="appearance-u">Appearance</span></div>
            <textarea name="attr_appearance" style="height: 68px"></textarea>
        </div>
    </div>
    
  <div class="attributes">
      <div class="sheet-row">

        <div style="margin-left: 33% ; width: 33% ; margin-bottom: 5% ; display: block ; text-align: center"
          class="sheet-label">&#x2B2A; <span data-i18n="attributes-u">Attributes</span></div>
        <!--<div class="sheet-leftatt">-->
          <div class="sheet-passatt" style="position: absolute; top: 142px; left: 76px;"><input type="number" name="attr_fortitude" min="-5" max="5"></div>
          <div class="sheet-attlabel" style="position: absolute; top: 210px; left: 9px;">
            <h4 data-i18n="fortitude-u">Fortitude</h4>
            <button type="roll" value="&{template:kult}{{name=^{move-rt} }}{{subtags=^{fortitude-mv-u} }}{{valor=[[2d10+@{Fortitude}+?{@{modificator}|0}]]}}"
              class="sheet-ui-draggable btn ui-draggable"><span data-i18n="fortitude-mv-u">Endure Injury</span></button>
          </div>
        <!--</div>-->

        <!--<div class="sheet-rightatt">-->
          <div class="sheet-attlabel" style="position: absolute; top: 135px; left: 134px;">
            <h4 data-i18n="willpower-u">Willpower</h4>
            <button type="roll" style="margin-left:8px;" value="&{template:kult}{{name=^{move-rt} }}{{subtags=^{willpower-mv-u} }}{{valor=[[2d10+@{Willpower}+?{@{modificator}|0}]]}}"
              class="sheet-ui-draggable btn ui-draggable"><span data-i18n="willpower-mv-u">Keep it Together</span></button>
          </div>
          <div class="sheet-passatt" style="position: absolute; top: 66px; left: 201px;"><input type="number" name="attr_willpower" min="-5" max="5"></div>
        <!--</div>-->

        <!--<br>-->

        <!--<div class="sheet-leftatt">-->
          <div class="sheet-passatt" style="position: absolute; top: 142px; left: 326px;"><input type="number" name="attr_reflexes" min="-5" max="5"></div>
          <div class="sheet-attlabel" style="position: absolute; top: 210px; left: 259px;">
            <h4 data-i18n="reflexes-u">Reflexes</h4>
            <button type="roll" value="&{template:kult}{{name=^{move-rt} }}{{subtags=^{reflexes-mv-u} }}{{valor=[[2d10+@{Reflexes}+?{@{modificator}|0}]]}}"
              class="sheet-ui-draggable btn ui-draggable"><span data-i18n="reflexes-mv-u">Avoid Harm</span></button>
          </div>
        <!--</div>-->

        <!--<div class="sheet-rightatt">-->
          <div class="sheet-attlabel" style="position: absolute; top: 350px; left: 9px;">
            <h4 data-i18n="reason-u">Reason</h4>
            <button type="roll" value="&{template:kult}{{name=^{move-rt} }}{{subtags=^{reason-mv-u} }}{{valor=[[2d10+@{Reason}+?{@{modificator}|0}]]}}"
              class="sheet-ui-draggable btn ui-draggable"><span data-i18n="reason-mv-u">Investigate</span></button>
          </div>
          <div class="sheet-actatt" style="position: absolute; top: 288px; left: 77px;"><input type="number" name="attr_reason" min="-5" max="5"></div>
        <!--</div>-->

        <!--<br>-->

        <!--<div class="sheet-leftatt">-->
          <div class="sheet-actatt" style="position: absolute; top: 288px; left: 326px;"><input type="number" name="attr_intuition" min="-5" max="5"></div>
          <div class="sheet-attlabel" style="position: absolute; top: 350px; left: 259px;">
            <h4 data-i18n="intuition-u">Intuition</h4>
            <button type="roll" value="&{template:kult}{{name=^{move-rt} }}{{subtags=^{intuition-mv-u} }}{{valor=[[2d10+@{Intuition}+?{@{modificator}|0}]]}}"
              class="sheet-ui-draggable btn ui-draggable"><span data-i18n="intuition-mv-u">Read a Person</span></button>
          </div>
        <!--</div>-->

        <!--<div class="sheet-rightatt">-->
          <div class="sheet-attlabel" style="position: absolute; top: 420px; left: 134px;">
            <h4 data-i18n="perception-u">Perception</h4>
            <button type="roll" value="&{template:kult}{{name=^{move-rt} }}{{subtags=^{perception-mv-u} }}{{valor=[[2d10+@{Perception}+?{@{modificator}|0}]]}}"
              class="sheet-ui-draggable btn ui-draggable"><span data-i18n="perception-mv-u">Observe a Situation</span></button>
          </div>
          <div class="sheet-actatt" style="position: absolute; top: 357px; left: 202px;"><input type="number" name="attr_perception" min="-5" max="5"></div>
        <!--</div>-->

        <!--<br>-->

        <!--<div class="sheet-leftatt">-->
          <div class="sheet-actatt" style="position: absolute; top: 428px; left: 77px;"><input type="number" name="attr_coolness" min="-5" max="5"></div>
          <div class="sheet-attlabel" style="position: absolute; top: 490px; left: 9px;">
            <h4 data-i18n="coolness-u">Coolness</h4>
            <button type="roll" value="&{template:kult}{{name=^{move-rt} }}{{subtags=^{coolness-mv-u} }}{{valor=[[2d10+@{Coolness}+?{@{modificator}|0}]]}}"
              class="sheet-ui-draggable btn ui-draggable"><span data-i18n="coolness-mv-u">Act Under Pressure</span></button>
          </div>
        <!--</div>-->

        <!--<div class="sheet-rightatt">-->
          <div class="sheet-attlabel" style="position: absolute; top: 490px; left: 259px;">
            <h4 data-i18n="violence-u">Violence</h4>
            <button type="roll" value="&{template:kult}{{name=^{move-rt} }}{{subtags=^{violence-mv-u} }}{{valor=[[2d10+@{Violence}+?{@{modificator}|0}]]}}"
              class="sheet-ui-draggable btn ui-draggable"><span data-i18n="violence-mv-u">Engage in Combat</span></button>
          </div>
          <div class="sheet-actatt" style="position: absolute; top: 428px; left: 326px;"><input type="number" name="attr_violence" min="-5" max="5"></div>
        <!--</div>-->

        <!--<br>-->

        <!--<div class="sheet-leftatt">-->
          <div class="sheet-actatt" style="position: absolute; top: 495px; left: 202px;"><input type="number" name="attr_charisma" min="-5" max="5"></div>
          <div class="sheet-attlabel" style="position: absolute; top: 560px; left: 134px;">
            <h4 data-i18n="charisma-u">Charisma</h4>
            <button type="roll" value="&{template:kult}{{name=^{move-rt} }}{{subtags=^{charisma-mv-u} }}{{valor=[[2d10+@{Charisma}+?{@{modificator}|0}]] }}"
              class="sheet-ui-draggable btn ui-draggable"><span data-i18n="charisma-mv-u">Influence Other</span></button>
          </div>
        <!--</div>-->

        <!--<div class="sheet-rightatt">-->
          <div class="sheet-attlabel" style="position: absolute; top: 700px; left: 134px;">
            <h4 data-i18n="soul-u">Soul</h4>
            <button type="roll" value="&{template:kult}{{name=^{move-rt} }}{{subtags=^{soul-mv-u} }}{{valor=[[2d10+@{Soul}+?{@{modificator}|0}]] }}"
              class="sheet-hidden-roll"><span data-i18n="soul-mv-u">See Through the Illusion</span></button>  
          </div>
          <div class="sheet-actatt" style="position: absolute; top: 634px; left: 202px;"><input type="number" name="attr_soul" min="-5" max="5"></div>
        <!--</div>-->
      </div>
  </div>
  
  <div class="dark_secrets">
      <div class="sheet-label">&#x2B2A; <span data-i18n="darksecrets-u">Dark Secrets</span></div>
        <textarea name="attr_darksecrets" style="height: 140px"></textarea>
  </div>
  <div class="disadvantages">
      <div class="sheet-label">&#x2B2A; <span data-i18n="disadvantages-u">Disadvantages</span></div>
        <textarea name="attr_disadvantages" style="height: 140px"></textarea>
  </div>
  <div class="advantages">
      <div class="sheet-label">&#x2B2A; <span data-i18n="advantages-u">Advantages</span></div>
        <textarea name="attr_advantages" style="height: 140px"></textarea>
  </div>
  <div class="relations">
      <div class="sheet-row">
      <div class="sheet-label">&#x2B2A; <span data-i18n="relations-u">Relations</span></div>
      <textarea name="attr_relations" style="height: 140px"></textarea>
    </div>
  </div>
</div>
</div>

  <br>

<div class="sheet-page2">
    <div class="container2">
      <div class="wounds">
        <div class="sheet-label">&#x2B2A; <span data-i18n="wounds-u">Wounds</span></div>
        <br>
        <div class="sheet-label2" style="float: left"><span data-i18n="wounds-serious-u">Serious Wounds (-1 ongoing)</span></div>
        <div class="sheet-label2" style="float: right"><span data-i18n="wounds-stabilized-u">Stabilized</span></div>
        <div class="sheet-bracket">
          <input type="text" name="attr_swound1name">
          <input type="checkbox" name="attr_swound1" value="1">
          <span></span>
          <input type="text" name="attr_swound2name">
          <input type="checkbox" name="attr_swound2" value="1">
          <span></span>
          <input type="text" name="attr_swound3name">
          <input type="checkbox" name="attr_swound3" value="1">
          <span></span>
          <input type="text" name="attr_swound4name">
          <input type="checkbox" name="attr_swound4" value="1">
          <span></span>
        </div>
        <div class="sheet-label2" style="float: left"><span data-i18n="wounds-critical-u">Critical Wound (-1 ongoing)</span></div>
        <div class="sheet-label2" style="float: right"><span data-i18n="wounds-stabilized-u">Stabilized</span></div>
        <div class="sheet-bracket" style="margin-bottom: 5%">
          <input type="text" name="attr_cwound1name">
          <input type="checkbox" name="attr_cwound1" value="1">
          <span></span>
        </div>
      <!--</div>-->
      </div>
      <div class="stability">
          <div class="sheet-label">&#x2B2A; <span data-i18n="stability-u">Stability</span></div>
          <table class="sheet-bracket" style="width:295px">
            <tbody>
              <tr style="border-bottom: 1px black solid">
                <td style="border-bottom: 1px black solid">
                  <input type="radio" name="attr_stability" value="0">
                  <span></span>
                </td>
                <td class="sheet-label3" style="border-bottom: 1px black solid"><span data-i18n="stability-lvl0-u">Composed</span></td>
                <td></td>
                <td></td>
              </tr>
              <tr>
                <td style="border-bottom: 1px black solid">
                  <input type="radio" name="attr_stability" value="1">
                  <span></span>
                </td>
                <td class="sheet-label3" style="border-bottom: 1px black solid; border-right:1px black solid;"><span data-i18n="stability-lvl1-u">Uneasy</span></td>
    
                <td></td>
                <td class="sheet-label4"><span data-i18n="stability-stress-moderate-u">Moderate stress:</span></td>
    
              </tr>
              <tr style="border-bottom: 1px black solid">
                <td>
                  <input type="radio" name="attr_stability" value="2">
                  <span></span>
                </td>
                <td class="sheet-label3" style="border-bottom: 1px black solid; border-right:1px black solid;"><span data-i18n="stability-lvl2-u">Unfocused</span></td>
                <td></td>
                <td class="sheet-label2"><span data-i18n="stability-stress-moderate-disad-u">-1 to Disadvantage rolls</span></td>
              </tr>
              <tr>
                <td style="border-bottom: 1px black solid;">
                  <input type="radio" name="attr_stability" value="3" >
                  <span></span>
                </td>
                <td class="sheet-label3" style="border-bottom: 1px black solid; border-right:1px black solid;"><span data-i18n="stability-lvl3-u">Shaken</span></td>
                <td></td>
                <td class="sheet-label4"><span data-i18n="stability-stress-serious-u">Serious stress:</span></td>
              </tr>
              <tr>
                <td style="border-bottom: 1px black solid;">
                  <input type="radio" name="attr_stability" value="4">
                  <span></span>
                </td>
                <td class="sheet-label3" style="border-bottom: 1px black solid; border-right:1px black solid;"><span data-i18n="stability-lvl4-u">Distressed</span></td>
                <td style="width: 5%;"></td>
                <td class="sheet-label4 sheet-label3"><span data-i18n="stability-stress-serious-kit-u">-1 Keep it Together</span></td>
              </tr>
              <tr style="border-bottom: 1px black solid">
                <td>
                  <input type="radio" name="attr_stability" value="5">
                  <span></span>
                </td>
                <td class="sheet-label3" style="border-right:1px black solid;"><span data-i18n="stability-lvl5-u">Neurotic</span></td>
                <td></td>
                <td class="sheet-label2"><span data-i18n="stability-stress-serious-disad-u">-2 to Disadvantage rolls</span></td>
              </tr>
              <tr>
                <td style="border-bottom: 1px black solid;">
                  <input type="radio" name="attr_stability" value="6">
                  <span></span>
                </td>
                <td class="sheet-label3" style="border-bottom: 1px black solid; border-right:1px black solid;"><span data-i18n="stability-lvl6-u">Anxious</span></td>
                <td></td>
                <td class="sheet-label4"><span data-i18n="stability-stress-critical-u">Critical stress:</span></td>
              </tr>
              <tr>
                <td style="border-bottom: 1px black solid;">
                  <input type="radio" name="attr_stability" value="7">
                  <span></span>
                </td>
                <td class="sheet-label3" style="border-bottom: 1px black solid; border-right:1px black solid;"><span data-i18n="stability-lvl7-u">Irrational</span></td>
                <td></td>
                <td class="sheet-label4 sheet-label3"><span data-i18n="stability-stress-critical-kit-u">-2 Keep it Together</span></td>
              </tr>
              <tr>
                <td>
                  <input type="radio" name="attr_stability" value="8">
                  <span></span>
                </td>
                <td class="sheet-label3" style="border-right:1px black solid;"><span data-i18n="stability-lvl8-u">Unhinged</span></td>
                <td></td>
                <td class="sheet-label2"><span data-i18n="stability-stress-critical-disad-u">-3 to Disadvantage rolls</span></td>
              </tr>
              <tr style="border-bottom: 1px black solid">
                <td></td>
                <td style="border-right:1px black solid;"></td>
                <td></td>
                <td class="sheet-label3 sheet-label4"><span data-i18n="stability-stress-critical-sti-u">+1 See Through the Illusion</span></td>
              </tr>
              <tr>
                <td>
                  <input type="radio" name="attr_stability" value="9">
                  <span></span>
                </td>
                <td class="sheet-label3" style="border-right:1px black solid;"><span data-i18n="stability-lvl9-u">Broken</span></td>
                <td></td>
                <td class="sheet-label2"><span data-i18n="stability-broken-mmv-u">The GM makes a Move</span></td>
              </tr>
            </tbody>
          </table>
    
        <!--</div>-->
      </div>
      <div class="dramatic_hooks">
            <div class="sheet-label">&#x2B2A; <span data-i18n="dramatichooks-u">Dramatic Hooks</span></div>
            <textarea style="height: 485px;" name="attr_dramatichooks"></textarea>
      </div>
      <div class="gears">
            <div class="sheet-label">&#x2B2A; <span data-i18n="gear-u">Gear</span></div>
            <textarea name="attr_gear" style="height: 260px; width:435px;"></textarea>
      </div>
      <div class="weapons">
            <div class="sheet-label">&#x2B2A; <span data-i18n="weapons-u">Weapons</span></div>
            <textarea name="attr_weapons" style="height: 260px; width:435px"></textarea>
      </div>
      <div class="notes">
            <div class="sheet-label">&#x2B2A; <span data-i18n="notes-u">Notes</span></div>
            <textarea name="attr_notes" style="height: 565px;"></textarea>
      </div>
    </div>
</div>
<!--</div>-->

<span style="display: none" data-i18n="modificator-rt">Modificator</span>

<rolltemplate class="sheet-rolltemplate-kult">
    <div class="container">
        <div><h1>&#x2B2A; {{name}}</h1></div>
        <div><h2>{{subtags}}</h2></div>
        <br>
        <div class="rowcolor"><span class="tcat" data-i18n="result-rt">Resultado: </span> {{valor}} </div>
        {{#rollGreater() valor 14}}
         <div class="fsuccess"><h4 data-i18n="complete-success-rt">Success!</h4></div>
        {{/rollGreater() valor 14}}
        {{#rollBetween() valor 10 14}}
            <div class="hsuccess"><h4 data-i18n="partial-success-rt">Sucesso com restrições</h4></div>
        {{/rollBetween() valor 10 14}}
        {{#rollLess() valor 10}}
            <div class="ffailure"><h4 data-i18n="failure-rt">Falha!</h4></div>
        {{/rollLess() valor 10}}
    </div>
</rolltemplate>

<script type="text/worker">

on("sheet:opened", function(eventInfo){
    
    setAttrs({
        modificator: getTranslationByKey("modificator-rt")
    });     
    
});

</script>