mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
334 lines
16 KiB
HTML
334 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<!-- Meta -->
|
|
<meta charset="UTF-8" />
|
|
<title>My New Pen!</title>
|
|
|
|
<!-- Styles -->
|
|
<link rel="stylesheet" href="test.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="sheet-main-container sheet-flex-column">
|
|
|
|
<!--Header-->
|
|
<div class="sheet-header">
|
|
|
|
<div class="sheet-flex-row sheet-logo-area sheet-center">
|
|
<img class="sheet-logo"
|
|
src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TerraDevastada/imgs/terradevastadalogo.png" />
|
|
</div>
|
|
|
|
|
|
<div class="sheet-buttons-area sheet-flex-column">
|
|
|
|
<div class="sheet-flex-row sheet-dice-box">
|
|
<span class="sheet-button-title sheet-main-font" data-i18n="luckdie">Dado de Sorte</span>
|
|
<button type="roll" name="roll_luck_check" title="{@luck_check}"
|
|
value="&{template:default} {{name=@{character_name} }} {{@{luckdie} }} {{ @{successes} = [[{1d6!}>6]]}}"></button>
|
|
</div>
|
|
<div class="sheet-flex-row sheet-dice-box">
|
|
<span class="sheet-button-title sheet-main-font" data-i18n="dice-check">Teste de Dados</span>
|
|
<button type="roll" name="roll_dice_check" title="{@dice_check}"
|
|
value="&{template:default} {{name=@{character_name} }} {{ @{successes} = [[{ ?{ @{numberofdice} }d6!%2}=0]]}}"></button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--Middle sheet-section-->
|
|
<div class="sheet-flex-row sheet-nowrap">
|
|
<!--Left column-->
|
|
<div class="sheet-flex-column sheet-left-column">
|
|
<div class="sheet-section sheet-flex-column">
|
|
<span class="sheet-section-title sheet-main-font" data-i18n="name">Nome</span>
|
|
<input name="attr_character_name" type="text" title="{@character_name}" />
|
|
</div>
|
|
|
|
<div class="sheet-section sheet-flex-column">
|
|
<div class="sheet-section-title sheet-main-font">
|
|
<span data-i18n="nicknames">Alcunhas</span>
|
|
</div>
|
|
<fieldset class="repeating_nicknames">
|
|
<div class="sheet-flex-row sheet-repeatable-item">
|
|
<input name="attr_nickname" type="text" data-i18n-placeholder="nickname" placeholder="Alcunha" />
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="sheet-section sheet-flex-column">
|
|
<div class="sheet-section-title sheet-main-font">
|
|
<span data-i18n="conditions">Condições</span>
|
|
</div>
|
|
<fieldset class="repeating_conditions">
|
|
<div class="sheet-flex-row sheet-repeatable-item">
|
|
<input name="attr_condition" type="text" data-i18n-placeholder="condition" placeholder="Condição" />
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="sheet-section sheet-flex-column">
|
|
<div class="sheet-section-title sheet-main-font">
|
|
<span data-i18n="torments">Tormentos</span>
|
|
</div>
|
|
<fieldset class="repeating_torments">
|
|
<div class="sheet-flex-row sheet-repeatable-item">
|
|
<input name="attr_torment" type="text" data-i18n-placeholder="torment" placeholder="Tormento" />
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sheet-vertical-divisor"></div>
|
|
|
|
<!--Right column-->
|
|
<div class="sheet-flex-column sheet-right-column">
|
|
<div class="sheet-section sheet-flex-column">
|
|
<div class="sheet-section-title sheet-main-font">
|
|
<span data-i18n="traits">Características</span>
|
|
</div>
|
|
<fieldset class="repeating_traits">
|
|
<div class="sheet-flex-row sheet-repeatable-item">
|
|
<input name="attr_trait" type="text" data-i18n-placeholder="trait" placeholder="Característica" />
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<!-- Notes -->
|
|
<div class="sheet-section sheet-flex-column sheet-grow">
|
|
<div class="sheet-section-title sheet-main-font">
|
|
<span data-i18n="notes">Anotações</span>
|
|
</div>
|
|
<div class="sheet-flex-row sheet-grow">
|
|
<textarea name="attr_notes" title="{@notes}"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--Bottom sheet-section-->
|
|
<div class="sheet-section sheet-flex-column sheet-center sheet-bottom-section">
|
|
<div class="sheet-section-title sheet-main-font">
|
|
<span data-i18n="conviction">Convicção</span>
|
|
</div>
|
|
<div class="sheet-flex-row sheet-conviction-bonus sheet-main-font">
|
|
<span>+3/-3</span>
|
|
<span>+2/-2</span>
|
|
<span>+1/-1</span>
|
|
</div>
|
|
<div class="sheet-flex-row sheet-sheet-conviction-boxes">
|
|
|
|
<div class="sheet-conviction-box sheet-conviction-box-size1" data-i18n-title="conviction-explanation"
|
|
title="Clique para alternar entre os três estados: não marcada, marcada e obstruída">
|
|
<input type="radio" class="sheet-conviction-box-size1 sheet-conviction-radio sheet-blank-radio"
|
|
name="attr_damage-box1" value="0" checked="checked" />
|
|
<input type="radio" class="sheet-conviction-box-size1 sheet-conviction-radio sheet-checked-radio"
|
|
name="attr_damage-box1" value="1" />
|
|
<input type="radio" class="sheet-conviction-box-size1 sheet-conviction-radio sheet-filled-radio"
|
|
name="attr_damage-box1" value="2" />
|
|
|
|
<div class="sheet-circle-box sheet-blank-box"></div>
|
|
<div class="sheet-circle-box sheet-checked-box"></div>
|
|
<div class="sheet-circle-box sheet-filled-box"></div>
|
|
</div>
|
|
|
|
<div class="sheet-conviction-box sheet-conviction-box-size2" data-i18n-title="conviction-explanation"
|
|
title="Clique para alternar entre os três estados: não marcada, marcada e obstruída">
|
|
<input type="radio" class="sheet-conviction-box-size2 sheet-conviction-radio sheet-blank-radio"
|
|
name="attr_damage-box2" value="0" checked="checked" />
|
|
<input type="radio" class="sheet-conviction-box-size2 sheet-conviction-radio sheet-checked-radio"
|
|
name="attr_damage-box2" value="1" />
|
|
<input type="radio" class="sheet-conviction-box-size2 sheet-conviction-radio sheet-filled-radio"
|
|
name="attr_damage-box2" value="2" />
|
|
|
|
<div class="sheet-circle-box sheet-blank-box"></div>
|
|
<div class="sheet-circle-box sheet-checked-box"></div>
|
|
<div class="sheet-circle-box sheet-filled-box"></div>
|
|
</div>
|
|
|
|
<div class="sheet-conviction-box sheet-conviction-box-size3" data-i18n-title="conviction-explanation"
|
|
title="Clique para alternar entre os três estados: não marcada, marcada e obstruída">
|
|
<input type="radio" class="sheet-conviction-box-size3 sheet-conviction-radio sheet-blank-radio"
|
|
name="attr_damage-box3" value="0" checked="checked" />
|
|
<input type="radio" class="sheet-conviction-box-size3 sheet-conviction-radio sheet-checked-radio"
|
|
name="attr_damage-box3" value="1" />
|
|
<input type="radio" class="sheet-conviction-box-size3 sheet-conviction-radio sheet-filled-radio"
|
|
name="attr_damage-box3" value="2" />
|
|
|
|
<div class="sheet-circle-box sheet-blank-box"></div>
|
|
<div class="sheet-circle-box sheet-checked-box"></div>
|
|
<div class="sheet-circle-box sheet-filled-box"></div>
|
|
</div>
|
|
|
|
<div class="sheet-conviction-box sheet-conviction-box-size4" data-i18n-title="conviction-explanation"
|
|
title="Clique para alternar entre os três estados: não marcada, marcada e obstruída">
|
|
<input type="radio" class="sheet-conviction-box-size4 sheet-conviction-radio sheet-blank-radio"
|
|
name="attr_damage-box4" value="0" checked="checked" />
|
|
<input type="radio" class="sheet-conviction-box-size4 sheet-conviction-radio sheet-checked-radio"
|
|
name="attr_damage-box4" value="1" />
|
|
<input type="radio" class="sheet-conviction-box-size4 sheet-conviction-radio sheet-filled-radio"
|
|
name="attr_damage-box4" value="2" />
|
|
|
|
<div class="sheet-circle-box sheet-blank-box"></div>
|
|
<div class="sheet-circle-box sheet-checked-box"></div>
|
|
<div class="sheet-circle-box sheet-filled-box"></div>
|
|
</div>
|
|
|
|
<div class="sheet-vertical-divisor"></div>
|
|
|
|
<div class="sheet-conviction-box sheet-conviction-box-size5" data-i18n-title="conviction-explanation"
|
|
title="Clique para alternar entre os três estados: não marcada, marcada e obstruída">
|
|
<input type="radio" class="sheet-conviction-box-size5 sheet-conviction-radio sheet-blank-radio"
|
|
name="attr_damage-box5" value="0" checked="checked" />
|
|
<input type="radio" class="sheet-conviction-box-size5 sheet-conviction-radio sheet-checked-radio"
|
|
name="attr_damage-box5" value="1" />
|
|
<input type="radio" class="sheet-conviction-box-size5 sheet-conviction-radio sheet-filled-radio"
|
|
name="attr_damage-box5" value="2" />
|
|
|
|
<div class="sheet-circle-box sheet-blank-box"></div>
|
|
<div class="sheet-circle-box sheet-checked-box"></div>
|
|
<div class="sheet-circle-box sheet-filled-box"></div>
|
|
</div>
|
|
|
|
<div class="sheet-conviction-box sheet-conviction-box-size6" data-i18n-title="conviction-explanation"
|
|
title="Clique para alternar entre os três estados: não marcada, marcada e obstruída">
|
|
<input type="radio" class="sheet-conviction-box-size6 sheet-conviction-radio sheet-blank-radio"
|
|
name="attr_damage-box6" value="0" checked="checked" />
|
|
<input type="radio" class="sheet-conviction-box-size6 sheet-conviction-radio sheet-checked-radio"
|
|
name="attr_damage-box6" value="1" />
|
|
<input type="radio" class="sheet-conviction-box-size6 sheet-conviction-radio sheet-filled-radio"
|
|
name="attr_damage-box6" value="2" />
|
|
|
|
<div class="sheet-circle-box sheet-blank-box"></div>
|
|
<div class="sheet-circle-box sheet-checked-box"></div>
|
|
<div class="sheet-circle-box sheet-filled-box"></div>
|
|
</div>
|
|
|
|
<div class="sheet-conviction-box sheet-conviction-box-size6" data-i18n-title="conviction-explanation"
|
|
title="Clique para alternar entre os três estados: não marcada, marcada e obstruída">
|
|
<input type="radio" class="sheet-conviction-box-size6 sheet-conviction-radio sheet-blank-radio"
|
|
name="attr_damage-box7" value="0" checked="checked" />
|
|
<input type="radio" class="sheet-conviction-box-size6 sheet-conviction-radio sheet-checked-radio"
|
|
name="attr_damage-box7" value="1" />
|
|
<input type="radio" class="sheet-conviction-box-size6 sheet-conviction-radio sheet-filled-radio"
|
|
name="attr_damage-box7" value="2" />
|
|
|
|
<div class="sheet-circle-box sheet-blank-box"></div>
|
|
<div class="sheet-circle-box sheet-checked-box"></div>
|
|
<div class="sheet-circle-box sheet-filled-box"></div>
|
|
</div>
|
|
|
|
<div class="sheet-conviction-box sheet-conviction-box-size5" data-i18n-title="conviction-explanation"
|
|
title="Clique para alternar entre os três estados: não marcada, marcada e obstruída">
|
|
<input type="radio" class="sheet-conviction-box-size5 sheet-conviction-radio sheet-blank-radio"
|
|
name="attr_damage-box8" value="0" checked="checked" />
|
|
<input type="radio" class="sheet-conviction-box-size5 sheet-conviction-radio sheet-checked-radio"
|
|
name="attr_damage-box8" value="1" />
|
|
<input type="radio" class="sheet-conviction-box-size5 sheet-conviction-radio sheet-filled-radio"
|
|
name="attr_damage-box8" value="2" />
|
|
|
|
<div class="sheet-circle-box sheet-blank-box"></div>
|
|
<div class="sheet-circle-box sheet-checked-box"></div>
|
|
<div class="sheet-circle-box sheet-filled-box"></div>
|
|
</div>
|
|
|
|
<div class="sheet-vertical-divisor"></div>
|
|
|
|
<div class="sheet-conviction-box sheet-conviction-box-size4" data-i18n-title="conviction-explanation"
|
|
title="Clique para alternar entre os três estados: não marcada, marcada e obstruída">
|
|
<input type="radio" class="sheet-conviction-box-size4 sheet-conviction-radio sheet-blank-radio"
|
|
name="attr_damage-box9" value="0" checked="checked" />
|
|
<input type="radio" class="sheet-conviction-box-size4 sheet-conviction-radio sheet-checked-radio"
|
|
name="attr_damage-box9" value="1" />
|
|
<input type="radio" class="sheet-conviction-box-size4 sheet-conviction-radio sheet-filled-radio"
|
|
name="attr_damage-box9" value="2" />
|
|
|
|
<div class="sheet-circle-box sheet-blank-box"></div>
|
|
<div class="sheet-circle-box sheet-checked-box"></div>
|
|
<div class="sheet-circle-box sheet-filled-box"></div>
|
|
</div>
|
|
|
|
<div class="sheet-conviction-box sheet-conviction-box-size3" data-i18n-title="conviction-explanation"
|
|
title="Clique para alternar entre os três estados: não marcada, marcada e obstruída">
|
|
<input type="radio" class="sheet-conviction-box-size3 sheet-conviction-radio sheet-blank-radio"
|
|
name="attr_damage-box10" value="0" checked="checked" />
|
|
<input type="radio" class="sheet-conviction-box-size3 sheet-conviction-radio sheet-checked-radio"
|
|
name="attr_damage-box10" value="1" />
|
|
<input type="radio" class="sheet-conviction-box-size3 sheet-conviction-radio sheet-filled-radio"
|
|
name="attr_damage-box10" value="2" />
|
|
|
|
<div class="sheet-circle-box sheet-blank-box"></div>
|
|
<div class="sheet-circle-box sheet-checked-box"></div>
|
|
<div class="sheet-circle-box sheet-filled-box"></div>
|
|
</div>
|
|
|
|
<div class="sheet-conviction-box sheet-conviction-box-size2" data-i18n-title="conviction-explanation"
|
|
title="Clique para alternar entre os três estados: não marcada, marcada e obstruída">
|
|
<input type="radio" class="sheet-conviction-box-size2 sheet-conviction-radio sheet-blank-radio"
|
|
name="attr_damage-box11" value="0" checked="checked" />
|
|
<input type="radio" class="sheet-conviction-box-size2 sheet-conviction-radio sheet-checked-radio"
|
|
name="attr_damage-box11" value="1" />
|
|
<input type="radio" class="sheet-conviction-box-size2 sheet-conviction-radio sheet-filled-radio"
|
|
name="attr_damage-box11" value="2" />
|
|
|
|
<div class="sheet-circle-box sheet-blank-box"></div>
|
|
<div class="sheet-circle-box sheet-checked-box"></div>
|
|
<div class="sheet-circle-box sheet-filled-box"></div>
|
|
</div>
|
|
|
|
<div class="sheet-conviction-box sheet-conviction-box-size1" data-i18n-title="conviction-explanation"
|
|
title="Clique para alternar entre os três estados: não marcada, marcada e obstruída">
|
|
<input type="radio" class="sheet-conviction-box-size1 sheet-conviction-radio sheet-blank-radio"
|
|
name="attr_damage-box12" value="0" checked="checked" />
|
|
<input type="radio" class="sheet-conviction-box-size1 sheet-conviction-radio sheet-checked-radio"
|
|
name="attr_damage-box12" value="1" />
|
|
<input type="radio" class="sheet-conviction-box-size1 sheet-conviction-radio sheet-filled-radio"
|
|
name="attr_damage-box12" value="2" />
|
|
|
|
<div class="sheet-circle-box sheet-blank-box"></div>
|
|
<div class="sheet-circle-box sheet-checked-box"></div>
|
|
<div class="sheet-circle-box sheet-filled-box"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="sheet-footer sheet-flex-row sheet-main-font">
|
|
<span data-i18n="copyright">Terra Devastada é um jogo criado por John Bogéa e publicado pela RETROPUNK
|
|
Publicações.</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- end of sheet -->
|
|
|
|
<!-- Strings translations for Roll Queries-->
|
|
<div style="display: none;">
|
|
<span data-i18n="luckdie">Dado de Sorte</span>
|
|
<span data-i18n="successes">Sucessos</span>
|
|
<span data-i18n="numberofdice">Quantidade de dados</span>
|
|
</div>
|
|
|
|
<!--Sheet Workers -->
|
|
<script type="text/worker">
|
|
|
|
/*config Roll Queries translations */
|
|
on("sheet:opened", function(eventInfo){
|
|
|
|
setAttrs({
|
|
luckdie: getTranslationByKey("luckdie"),
|
|
successes: getTranslationByKey("successes"),
|
|
numberofdice: getTranslationByKey("numberofdice")
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html> |