Files
roll20-character-sheets/anime5e/anime5e.html
T
2025-10-02 13:45:52 +02:00

741 lines
65 KiB
HTML

<!-- ANIME5e -->
<!-- Character sheet for Roll20 by VJ Rolmasters -->
<div class="sheet-contenedorvj">
<div class="sheet-contenedor-central">
<div class="sheet-100">
<div class="sheet-topbar">
<div class="sheet-logo">
</div><!-- end .sheet-logo -->
<div class="sheet-charactername"> <input class="sheet-characterinfo2" type="text" name="attr_character_name" style="margin: 40px 0px 0px 45px;" title="Character Name" value="Character Name" />
</div><!-- end .sheet-charactername -->
<div class="sheet-playername">
<input class="sheet-characterinfo2" type="text" name="attr_player_name" style="margin: 26px 0px 0px 10px; " title="Player Name" value="Player Name" />
<select class="sheet-selectrolltype" name="attr_rolltype" title="This modifier affects all D20 rolls. " style=" ">
<option value="{2d20}kh1">ADVANTAGE</option>
<option value="{1d20}" selected>NORMAL ROLL</option>
<option value="{2d20}kl1">DISAVANTAGE</option>
</select>
</div><!-- end .sheet-playername -->
</div><!-- end .sheet-topbar -->
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<!-- ============================= TABS MENU ======================== -->
<div class="sheet-cosmenu2">
<input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab" value="character" />
<div>
<button type="action" name="act_character" class="sheet-button0">CHARACTER</button>
<button type="action" name="act_combat" class="sheet-button1">COMBAT</button>
<button type="action" name="act_attributes" class="sheet-button2">ATTRIBUTES</button>
<button type="action" name="act_background" class="sheet-button3">BACKGROUND</button>
</div>
<!-- ============================= TAB 1 : CHARACTER ======================== -->
<div class="sheet-character">
<div class="sheet-statsbar">
<div class="sheet-avatar-box">
<div class="sheet-avatar-foto"><img name="attr_character_avatar" alt=""></div><!-- end .sheet-avatar-foto -->
</div><!-- end .sheet-avatar-box -->
<div class="sheet-race-box">
<div class="sheet-100"><input class="sheet-characterinfo" type="text" name="attr_character_race" style="width: 210px; text-align: center; margin: 24px 0px 0px 10px; background-color: transparent; font-size: 24px" title="Character Race" value="Character Race" />
</div><!-- end .sheet-100 -->
<div class="sheet-100"><input class="sheet-characterinfo" type="text" name="attr_character_description" style="width: 210px; text-align: center; margin: 16px 0px 0px 10px; background-color: transparent; font-size: 20px " title="Character description" value="Character description" />
</div><!-- end .sheet-100 -->
<div class="sheet-100"><input class="sheet-characterinfo" type="text" name="attr_character_alignment" style="width: 210px; text-align: center; margin: 16px 0px 0px 10px; background-color: transparent; font-size: 20px " title="Character alignment" value="Character alignment" />
</div><!-- end .sheet-100 -->
<div class="sheet-100"><input class="sheet-characterinfo" type="text" name="attr_character_discretionary" style="width: 95px; text-align: center; margin: 26px 0px 0px 20px; background-color: transparent; font-size: 16px " title="Character discretionary" value="Discretionary" /><input class="sheet-characterinfo" type="text" name="attr_character_experience" style="width: 90px; text-align: center; margin: 26px 0px 0px 5px; background-color: transparent; font-size: 16px " title="Character experience" value="Experience" />
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-race-box -->
<div class="sheet-class-box">
<div class="sheet-100"><input class="sheet-characterinfo" type="text" name="attr_character_level" style="width: 60px; text-align: center; margin: 35px 0px 0px 220px; background-color: transparent; font-size: 20px " title="Character Level" value="LVL" />
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<input class="sheet-characterinfo" type="text" name="attr_character_class1" style="width: 120px; text-align: center; margin: 40px 0px 0px 20px; background-color: transparent; " title="Class 1" value="" /><input class="sheet-characterinfo" type="number" name="attr_character_class1level" style="width: 60px; text-align: center; margin: 40px 0px 0px 10px; background-color: transparent; " title="Class 1 level" value="" min="0" /><input class="sheet-characterinfo" type="text" name="attr_character_hitdice1" style="width: 60px; text-align: center; margin: 40px 0px 0px 10px; background-color: transparent; " title="Hit Dice 1" value="" />
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<input class="sheet-characterinfo" type="text" name="attr_character_class2" style="width: 120px; text-align: center; margin: 15px 0px 0px 20px; background-color: transparent; " title="Class 2" value="" /><input class="sheet-characterinfo" type="number" name="attr_character_class2level" style="width: 60px; text-align: center; margin: 15px 0px 0px 10px; background-color: transparent; " title="Class 2 level" value="" min="0" /><input class="sheet-characterinfo" type="text" name="attr_character_hitdice2" style="width: 60px; text-align: center; margin: 15px 0px 0px 10px; background-color: transparent; " title="Hit Dice 2" value="" />
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<input class="sheet-characterinfo" type="text" name="attr_character_class3" style="width: 120px; text-align: center; margin: 15px 0px 0px 20px; background-color: transparent; " title="Class 3" value="" /><input class="sheet-characterinfo" type="number" name="attr_character_class3level" style="width: 60px; text-align: center; margin: 15px 0px 0px 10px; background-color: transparent; " title="Class 3 level" value="" min="0" /><input class="sheet-characterinfo" type="text" name="attr_character_hitdice3" style="width: 60px; text-align: center; margin: 15px 0px 0px 10px; background-color: transparent; " title="Hit Dice 3" value="" />
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-class-box -->
<!-- ============================= ABILITIES (Strength + Dexterity + Constitution + Intelligence + Wisdom + Charisma ) ======================== -->
<div class="sheet-stats-box">
<div class="sheet-100">
<input type="number" style=" width: 70px; margin: 80px 0px 0px 38px; border: none; line-height: 20px; font-size: 34px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center;" name="attr_strength" max="30" min="0" value="0">
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<input type="text" style=" width: 35px; margin: 15px 0px 0px 42px; border: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; " name="attr_bonostrength" value="0" readonly >
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<button class="btnanime5e" style="text-align: center; font-size: 28px; line-height: 22px; margin: 45px 0px 0px 80px;" type="roll" name="roll_strength" value="&{template:custom} {{title=ABILITY ROLL}} {{subtitle=@{character_name}}} {{STRENGTH= [[ @{rolltype} + @{bonostrength} + @{checkprofistrength}]]}} {{desc= 1d20 + Stength modifier @{descprofistr} }}" ></button>
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<div class="sheet-profiabilitybox">
<input type="checkbox" class="sheet-checksalvation" style="margin: 0px 5px 0px 15px;" name="attr_checkprofistrength" value="@{proficencybonus}"> Proficiency
</div><!-- end .sheet-profiabilitybox -->
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-stats-box -->
<div class="sheet-stats-box">
<div class="sheet-100">
<input type="number" style=" width: 70px; margin: 80px 0px 0px 38px; border: none; line-height: 20px; font-size: 34px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center;" name="attr_dexterity" max="30" min="0" value="0">
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<input type="text" style=" width: 35px; margin: 15px 0px 0px 45px; border: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; " name="attr_bonodexterity" value="0" readonly >
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<button class="btna" style="text-align: center; font-size: 28px; line-height: 22px; margin: 45px 0px 0px 82px;" type="roll" name="roll_dexterity" value="&{template:custom} {{title=ABILITY ROLL}} {{subtitle=@{character_name}}} {{DEXTERITY= [[ @{rolltype} + @{bonodexterity} + @{checkprofidexterity} ]]}} {{desc= 1d20 + Dexterity modifier @{descprofidex} }}" ></button>
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<div class="sheet-profiabilitybox">
<input type="checkbox" class="sheet-checksalvation" style="margin: 0px 5px 0px 15px;" name="attr_checkprofidexterity" value="@{proficencybonus}"> Proficiency
</div><!-- end .sheet-profiabilitybox -->
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-stats-box -->
<div class="sheet-stats-box">
<div class="sheet-100">
<input type="number" style=" width: 70px; margin: 80px 0px 0px 40px; border: none; line-height: 20px; font-size: 34px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center;" name="attr_constitution" max="30" min="0" value="0">
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<input type="text" style=" width: 35px; margin: 15px 0px 0px 50px; border: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; " name="attr_bonoconstitution" value="0" readonly >
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<button class="btna" style="text-align: center; font-size: 28px; line-height: 22px; margin: 45px 0px 0px 84px;" type="roll" name="roll_constitution" value="&{template:custom} {{title=ABILITY ROLL}} {{subtitle=@{character_name}}} {{CONSTITUTION= [[ @{rolltype} + @{bonoconstitution} + @{checkproficonstitution} ]]}} {{desc= 1d20 + Constitution modifier @{descproficon} }}" ></button>
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<div class="sheet-profiabilitybox">
<input type="checkbox" class="sheet-checksalvation" style="margin: 0px 5px 0px 15px;" name="attr_checkproficonstitution" value="@{proficencybonus}"> Proficiency
</div><!-- end .sheet-profiabilitybox -->
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-stats-box -->
<div class="sheet-stats-box">
<div class="sheet-100">
<input type="number" style=" width: 70px; margin: 80px 0px 0px 40px; border: none; line-height: 20px; font-size: 34px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center;" name="attr_intelligence" max="30" min="0" value="0">
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<input type="text" style=" width: 35px; margin: 15px 0px 0px 50px; border: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; " name="attr_bonointelligence" value="0" readonly >
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<button class="btna" style="text-align: center; font-size: 28px; line-height: 22px; margin: 45px 0px 0px 86px;" type="roll" name="roll_intelligence" value="&{template:custom} {{title=ABILITY ROLL}} {{subtitle=@{character_name}}} {{INTELLIGENCE= [[ @{rolltype} + @{bonointelligence} + @{checkprofiintelligence}]]}} {{desc= 1d20 + Intelligence modifier @{descprofiint} }}" ></button>
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<div class="sheet-profiabilitybox">
<input type="checkbox" class="sheet-checksalvation" style="margin: 0px 5px 0px 15px;" name="attr_checkprofiintelligence" value="@{proficencybonus}"> Proficiency
</div><!-- end .sheet-profiabilitybox -->
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-stats-box -->
<div class="sheet-stats-box">
<div class="sheet-100">
<input type="number" style=" width: 70px; margin: 80px 0px 0px 45px; border: none; line-height: 20px; font-size: 34px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center;" name="attr_wisdom" max="30" min="0" value="0">
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<input type="text" style=" width: 35px; margin: 15px 0px 0px 52px; border: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; " name="attr_bonowisdom" value="0" readonly >
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<button class="btna" style="text-align: center; font-size: 28px; line-height: 22px; margin: 45px 0px 0px 88px;" type="roll" name="roll_wisdom" value="&{template:custom} {{title=ABILITY ROLL}} {{subtitle=@{character_name}}} {{WISDOM= [[ @{rolltype} + @{bonowisdom} + @{checkprofiwisdom} ]]}} {{desc= 1d20 + Wisdom modifier @{descprofiwis} }}" ></button>
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<div class="sheet-profiabilitybox">
<input type="checkbox" class="sheet-checksalvation" style="margin: 0px 5px 0px 15px;" name="attr_checkprofiwisdom" value="@{proficencybonus}"> Proficiency
</div><!-- end .sheet-profiabilitybox -->
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-stats-box -->
<div class="sheet-stats-box">
<div class="sheet-100">
<input type="number" style=" width: 70px; margin: 80px 0px 0px 45px; border: none; line-height: 20px; font-size: 34px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center;" name="attr_charisma" max="30" min="0" value="0">
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<input type="text" style=" width: 35px; margin: 15px 0px 0px 55px; border: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; " name="attr_bonocharisma" value="0" readonly >
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<button class="btna" style="text-align: center; font-size: 28px; line-height: 22px; margin: 45px 0px 0px 90px;" type="roll" name="roll_charisma" value="&{template:custom} {{title=ABILITY ROLL}} {{subtitle=@{character_name}}} {{CHARISMA= [[ @{rolltype} + @{bonocharisma} + @{checkproficharisma} ]]}} {{desc= 1d20 + Charisma modifier @{descproficha} }}" ></button>
</div><!-- end .sheet-100 -->
<div class="sheet-100">
<div class="sheet-profiabilitybox">
<input type="checkbox" class="sheet-checksalvation" style="margin: 0px 5px 0px 15px;" name="attr_checkproficharisma" value="@{proficencybonus}"> Proficiency
</div><!-- end .sheet-profiabilitybox -->
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-stats-box -->
<input type="text" style="" name="attr_descprofistr" value="" hidden >
<input type="text" style="" name="attr_descprofides" value="" hidden >
<input type="text" style="" name="attr_descproficon" value="" hidden >
<input type="text" style="" name="attr_descprofiint" value="" hidden >
<input type="text" style="" name="attr_descprofiwis" value="" hidden >
<input type="text" style="" name="attr_descproficha" value="" hidden >
<!-- ============================= PROFICENCY BONUS + HIT POINTS + ARMOUR CLASS+ ENERGY POINTS + MOVEMENT SPEED ======================== -->
<div class="sheet-roundstats1-box">
<div class="sheet-100">
<input type="number" style=" width: 60px; margin: 65px 0px 0px 30px; border: none; line-height: 20px; font-size: 22px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center;" name="attr_proficencybonus" max="30" min="0" value="0">
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-roundstats1-box -->
<div class="sheet-roundstats2-box">
<div class="sheet-100">
<input type="number" style=" width: 70px; margin: 35px 0px 0px 20px; border: none; line-height: 20px; font-size: 22px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center;" name="attr_hitpointsmaximum" max="500" min="0" value="0">
<input type="number" style=" width: 70px; margin: 35px 0px 0px 25px; border: none; line-height: 20px; font-size: 22px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center;" name="attr_hitpointscurrent" max="500" min="0" value="0">
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-roundstats2-box -->
<div class="sheet-roundstats3-box">
<div class="sheet-100">
<input type="number" style=" width: 60px; margin: 65px 0px 0px 55px; border: none; line-height: 20px; font-size: 22px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center;" name="attr_armorclass" max="30" min="0" value="0">
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-roundstats3-box -->
<div class="sheet-roundstats2-box">
<div class="sheet-100">
<input type="number" style=" width: 70px; margin: 35px 0px 0px 20px; border: none; line-height: 20px; font-size: 22px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center;" name="attr_energypointsmaximum" max="500" min="0" value="0">
<input type="number" style=" width: 70px; margin: 35px 0px 0px 20px; border: none; line-height: 20px; font-size: 22px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center;" name="attr_energypointscurrent" max="500" min="0" value="0">
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-roundstats2-box -->
<div class="sheet-roundstats1-box">
<div class="sheet-100">
<input type="number" style=" width: 60px; margin: 65px 0px 0px 60px; border: none; line-height: 20px; font-size: 22px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center;" name="attr_movementspeed" max="500" min="0" value="0">
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-roundstats1-box -->
<!-- ============================================== PROFICIENCIES ================================================== -->
<div class="sheet-proficienciesbar">
<div class="sheet-titles">
PROFICIENCIES
</div><!-- end .sheet-titles -->
<div class="sheet-proficienciesbox1">
SAVE THROW
<div class="sheet-width100">
<fieldset class="repeating_items1">
<div class="sheet-ampladatotal30">
<input class="sheet-characterinfo" type="text" name="attr_profi_saving" style="width: 130px; text-align: center; margin: 0px 0px 0px 0px; background-color: transparent; " value="" />
</div><!-- end .sheet-ampladatotal30 -->
</fieldset>
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-proficienciesbox1 -->
<div class="sheet-proficienciesbox1">
ARMOUR
<div class="sheet-width100">
<fieldset class="repeating_items2">
<div class="sheet-ampladatotal30">
<input class="sheet-characterinfo" type="text" name="attr_profi_armour" style="width: 130px; text-align: center; margin: 0px 0px 0px 0px; background-color: transparent; " value="" />
</div><!-- end .sheet-ampladatotal30 -->
</fieldset>
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-proficienciesbox1 -->
<div class="sheet-proficienciesbox1">
WEAPONS
<div class="sheet-width100">
<fieldset class="repeating_items3">
<div class="sheet-ampladatotal30">
<input class="sheet-characterinfo" type="text" name="attr_profi_weapons" style="width: 130px; text-align: center; margin: 0px 0px 0px 0px; background-color: transparent; " value="" />
</div><!-- end .sheet-ampladatotal30 -->
</fieldset>
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-proficienciesbox1 -->
<div class="sheet-proficienciesbox1">
TOOLS
<div class="sheet-width100">
<fieldset class="repeating_items4">
<div class="sheet-ampladatotal30">
<input class="sheet-characterinfo" type="text" name="attr_profi_tools" style="width: 130px; text-align: center; margin: 0px 0px 0px 0px; background-color: transparent; " value="" />
</div><!-- end .sheet-ampladatotal30 -->
</fieldset>
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-proficienciesbox1 -->
<div class="sheet-proficienciesbox2">
SKILLS AND LANGUAGES
<div class="sheet-width100">
<fieldset class="repeating_items5">
<div class="sheet-ampladatotal30">
<input class="sheet-characterinfo" type="text" name="attr_profi_skills" style="width: 260px; text-align: center; margin: 0px 0px 0px 0px; background-color: transparent; " value="" />
</div><!-- end .sheet-ampladatotal30 -->
</fieldset>
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-proficienciesbox2 -->
</div><!-- end .sheet-proficienciesbar -->
</div><!-- end .sheet-statsbar -->
</div><!-- end .sheet-character -->
<!-- ============================= TAB 2 : COMBAT ======================== -->
<div class="sheet-combat">
<div class="sheet-espai-30"></div><!-- end .sheet-espai-30 -->
<div class="sheet-armour-box">
<div class="sheet-titles">
INITIATIVE
<div class="sheet-espai-20"></div><!-- end .sheet-espai-20 -->
</div><!-- end .sheet-titles -->
<div class="sheet-titlesmall">
<button class="btna" style="text-align: center; height: 45px; font-size: 40px; padding: 5px 5px 0px; margin: 0px 0px 0px 0px;" type="roll" name="roll_initiative" value="&{template:custom} {{title=INITIATIVE ROLL}} {{subtitle=@{character_name}}} {{INITIATIVE= [[ @{rolltype} + @{bonodexterity} &{tracker}]]}} {{desc= Rolled = 1d20 + Derterity modifier}}" ></button>
<div class="sheet-espai-20"></div><!-- end .sheet-espai-20 -->
</div><!-- end .sheet-titlesmall -->
<div class="sheet-espai-30"></div><!-- end .sheet-espai-30 -->
</div><!-- end .sheet-armour-box -->
<div class="sheet-espai-30"></div><!-- end .sheet-espai-30 -->
<div class="sheet-titles">
COMMON ATTACK DAMAGE
</div><!-- end .sheet-titles -->
<div class="sheet-attribute-medium1">WEAPON</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-tiny">KIND</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-tiny">EXTRA</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-tiny">DAMAGE</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-tiny">TYPE</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-tiny">RANK</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-big">UPGRADES/LIMITERS</div><!-- end .sheet-titol-back -->
<div class="sheet-width100">
<fieldset class="repeating_weapons">
<div class="sheet-ampladatotal30">
<input class="sheet-characterinfo" type="text" name="attr_weapons" style="width: 140px; text-align: left; background-color: transparent;" value="" />
<select name="attr_weaponskind" class="sheet-characterinfo" style=" text-align: center; width: 80px;">
<option value="@{bonostrength}">Melee</option>
<option value="@{bonodexterity}">Ranged</option>
</select>
<input class="sheet-characterinfo" type="text" name="attr_weaponsmodifier" style="width: 80px; text-align: center; background-color: transparent;" value="0" />
<input class="sheet-characterinfo" type="text" name="attr_weaponsdamage" style="width: 80px; text-align: center; background-color: transparent; " value="" />
<input class="sheet-characterinfo" type="text" name="attr_weaponstype" style="width: 80px; text-align: center; background-color: transparent; " value="" />
<input class="sheet-characterinfo" type="text" name="attr_weaponsrank" style="width: 70px; text-align: center; background-color: transparent; " value="" />
<input class="sheet-characterinfo" type="text" name="attr_weaponsenhanlim" style="width: 240px; text-align: center; background-color: transparent; " value="" />
<button class="btna" style="text-align: center; font-size: 24; margin: 2px 0px 0px 5px;" type="roll" name="roll_strength" value="&{template:custom} {{title=@{weapons}}} {{subtitle=@{character_name}}}{{ATTACK (1d20+Mod+Extra):= [[ @{rolltype} + @{weaponskind} + @{weaponsmodifier} ]]}} {{desc= DAMAGE (Weapon + Modifier) = [[@{weaponsdamage}+[[@{weaponskind}]]]]}}" ></button>
</div><!-- end .sheet-ampladatotal30 -->
</fieldset>
</div><!-- end .sheet-width100 -->
<div class="sheet-espai-30"></div><!-- end .sheet-espai-30 -->
<div class="sheet-armour-box">
<div class="sheet-titles">
PROTECTIONS: ARMOUR AND SHIELDS
</div><!-- end .sheet-titles -->
<div class="sheet-titlearmourbox">
<div class="sheet-attribute-medium">ARMOUR</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-medium">CATEGORY</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-tiny">COST</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-tiny">AC</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-tiny">STR</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-medium">DIS</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-tiny">WEIGHT</div><!-- end .sheet-titol-back -->
</div><!-- end .sheet-titlearmourbox -->
<div class="sheet-width100">
<fieldset class="repeating_armours">
<div class="sheet-width100">
<input class="sheet-characterinfo" type="text" name="attr_armourtype" style="width: 130px; text-align: left; background-color: transparent; margin: 0px 0px 0px 30px " value="" />
<input class="sheet-characterinfo" type="text" name="attr_armourcategory" style="width: 120px; text-align: center; background-color: transparent; " value="" />
<input class="sheet-characterinfo" type="text" name="attr_armourcost" style="width: 80px; text-align: center; background-color: transparent; " value="" />
<input class="sheet-characterinfo" type="text" name="attr_armourac" style="width: 80px; text-align: center; background-color: transparent; " value="" />
<input class="sheet-characterinfo" type="text" name="attr_armourstrength" style="width: 80px; text-align: center; background-color: transparent; " value="" />
<input class="sheet-characterinfo" type="text" name="attr_armourdisventage" style="width: 120px; text-align: center; background-color: transparent; " value="" />
<input class="sheet-characterinfo" type="text" name="attr_armourweight" style="width: 70px; text-align: center; background-color: transparent; " value="" />
</div><!-- end .sheet-width100 -->
</fieldset>
</div><!-- end .sheet-width100 -->
<div class="sheet-espai-30"></div><!-- end .sheet-espai-30 -->
</div><!-- end .sheet-armour-box -->
</div><!-- end .sheet-combat -->
<!-- ============================= TAB 3 : ATTRIBUTES ======================== -->
<div class="sheet-attributes">
<div class="sheet-espai-30"></div><!-- end .sheet-espai-30 -->
<div class="sheet-columnamig">
<div class="sheet-titol-black">ATTRIBUTES</div><!-- end .sheet-titol-back -->
<div class="sheet-espai-10"></div><!-- end .sheet-espai-10 -->
<div class="sheet-attribute-tiny">RANK</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-tiny">POINTS</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-big">ATTRIBUTE</div><!-- end .sheet-titol-back -->
<div class="sheet-width100">
<fieldset class="repeating_attributes">
<div class="sheet-ampladatotal30">
<input type="text" name="attr_rankattribute" style="width: 80px; padding:3px 0px; text-align: center; margin: 0px 0px 0px 0px; " value="" />
<input type="text" name="attr_pointsattribute" style="width: 80px; padding:3px 0px; text-align: center; margin: px 0px 0px 0px; " value="" />
<input type="text" name="attr_attribute" style="width: 220px; padding:3px 0px; text-align: center; margin: 0px px 0px 0px; " value="" />
</div><!-- end .sheet-ampladatotal30 -->
</fieldset>
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-columnamig -->
<div class="sheet-columnamig">
<div class="sheet-titol-black">DEFECTS</div><!-- end .sheet-titol-back -->
<div class="sheet-espai-10"></div><!-- end .sheet-espai-10 -->
<div class="sheet-attribute-tiny">RANK</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-tiny">POINTS</div><!-- end .sheet-titol-back -->
<div class="sheet-attribute-big">DEFECT</div><!-- end .sheet-titol-back -->
<div class="sheet-width100">
<fieldset class="repeating_defects">
<div class="sheet-ampladatotal30">
<input type="text" name="attr_rankdefect" style="width: 80px; padding:3px 0px; text-align: center; margin: 0px 0px 0px 0px; " value="" />
<input type="text" name="attr_pointsdefect" style="width: 80px; padding:3px 0px; text-align: center; margin: 0px 0px 0px 0px; " value="" />
<input type="text" name="attr_defect" style="width: 220px; padding:3px 0px; text-align: center; margin: 0px 0px 0px 0px; " value="" />
</div><!-- end .sheet-ampladatotal30 -->
</fieldset>
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-columnamig -->
<div class="sheet-espai-30"></div><!-- end .sheet-espai-30 -->
<div class="sheet-magic-box">
<div class="sheet-espai-10"></div><!-- end .sheet-espai-10 -->
<div class="sheet-titles">
MAGIC, PSIONICS AND SPELLCASTING
</div><!-- end .sheet-titles -->
<div class="sheet-width100">
<div class="sheet-magic-prerounds"></div><!-- end .sheet-magic-prerounds -->
<div class="sheet-magic-rounds">
<input type="text" name="attr_cantrips" style="width: 50px; height: 50px; padding:3px 0px; text-align: center; margin: 10px; background-color: transparent; border: 3px solid #000000; border-radius: 50px 50px 50px 50px; font-size: 18px; " value="" />
Cantrips
</div><!-- end .sheet-magic-rounds -->
<div class="sheet-magic-rounds">
<input type="text" name="attr_cantrips1" style="width: 50px; height: 50px; padding:3px 0px; text-align: center; margin: 10px; background-color: transparent; border: 3px solid #000000; border-radius: 50px 50px 50px 50px; font-size: 18px; " value="" />
1st
</div><!-- end .sheet-magic-rounds -->
<div class="sheet-magic-rounds">
<input type="text" name="attr_cantrips2" style="width: 50px; height: 50px; padding:3px 0px; text-align: center; margin: 10px; background-color: transparent; border: 3px solid #000000; border-radius: 50px 50px 50px 50px; font-size: 18px; " value="" />
2nd
</div><!-- end .sheet-magic-rounds -->
<div class="sheet-magic-rounds">
<input type="text" name="attr_cantrips3" style="width: 50px; height: 50px; padding:3px 0px; text-align: center; margin: 10px; background-color: transparent; border: 3px solid #000000; border-radius: 50px 50px 50px 50px; font-size: 18px; " value="" />
3rd
</div><!-- end .sheet-magic-rounds -->
<div class="sheet-magic-rounds">
<input type="text" name="attr_cantrips4" style="width: 50px; height: 50px; padding:3px 0px; text-align: center; margin: 10px; background-color: transparent; border: 3px solid #000000; border-radius: 50px 50px 50px 50px; font-size: 18px; " value="" />
4th
</div><!-- end .sheet-magic-rounds -->
<div class="sheet-magic-rounds">
<input type="text" name="attr_cantrips5" style="width: 50px; height: 50px; padding:3px 0px; text-align: center; margin: 10px; background-color: transparent; border: 3px solid #000000; border-radius: 50px 50px 50px 50px; font-size: 18px; " value="" />
5th
</div><!-- end .sheet-magic-rounds -->
<div class="sheet-magic-rounds">
<input type="text" name="attr_cantrips6" style="width: 50px; height: 50px; padding:3px 0px; text-align: center; margin: 10px; background-color: transparent; border: 3px solid #000000; border-radius: 50px 50px 50px 50px; font-size: 18px; " value="" />
6th
</div><!-- end .sheet-magic-rounds -->
<div class="sheet-magic-rounds">
<input type="text" name="attr_cantrips7" style="width: 50px; height: 50px; padding:3px 0px; text-align: center; margin: 10px; background-color: transparent; border: 3px solid #000000; border-radius: 50px 50px 50px 50px; font-size: 18px; " value="" />
7th
</div><!-- end .sheet-magic-rounds -->
<div class="sheet-magic-rounds">
<input type="text" name="attr_cantrips8" style="width: 50px; height: 50px; padding:3px 0px; text-align: center; margin: 10px; background-color: transparent; border: 3px solid #000000; border-radius: 50px 50px 50px 50px; font-size: 18px; " value="" />
8th
</div><!-- end .sheet-magic-rounds -->
<div class="sheet-magic-rounds">
<input type="text" name="attr_cantrips9" style="width: 50px; height: 50px; padding:3px 0px; text-align: center; margin: 10px; background-color: transparent; border: 3px solid #000000; border-radius: 50px 50px 50px 50px; font-size: 18px; " value="" />
9th
</div><!-- end .sheet-magic-rounds -->
</div><!-- end .sheet-width100 -->
<div class="sheet-espai-30"></div><!-- end .sheet-espai-30 -->
<div class="sheet-width100">
<fieldset class="repeating_magical">
<input class="sheet-characterinfo" type="text" name="attr_armourtype" style="width: 765px; text-align: left; background-color: transparent; margin: 3px 0px 0px 30px " value="" />
</fieldset>
</div><!-- end .sheet-width100 -->
<div class="sheet-espai-30"></div><!-- end .sheet-espai-30 -->
<div class="sheet-width100">
<div class="sheet-columnaterscenter">
<div class="sheet-width100">
<input type="text" name="attr_abilityscore" style="width: 200px; height: 35px; padding:3px 0px; text-align: center; margin: 0px 0px 0px 0px; background-color: transparent; border: 3px solid #000000; border-radius: 20px 20px 20px 20px; font-size: 22px; " value="" />
</div><!-- end .sheet-width100 -->
<div class="sheet-width100">
ABILITY SCORE USED
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-columnaterscenter -->
<div class="sheet-columnaterscenter">
<div class="sheet-width100">
<input type="text" name="attr_savedc" style="width: 200px; height: 35px; padding:3px 0px; text-align: center; margin: 0px auto; background-color: transparent; border: 3px solid #000000; border-radius: 20px 20px 20px 20px; font-size: 22px; " value="" />
</div><!-- end .sheet-width100 -->
<div class="sheet-width100">
SAVE DC
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-columnaterscenter -->
<div class="sheet-columnaterscenter">
<div class="sheet-width100">
<input type="text" name="attr_attackbonus" style="width: 200px; height: 35px; padding:3px 0px; text-align: center; margin: 0px 0px 0px 0px; background-color: transparent; border: 3px solid #000000; border-radius: 20px 20px 20px 20px; font-size: 22px; " value="" />
</div><!-- end .sheet-width100 -->
<div class="sheet-width100">
ATTACK BONUS
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-columnaterscenter -->
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-magic-box -->
</div> <!-- end .sheet-attributes -->
<!-- ============================= TAB 4 : BACKGROUND ======================== -->
<div class="sheet-background">
<div class="sheet-espai-30"></div><!-- end .sheet-espai-30 -->
<div class="sheet-width100">
<div class="sheet-columnaquinto">
<div class="sheet-width100">
<div class="sheet-tinny-black"> PLATINUM </div><!-- end .sheet-tinny-black --><input class="sheet-inputbackground" type="text" name="attr_platinum" title="Platinum" value="0" />
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-columnaquinto -->
<div class="sheet-columnaquinto">
<div class="sheet-width100">
<div class="sheet-tinny-black"> GOLD </div><!-- end .sheet-tinny-black --><input class="sheet-inputbackground" type="text" name="attr_gold" title="Gold" value="0" />
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-columnaquinto -->
<div class="sheet-columnaquinto">
<div class="sheet-width100">
<div class="sheet-tinny-black"> ELECTRUM </div><!-- end .sheet-tinny-black --><input class="sheet-inputbackground" type="text" name="attr_electrum" title="Electrum" value="0" />
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-columnaquinto -->
<div class="sheet-columnaquinto">
<div class="sheet-width100">
<div class="sheet-tinny-black"> SILVER </div><!-- end .sheet-tinny-black --><input class="sheet-inputbackground" type="text" name="attr_silver" title="Silver" value="0" />
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-columnaquinto -->
<div class="sheet-columnaquinto">
<div class="sheet-width100">
<div class="sheet-tinny-black"> BRONZE </div><!-- end .sheet-tinny-black --><input class="sheet-inputbackground" type="text" name="attr_bronze" title="Bronze" value="0" />
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-columnaquinto -->
</div><!-- end .sheet-width100 -->
<div class="sheet-espai-30"></div><!-- end .sheet-espai-30 -->
<div class="sheet-width100">
<div class="sheet-columnaters">
<div class="sheet-titol-black">BACKGROUND STORY</div><!-- end .sheet-titol-back -->
<textarea style="width:100%; height:350px; resize: vertical; box-sizing: border-box; padding: 8px;" name="attr_story"></textarea>
</div><!-- end .sheet-columnaters -->
<div class="sheet-columnaters">
<div class="sheet-titol-black">TREASURES</div><!-- end .sheet-titol-back -->
<textarea style="width:100%; height:350px; resize: vertical; box-sizing: border-box; padding: 8px;" name="attr_tresasures"></textarea>
</div><!-- end .sheet-columnaters -->
<div class="sheet-columnaters">
<div class="sheet-titol-black">EQUIPMENT</div><!-- end .sheet-titol-back -->
<textarea style="width:100%; height:350px; resize: vertical; box-sizing: border-box; padding: 8px;" name="attr_equip"></textarea>
</div><!-- end .sheet-columnaters -->
</div><!-- end .sheet-width100 -->
<div class="sheet-espai-30"></div><!-- end .sheet-espai-30 -->
<div class="sheet-width100">
<div class="sheet-titol-black">ADVENTURING NOTES</div><!-- end .sheet-titol-back -->
<textarea name="attr_notes" style="width:825px; height: 380px; margin: 0px 0px 0px 0px; padding: 10px; resize: vertical; box-sizing: border-box; "></textarea>
</div><!-- end .sheet-width100 -->
</div><!-- end .sheet-background -->
</div><!-- end .sheet-cosmenu2 -->
</div><!-- end .sheet-100 -->
</div><!-- end .sheet-contenedor-central -->
<rolltemplate class="sheet-rolltemplate-custom">
<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 color}}
<div class="sheet-key">{{key}}</div>
<div class="sheet-value">{{value}}</div>
{{/allprops() title subtitle desc color}}
{{#desc}}<div class="sheet-desc">{{desc}}</div>{{/desc}}
</div>
</div>
</rolltemplate>
<div class="sheet-widht100">
<div class="sheet-espai-30"></div><!-- end .sheet-espai-30 -->
</div><!-- end .sheet-100 -->
<div class="sheet-line-separador5"></div><!-- end .sheet-line-separador10 -->
<div class="sheet-line-separador15"></div><!-- end .sheet-line-separador10 -->
<div class="sheet-100">
<div class="sheet-firma-foot">
ANIME 5E - Roll20 Character Sheet by VJ Rolmasters
</div><!-- end .sheet-firma-foot -->
</div><!-- end .sheet-100 -->
<div class="clearfloat"></div><div class="sheet-ampladatotal"></div><!-- end .sheet-ampladatotal -->
</div><!-- end .sheet-contenedorvj -->
<script type="text/worker">
/* FUNCION PARA CALCULAR BONOS DE ABILITY */
const calcBonus = (score) => Math.floor((score - 10) / 2);
/* Lista de atributos y sus campos destino */
const abilities = {
strength: "bonostrength",
dexterity: "bonodexterity",
constitution: "bonoconstitution",
intelligence: "bonointelligence",
wisdom: "bonowisdom",
charisma: "bonocharisma"
};
/* Crear un worker por cada atributo */
Object.entries(abilities).forEach(([attr, bonusAttr]) => {
on(`change:${attr}`, () => {
getAttrs([attr], (values) => {
let score = parseInt(values[attr]) || 0;
setAttrs({
[bonusAttr]: calcBonus(score)
});
});
});
});
<!-- SELECTOR PESTANYA -->
const buttonlist = ["character", "combat", "background", "attributes"];
buttonlist.forEach(button => {
on(`clicked:${button}`, function() {
setAttrs({
sheetTab: button
});
});
});
/* PROFICIENCY TEXT DESC (ALL ABILITIES) */
const profChecks = {
strength: "descprofistr",
dexterity: "descprofidex",
constitution: "descproficon",
intelligence: "descprofiint",
wisdom: "descprofiwis",
charisma: "descproficha"
};
Object.entries(profChecks).forEach(([ability, descAttr]) => {
on(`change:checkprofi${ability}`, () => {
getAttrs([`checkprofi${ability}`], (values) => {
let checked = values[`checkprofi${ability}`] === "@{proficencybonus}";
setAttrs({
[descAttr]: checked ? "+ Proficiency bonus" : ""
});
});
});
});
</script>