Skip to content

Commit

Permalink
Merge pull request #13203 from jarbascjunior2/master
Browse files Browse the repository at this point in the history 
solo 10 Heranca de Cthulhu
  • Loading branch information
@BronsonHall
BronsonHall authored Aug 13, 2024
2 parents 9890ce8 + 8e0eac7 commit 1b070a2
Show file tree
Hide file tree
Showing 4 changed files with 269 additions and 0 deletions.
180 changes: 180 additions & 0 deletions Solo10 Heranca de cthulhu/hdc.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,180 @@
@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');

.character-sheet {
font-family: 'Cinzel', serif;
background-color: #1e1f1e;
margin: 0;
padding: 20px;
color: #0d9121;
border: 2px solid #0d9121;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
width: 900px;
max-width: 100%;
box-sizing: border-box;
}

.character-sheet img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}

.character-info {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}

.input-with-text-below {
display: flex;
flex-direction: column;
align-items: center;
width: 30%;
}

.input-with-text-below input {
width: 100%;
padding: 10px;
margin-top: 5px;
border: 1px solid #0d9121;
border-radius: 5px;
background-color: #fff;
color: #000;
font-size: 16px;
text-align: center;
}

.input-with-text-below span {
color: #0d9121;
font-size: 18px;
font-weight: bold;
}

.xp-container {
display: flex;
align-items: center;
color: #0d9121;
margin-top: 10px;
}

.xp-container label, .attribute-split label, .attribute-split span {
margin-right: 5px;
color: #0d9121;
font-size: 18px;
font-weight: bold;
}

.xp-container input {
width: 50px;
padding: 5px;
margin: 0 5px;
border: 1px solid #0d9121;
border-radius: 5px;
background-color: #fff;
color: #000;
text-align: center;
font-size: 16px;
}

.columns {
display: flex;
justify-content: space-between;
}

.column {
width: 48%;
}

h2 {
margin-top: 0;
color: #0d9121;
font-size: 24px;
text-align: center;
background-color: #1e1f1e;
padding: 5px 0;
border-bottom: 2px solid #0d9121;
}

textarea, input[type="text"], input[type="number"] {
width: calc(100% - 20px);
padding: 10px;
margin: 10px 0;
border: 1px solid #0d9121;
border-radius: 5px;
background-color: #fff;
color: #000;
font-size: 18px;
font-weight: bold;
resize: vertical;
}

textarea {
min-height: 80px;
max-height: 200px;
resize: both; /* Allow resizing */
}

.attribute-split {
display: flex;
align-items: center;
justify-content: space-between;
}

.attribute-split input {
width: 50px;
margin: 0 5px;
padding: 5px;
border: 1px solid #0d9121;
border-radius: 5px;
background-color: #fff;
color: #000;
font-size: 16px;
text-align: center;
}

.button-title-attribute {
width: calc(100% - 20px);
padding: 15px;
background-color: #1e1f1e;
color: #0d9121;
border: 2px solid #0d9121;
border-radius: 5px;
cursor: pointer;
font-weight: bold;
font-size: 18px;
text-align: center;
margin: 10px 0;
transition: background-color 0.3s;
}

.button-title-attribute:hover {
background-color: #333;
}

.attribute {
display: flex;
align-items: center;
justify-content: space-between;
}

.fake-mod {
width: 50px;
padding: 10px;
margin-top: 10px;
border: 1px solid #0d9121;
border-radius: 5px;
background-color: #fff;
color: #000;
font-size: 18px;
font-weight: bold;
text-align: center;
resize: both; /* Allow resizing */
}

.label {
color: #0d9121;
font-size: 18px;
font-weight: bold;
}

