New terra devastada sheet (#7181)

* initial work

* v0.1

* conviction boxes finished

* dice buttons added

* v0.9 ready

* conviction title

* v091

* ready to deploy

* commit for testing on roll20

* fixing first issues after testing on roll20

* logo fix2

* second testing

* ready for production
This commit is contained in:
danielsousat
2020-08-17 11:39:50 -05:00
committed by GitHub
parent 71812f2194
commit 48967ede60
13 changed files with 1175 additions and 0 deletions
+1
View File
@@ -0,0 +1 @@
This is an unofficial character sheet for the Terra Devastada RPG game by John Bogéa.
Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 185 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

+8
View File
@@ -0,0 +1,8 @@
{
"html": "terradevastada.html",
"css": "terradevastada.css",
"authors": "Daniel Tschiedel",
"roll20userid": "1408312",
"preview": "terradevastada.png",
"instructions": "This is an unofficial character sheet for the Terra Devastada RPG game by John Bogéa."
}
+248
View File
@@ -0,0 +1,248 @@
/*----------------- MAIN CONTAINER DEFINITIONS ------------------*/
@import url('https://fonts.googleapis.com/css?family=Special+Elite&display=swap');
.sheet-main-container {
min-height: 600px;
min-width: 800px;
max-width: 1000px;
padding: 10px;
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TerraDevastada/imgs/terradevastada-background.jpg");
}
/*----------------- GENERAL CSS ------------------*/
.sheet-main-font {
font-family: 'Special Elite';
font-size: 17px;
color: #604241;
}
.sheet-flex-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.sheet-flex-column {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.sheet-nowrap {
flex-wrap: nowrap;
}
.sheet-main-container input[type=text] {
margin: 2px;
flex-grow: 1;
border: none;
border-bottom: 1.5px solid #604241;
background-color: transparent;
color: black;
}
.sheet-main-container input[type=text]:focus, .sheet-main-container textarea:focus {
background-color: white;
}
.sheet-main-container ::placeholder {
color:#604241;
font-style: italic;
}
.sheet-main-container input[type=number] {
width: 40px;
}
.sheet-main-container fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
.sheet-main-container textarea {
margin: 2px;
flex-grow: 1;
min-height: 10em;
border: 1.5px solid #604241;
background-color: transparent;
color: black;
}
.sheet-section {
margin: 0.7em;
}
.sheet-section-title {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 1000;
}
.sheet-button-title {
margin-right: 10px;
text-transform: uppercase;
font-weight: 1000;
}
.sheet-grow {
flex-grow: 1;
}
.sheet-center {
justify-content: center;
align-items: center;
}
.sheet-vertical-divisor {
border-right: 1.5px solid #443a39;
}
.sheet-big-margin-bottom {
margin-bottom: 20px;
}
.sheet-repeatable-item {
margin-bottom: 5px;
}
/*------------- GRID SECTIONS -------------*/
.sheet-header {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: ". logo buttons";
}
.sheet-logo-area {
grid-area: logo;
}
.sheet-buttons-area {
grid-area: buttons;
justify-content: flex-end;
align-items: flex-end;
}
.sheet-logo {
}
.sheet-dice-box {
justify-content: flex-end;
align-items: center;
margin-bottom: 10px;
}
.sheet-middle-section {
justify-content: flex-start;
}
.sheet-left-column {
justify-content: stretch;
width: 50%;
}
.sheet-right-column {
width: 50%;
}
.sheet-bottom-section {
margin: 30px;
}
.sheet-conviction-bonus {
justify-content: space-evenly;
width:100%;
font-style: italic;
margin-top: 10px;
}
.sheet-footer {
font-style: italic;
font-size: 12px;
justify-content: flex-end;
}
/******* conviction boxes ********/
.sheet-conviction-box {
margin: 0px 10px 0px 10px;
}
.sheet-conviction-box-size1 {
width: 25px !important;
height: 25px !important;
}
.sheet-conviction-box-size2 {
width: 30px !important;
height: 30px !important;
margin-top: 10px !important;
}
.sheet-conviction-box-size3 {
width: 35px !important;
height: 35px !important;
margin-top: 15px !important;
}
.sheet-conviction-box-size4 {
width: 40px !important;
height: 40px !important;
margin-top: 20px !important;
}
.sheet-conviction-box-size5 {
width: 45px !important;
height: 45px !important;
margin-top: 25px !important;
}
.sheet-conviction-box-size6 {
width: 50px !important;
height: 50px !important;
margin-top: 30px !important;
}
.sheet-conviction-radio {
position: absolute;
margin: 0px !important;
z-index: 1;
opacity: 0;
}
.sheet-circle-box {
display: none;
height: 100%;
width: 100%;
}
.sheet-blank-box {
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TerraDevastada/imgs/circleblank.png");
background-size: 100%;
}
.sheet-checked-box {
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TerraDevastada/imgs/circle_checked.png");
background-size: 100%;
}
.sheet-filled-box {
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TerraDevastada/imgs/circle_filled.png");
background-size: 100%;
}
input.sheet-blank-radio { z-index: 2; }
input.sheet-blank-radio:checked + input.sheet-checked-radio,
input.sheet-checked-radio:checked + input.sheet-filled-radio { z-index: 3; }
input.sheet-blank-radio:checked ~ div.sheet-blank-box,
input.sheet-checked-radio:checked ~ div.sheet-checked-box,
input.sheet-filled-radio:checked ~ div.sheet-filled-box { display: inline-block; }
/***** end conviction boxes ****/
+317
View File
@@ -0,0 +1,317 @@
<div class="main-container flex-column">
<!--Header-->
<div class="header">
<div class="flex-row logo-area center">
<img class="logo"
src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TerraDevastada/imgs/terradevastadalogo.png" />
</div>
<div class="buttons-area flex-column">
<div class="flex-row dice-box">
<span class="button-title 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="flex-row dice-box">
<span class="button-title 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 section-->
<div class="flex-row nowrap">
<!--Left column-->
<div class="flex-column left-column">
<div class="section flex-column">
<span class="section-title main-font" data-i18n="name">Nome</span>
<input name="attr_character_name" type="text" title="{@character_name}" />
</div>
<div class="section flex-column">
<div class="section-title main-font">
<span data-i18n="nicknames">Alcunhas</span>
</div>
<fieldset class="repeating_nicknames">
<div class="flex-row repeatable-item">
<input name="attr_nickname" type="text" data-i18n-placeholder="nickname" placeholder="Alcunha" />
</div>
</fieldset>
</div>
<div class="section flex-column">
<div class="section-title main-font">
<span data-i18n="conditions">Condições</span>
</div>
<fieldset class="repeating_conditions">
<div class="flex-row repeatable-item">
<input name="attr_condition" type="text" data-i18n-placeholder="condition" placeholder="Condição" />
</div>
</fieldset>
</div>
<div class="section flex-column">
<div class="section-title main-font">
<span data-i18n="torments">Tormentos</span>
</div>
<fieldset class="repeating_torments">
<div class="flex-row repeatable-item">
<input name="attr_torment" type="text" data-i18n-placeholder="torment" placeholder="Tormento" />
</div>
</fieldset>
</div>
</div>
<div class="vertical-divisor"></div>
<!--Right column-->
<div class="flex-column right-column">
<div class="section flex-column">
<div class="section-title main-font">
<span data-i18n="traits">Características</span>
</div>
<fieldset class="repeating_traits">
<div class="flex-row repeatable-item">
<input name="attr_trait" type="text" data-i18n-placeholder="trait" placeholder="Característica" />
</div>
</fieldset>
</div>
<!-- Notes -->
<div class="section flex-column grow">
<div class="section-title main-font">
<span data-i18n="notes">Anotações</span>
</div>
<div class="flex-row grow">
<textarea name="attr_notes" title="{@notes}"></textarea>
</div>
</div>
</div>
</div>
<!--Bottom section-->
<div class="section flex-column center bottom-section">
<div class="section-title main-font">
<span data-i18n="conviction">Convicção</span>
</div>
<div class="flex-row conviction-bonus main-font">
<span>+3/-3</span>
<span>+2/-2</span>
<span>+1/-1</span>
</div>
<div class="flex-row conviction-boxes">
<div class="conviction-box 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="conviction-box-size1 conviction-radio blank-radio"
name="attr_damage-box1" value="0" checked="checked" />
<input type="radio" class="conviction-box-size1 conviction-radio checked-radio"
name="attr_damage-box1" value="1" />
<input type="radio" class="conviction-box-size1 conviction-radio filled-radio"
name="attr_damage-box1" value="2" />
<div class="circle-box blank-box"></div>
<div class="circle-box checked-box"></div>
<div class="circle-box filled-box"></div>
</div>
<div class="conviction-box 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="conviction-box-size2 conviction-radio blank-radio"
name="attr_damage-box2" value="0" checked="checked" />
<input type="radio" class="conviction-box-size2 conviction-radio checked-radio"
name="attr_damage-box2" value="1" />
<input type="radio" class="conviction-box-size2 conviction-radio filled-radio"
name="attr_damage-box2" value="2" />
<div class="circle-box blank-box"></div>
<div class="circle-box checked-box"></div>
<div class="circle-box filled-box"></div>
</div>
<div class="conviction-box 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="conviction-box-size3 conviction-radio blank-radio"
name="attr_damage-box3" value="0" checked="checked" />
<input type="radio" class="conviction-box-size3 conviction-radio checked-radio"
name="attr_damage-box3" value="1" />
<input type="radio" class="conviction-box-size3 conviction-radio filled-radio"
name="attr_damage-box3" value="2" />
<div class="circle-box blank-box"></div>
<div class="circle-box checked-box"></div>
<div class="circle-box filled-box"></div>
</div>
<div class="conviction-box 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="conviction-box-size4 conviction-radio blank-radio"
name="attr_damage-box4" value="0" checked="checked" />
<input type="radio" class="conviction-box-size4 conviction-radio checked-radio"
name="attr_damage-box4" value="1" />
<input type="radio" class="conviction-box-size4 conviction-radio filled-radio"
name="attr_damage-box4" value="2" />
<div class="circle-box blank-box"></div>
<div class="circle-box checked-box"></div>
<div class="circle-box filled-box"></div>
</div>
<div class="vertical-divisor"></div>
<div class="conviction-box 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="conviction-box-size5 conviction-radio blank-radio"
name="attr_damage-box5" value="0" checked="checked" />
<input type="radio" class="conviction-box-size5 conviction-radio checked-radio"
name="attr_damage-box5" value="1" />
<input type="radio" class="conviction-box-size5 conviction-radio filled-radio"
name="attr_damage-box5" value="2" />
<div class="circle-box blank-box"></div>
<div class="circle-box checked-box"></div>
<div class="circle-box filled-box"></div>
</div>
<div class="conviction-box 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="conviction-box-size6 conviction-radio blank-radio"
name="attr_damage-box6" value="0" checked="checked" />
<input type="radio" class="conviction-box-size6 conviction-radio checked-radio"
name="attr_damage-box6" value="1" />
<input type="radio" class="conviction-box-size6 conviction-radio filled-radio"
name="attr_damage-box6" value="2" />
<div class="circle-box blank-box"></div>
<div class="circle-box checked-box"></div>
<div class="circle-box filled-box"></div>
</div>
<div class="conviction-box 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="conviction-box-size6 conviction-radio blank-radio"
name="attr_damage-box7" value="0" checked="checked" />
<input type="radio" class="conviction-box-size6 conviction-radio checked-radio"
name="attr_damage-box7" value="1" />
<input type="radio" class="conviction-box-size6 conviction-radio filled-radio"
name="attr_damage-box7" value="2" />
<div class="circle-box blank-box"></div>
<div class="circle-box checked-box"></div>
<div class="circle-box filled-box"></div>
</div>
<div class="conviction-box 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="conviction-box-size5 conviction-radio blank-radio"
name="attr_damage-box8" value="0" checked="checked" />
<input type="radio" class="conviction-box-size5 conviction-radio checked-radio"
name="attr_damage-box8" value="1" />
<input type="radio" class="conviction-box-size5 conviction-radio filled-radio"
name="attr_damage-box8" value="2" />
<div class="circle-box blank-box"></div>
<div class="circle-box checked-box"></div>
<div class="circle-box filled-box"></div>
</div>
<div class="vertical-divisor"></div>
<div class="conviction-box 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="conviction-box-size4 conviction-radio blank-radio"
name="attr_damage-box9" value="0" checked="checked" />
<input type="radio" class="conviction-box-size4 conviction-radio checked-radio"
name="attr_damage-box9" value="1" />
<input type="radio" class="conviction-box-size4 conviction-radio filled-radio"
name="attr_damage-box9" value="2" />
<div class="circle-box blank-box"></div>
<div class="circle-box checked-box"></div>
<div class="circle-box filled-box"></div>
</div>
<div class="conviction-box 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="conviction-box-size3 conviction-radio blank-radio"
name="attr_damage-box10" value="0" checked="checked" />
<input type="radio" class="conviction-box-size3 conviction-radio checked-radio"
name="attr_damage-box10" value="1" />
<input type="radio" class="conviction-box-size3 conviction-radio filled-radio"
name="attr_damage-box10" value="2" />
<div class="circle-box blank-box"></div>
<div class="circle-box checked-box"></div>
<div class="circle-box filled-box"></div>
</div>
<div class="conviction-box 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="conviction-box-size2 conviction-radio blank-radio"
name="attr_damage-box11" value="0" checked="checked" />
<input type="radio" class="conviction-box-size2 conviction-radio checked-radio"
name="attr_damage-box11" value="1" />
<input type="radio" class="conviction-box-size2 conviction-radio filled-radio"
name="attr_damage-box11" value="2" />
<div class="circle-box blank-box"></div>
<div class="circle-box checked-box"></div>
<div class="circle-box filled-box"></div>
</div>
<div class="conviction-box 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="conviction-box-size1 conviction-radio blank-radio"
name="attr_damage-box12" value="0" checked="checked" />
<input type="radio" class="conviction-box-size1 conviction-radio checked-radio"
name="attr_damage-box12" value="1" />
<input type="radio" class="conviction-box-size1 conviction-radio filled-radio"
name="attr_damage-box12" value="2" />
<div class="circle-box blank-box"></div>
<div class="circle-box checked-box"></div>
<div class="circle-box filled-box"></div>
</div>
</div>
</div>
<div class="footer flex-row 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>
Binary file not shown.

After

Width:  |  Height:  |  Size: 721 KiB

+248
View File
@@ -0,0 +1,248 @@
/*----------------- MAIN CONTAINER DEFINITIONS ------------------*/
@import url('https://fonts.googleapis.com/css?family=Special+Elite&display=swap');
.sheet-main-container {
min-height: 600px;
min-width: 800px;
max-width: 1000px;
padding: 10px;
background-image: url("https://raw.githubusercontent.com/danielsousat/roll20-character-sheets/new-terra-devastada-sheet/TerraDevastada/imgs/terradevastada-background.jpg");
}
/*----------------- GENERAL CSS ------------------*/
.sheet-main-font {
font-family: 'Special Elite';
font-size: 17px;
color: #604241;
}
.sheet-flex-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.sheet-flex-column {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.sheet-nowrap {
flex-wrap: nowrap;
}
.sheet-main-container input[type=text] {
margin: 2px;
flex-grow: 1;
border: none;
border-bottom: 1.5px solid #604241;
background-color: transparent;
color: black;
}
.sheet-main-container input[type=text]:focus, .sheet-main-container textarea:focus {
background-color: white;
}
.sheet-main-container ::placeholder {
color:#604241;
font-style: italic;
}
.sheet-main-container input[type=number] {
width: 40px;
}
.sheet-main-container fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
.sheet-main-container textarea {
margin: 2px;
flex-grow: 1;
min-height: 10em;
border: 1.5px solid #604241;
background-color: transparent;
color: black;
}
.sheet-section {
margin: 0.7em;
}
.sheet-section-title {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 1000;
}
.sheet-button-title {
margin-right: 10px;
text-transform: uppercase;
font-weight: 1000;
}
.sheet-grow {
flex-grow: 1;
}
.sheet-center {
justify-content: center;
align-items: center;
}
.sheet-vertical-divisor {
border-right: 1.5px solid #443a39;
}
.sheet-big-margin-bottom {
margin-bottom: 20px;
}
.sheet-repeatable-item {
margin-bottom: 5px;
}
/*------------- GRID SECTIONS -------------*/
.sheet-header {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: ". logo buttons";
}
.sheet-logo-area {
grid-area: logo;
}
.sheet-buttons-area {
grid-area: buttons;
justify-content: flex-end;
align-items: flex-end;
}
.sheet-logo {
}
.sheet-dice-box {
justify-content: flex-end;
align-items: center;
margin-bottom: 10px;
}
.sheet-middle-section {
justify-content: flex-start;
}
.sheet-left-column {
justify-content: stretch;
width: 50%;
}
.sheet-right-column {
width: 50%;
}
.sheet-bottom-section {
margin: 30px;
}
.sheet-conviction-bonus {
justify-content: space-evenly;
width:100%;
font-style: italic;
margin-top: 10px;
}
.sheet-footer {
font-style: italic;
font-size: 12px;
justify-content: flex-end;
}
/******* conviction boxes ********/
.sheet-conviction-box {
margin: 0px 10px 0px 10px;
}
.sheet-conviction-box-size1 {
width: 25px !important;
height: 25px !important;
}
.sheet-conviction-box-size2 {
width: 30px !important;
height: 30px !important;
margin-top: 10px !important;
}
.sheet-conviction-box-size3 {
width: 35px !important;
height: 35px !important;
margin-top: 15px !important;
}
.sheet-conviction-box-size4 {
width: 40px !important;
height: 40px !important;
margin-top: 20px !important;
}
.sheet-conviction-box-size5 {
width: 45px !important;
height: 45px !important;
margin-top: 25px !important;
}
.sheet-conviction-box-size6 {
width: 50px !important;
height: 50px !important;
margin-top: 30px !important;
}
.sheet-conviction-radio {
position: absolute;
margin: 0px !important;
z-index: 1;
opacity: 0;
}
.sheet-circle-box {
display: none;
height: 100%;
width: 100%;
}
.sheet-blank-box {
background-image: url("https://raw.githubusercontent.com/danielsousat/roll20-character-sheets/new-terra-devastada-sheet/TerraDevastada/imgs/circleblank.png");
background-size: 100%;
}
.sheet-checked-box {
background-image: url("https://raw.githubusercontent.com/danielsousat/roll20-character-sheets/new-terra-devastada-sheet/TerraDevastada/imgs/circle_checked.png");
background-size: 100%;
}
.sheet-filled-box {
background-image: url("https://raw.githubusercontent.com/danielsousat/roll20-character-sheets/new-terra-devastada-sheet/TerraDevastada/imgs/circle_filled.png");
background-size: 100%;
}
input.sheet-blank-radio { z-index: 2; }
input.sheet-blank-radio:checked + input.sheet-checked-radio,
input.sheet-checked-radio:checked + input.sheet-filled-radio { z-index: 3; }
input.sheet-blank-radio:checked ~ div.sheet-blank-box,
input.sheet-checked-radio:checked ~ div.sheet-checked-box,
input.sheet-filled-radio:checked ~ div.sheet-filled-box { display: inline-block; }
/***** end conviction boxes ****/
+334
View File
@@ -0,0 +1,334 @@
<!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/danielsousat/roll20-character-sheets/new-terra-devastada-sheet/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>
+19
View File
@@ -0,0 +1,19 @@
{
"name": "Nome",
"nicknames": "Alcunhas",
"nickname": "Alcunha",
"conditions": "Condições",
"condition": "Condição",
"torments": "Tormentos",
"torment": "Tormento",
"traits": "Características",
"trait": "Característica",
"conviction": "Convicção",
"notes": "Anotações",
"luckdie": "Dado de Sorte",
"successes": "Sucessos",
"numberofdice": "Quantidade de dados",
"dice-check": "Teste de Dados",
"conviction-explanation": "Clique para alternar entre os três estados: não marcada, marcada e obstruída",
"copyright": "Terra Devastada é um jogo criado por John Bogéa e publicado pela RETROPUNK Publicações."
}