81 changes: 81 additions & 0 deletions Solo10 Heranca de cthulhu/hdc.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
<link href="file:///C|/Users/jarba/Documents/cthulhu.css" rel="stylesheet" type="text/css">
<div class="character-sheet">
<div name="header" style="text-align: center;">
<img src="https://drive.usercontent.google.com/download?id=1QM3Q81tI6xtCkZZECTIS3918lYPIrfJ9&export=download&authuser=0" alt="Logo">
</div>
<form>
<div class="character-info">
<div class="input-with-text-below char-name">
<span>Nome</span>
<input name="attr_character_name" type="text" spellcheck="false" value="">
</div>
<div class="input-with-text-below char-player">
<span>Jogador</span>
<input name="attr_player_name" type="text" spellcheck="false" value="">
</div>
<div class="xp-container">
<label for="attr_xp_current">XP:</label>
<input type="number" id="attr_xp_current" name="attr_xp_current" min="0" value="0">
<span>/</span>
<input type="number" id="attr_xp_total" name="attr_xp_total" min="0" value="0">
</div>
</div>
<div class="columns">
<div class="column">
<h2>Atributos</h2>
<div class="attribute">
<button type="roll" name="roll_corpo" value="{{title=**@{character_name}**}}{{Teste de Corpo: [[?{Modo de Rolagem|Normal,1d10|Vantagem,2d10kh1|Desvantagem,2d10kl1} + @{corpo}]]}}" class="button-title-attribute">Corpo</button>
<input name="attr_corpo" type="number" spellcheck="false" maxlength="2" class="fake-mod" title="@{corpo}" value="0">
</div>
<div class="attribute-split">
<label for="attr_health">Saúde:</label>
<input type="number" id="attr_health_current" name="attr_health_current" min="0" value="0">
<span>/</span>
<input type="number" id="attr_health_max" name="attr_health_max" min="0" value="0">
</div>
<div class="attribute-split">
<label for="attr_hunger">Fome:</label>
<input type="number" id="attr_hunger_current" name="attr_hunger_current" min="0" value="0">
<span>/</span>
<input type="number" id="attr_hunger_max" name="attr_hunger_max" min="0" value="0">
</div>
<div class="attribute">
<button type="roll" name="roll_espirito" value="{{title=**@{character_name}**}}{{Teste de Espírito: [[?{Modo de Rolagem|Normal,1d10|Vantagem,2d10kh1|Desvantagem,2d10kl1} + @{espírito}]]}}" class="button-title-attribute">Espírito</button>
<input name="attr_espírito" type="number" spellcheck="false" maxlength="2" class="fake-mod" title="@{espírito}" value="0">
</div>
<div class="attribute-split">
<label for="attr_posture">Postura:</label>
<input type="number" id="attr_posture_current" name="attr_posture_current" min="0" value="0">
<span>/</span>
<input type="number" id="attr_posture_max" name="attr_posture_max" min="0" value="0">
</div>
<div class="attribute">
<button type="roll" name="roll_mente" value="{{title=**@{character_name}**}}{{Teste de Mente: [[?{Modo de Rolagem|Normal,1d10|Vantagem,2d10kh1|Desvantagem,2d10kl1} + @{mente}]]}}" class="button-title-attribute">Mente</button>
<input name="attr_mente" type="number" spellcheck="false" maxlength="2" class="fake-mod" title="@{mente}" value="0">
</div>
<div class="attribute-split">
<label for="attr_will">Vontade:</label>
<input type="number" id="attr_will_current" name="attr_will_current" min="0" value="0">
<span>/</span>
<input type="number" id="attr_will_max" name="attr_will_max" min="0" value="0">
</div>
<div class="attribute-split">
<label for="attr_madness">Loucura:</label>
<input type="number" id="attr_madness_current" name="attr_madness_current" min="0" value="0">
<span>/</span>
<input type="number" id="attr_madness_max" name="attr_madness_max" min="0" value="0">
</div>
<h2>Feitiços</h2>
<textarea id="spells" name="attr_spells" rows="5" style="text-align: left;"></textarea>
</div>
<div class="column">
<h2>Perícias</h2>
<textarea id="skills" name="attr_skills" rows="5" style="text-align: left;"></textarea>
<h2>Qualidades</h2>
<textarea id="qualities" name="attr_qualities" rows="5" style="text-align: left;"></textarea>
<h2>Pertences</h2>
<textarea id="belongings" name="attr_belongings" rows="5" style="text-align: left;"></textarea>
</div>
</div>
</form>
</div>
Binary file added Solo10 Heranca de cthulhu/hdc.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions Solo10 Heranca de cthulhu/sheet.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"html": "hdc.html",
"css": "hdc.css",
"authors": "jarbascjunior",
"roll20userid": "Jarbits",
"preview": "hdc.png",
"instructions": "Ficha de personagem de vampiro Herana de cthulhu by 101 games."
}

0 comments on commit 1b070a2

Please sign in to comment.