Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-31 20:22:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Expanded and rearranged some fields

Browse Source 
Location and look on the Tavern sheet needed to be more complex & larger; added a Notes area to both Tavern and Character modes.
This commit is contained in:
fredhicks
2024-03-14 10:07:41 -04:00
parent a2d14faa62
commit 46bb19e71e
3 changed files with 266 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Stewpot/Stewpot.css
+101 -11
View File
@@ -98,6 +98,7 @@
}
.wrapper .tavern .columns .column .rateblock {
border: 1px solid var(--stew-boxb);
margin-bottom: 10px;
}
.wrapper .tavern .columns .column .rateblock .shead {
color: var(--stew-boxc);
@@ -146,30 +147,30 @@
.wrapper .tavern .columns .column .rateblock .ratebox .cuisine input.state[value="4"] + input.highlighter[value="4"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere input.state[value="4"] + input.highlighter[value="4"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .service input.state[value="4"] + input.highlighter[value="4"] + .description {
color: var(--stew-fg);
}
.wrapper .tavern .columns .column .advblock, .wrapper .tavern .columns .column .npcblock {
.wrapper .tavern .columns .column .advblock, .wrapper .tavern .columns .column .npcblock, .wrapper .tavern .columns .column .listblock {
border: 1px solid var(--stew-boxb);
margin-bottom: 10px;
}
.wrapper .tavern .columns .column .advblock .shead, .wrapper .tavern .columns .column .npcblock .shead {
.wrapper .tavern .columns .column .advblock .shead, .wrapper .tavern .columns .column .npcblock .shead, .wrapper .tavern .columns .column .listblock .shead {
color: var(--stew-boxc);
background-color: var(--stew-boxb);
}
.wrapper .tavern .columns .column .advblock .shead .flabel, .wrapper .tavern .columns .column .npcblock .shead .flabel {
.wrapper .tavern .columns .column .advblock .shead .flabel, .wrapper .tavern .columns .column .npcblock .shead .flabel, .wrapper .tavern .columns .column .listblock .shead .flabel {
text-align: center;
font-size: 22px;
}
.wrapper .tavern .columns .column .advblock .instruction, .wrapper .tavern .columns .column .npcblock .instruction {
.wrapper .tavern .columns .column .advblock .instruction, .wrapper .tavern .columns .column .npcblock .instruction, .wrapper .tavern .columns .column .listblock .instruction {
font-style: italic;
color: var(--stew-boxb);
}
.wrapper .tavern .columns .column .advblock .instruction, .wrapper .tavern .columns .column .advblock .content, .wrapper .tavern .columns .column .npcblock .instruction, .wrapper .tavern .columns .column .npcblock .content {
.wrapper .tavern .columns .column .advblock .instruction, .wrapper .tavern .columns .column .advblock .content, .wrapper .tavern .columns .column .npcblock .instruction, .wrapper .tavern .columns .column .npcblock .content, .wrapper .tavern .columns .column .listblock .instruction, .wrapper .tavern .columns .column .listblock .content {
padding: 5px;
margin-bottom: 0px;
}
.wrapper .tavern .columns .column .advblock .instruction .repcontainer, .wrapper .tavern .columns .column .advblock .content .repcontainer, .wrapper .tavern .columns .column .npcblock .instruction .repcontainer, .wrapper .tavern .columns .column .npcblock .content .repcontainer {
.wrapper .tavern .columns .column .advblock .instruction .repcontainer, .wrapper .tavern .columns .column .advblock .content .repcontainer, .wrapper .tavern .columns .column .npcblock .instruction .repcontainer, .wrapper .tavern .columns .column .npcblock .content .repcontainer, .wrapper .tavern .columns .column .listblock .instruction .repcontainer, .wrapper .tavern .columns .column .listblock .content .repcontainer {
padding: 0px;
}
.wrapper .tavern .columns .column .advblock .instruction .btn, .wrapper .tavern .columns .column .advblock .content .btn, .wrapper .tavern .columns .column .npcblock .instruction .btn, .wrapper .tavern .columns .column .npcblock .content .btn {
.wrapper .tavern .columns .column .advblock .instruction .btn, .wrapper .tavern .columns .column .advblock .content .btn, .wrapper .tavern .columns .column .npcblock .instruction .btn, .wrapper .tavern .columns .column .npcblock .content .btn, .wrapper .tavern .columns .column .listblock .instruction .btn, .wrapper .tavern .columns .column .listblock .content .btn {
background-color: var(--stew-bg);
color: var(--stew-boxb);
border: 1px solid var(--stew-boxb);
@@ -178,13 +179,27 @@
box-shadow: none;
background-image: unset;
}
.wrapper .tavern .columns .column .advblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .advblock .content .btn.repcontrol_move, .wrapper .tavern .columns .column .npcblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .npcblock .content .btn.repcontrol_move {
.wrapper .tavern .columns .column .advblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .advblock .content .btn.repcontrol_move, .wrapper .tavern .columns .column .npcblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .npcblock .content .btn.repcontrol_move, .wrapper .tavern .columns .column .listblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .listblock .content .btn.repcontrol_move {
font-size: 16px;
}
.wrapper .tavern .columns .column .advblock input[type=text] {
.wrapper .tavern .columns .column .advblock input[type=text], .wrapper .tavern .columns .column .listblock input[type=text] {
width: 100%;
margin-bottom: 5px;
}
.wrapper .tavern .columns .column .advblock textarea, .wrapper .tavern .columns .column .listblock textarea {
height: 60px;
border: 1px solid var(--stew-keepb);
border-radius: 5px;
margin-bottom: 10px;
width: calc(100% - 10px);
height: 42px;
resize: none;
padding: 5px;
background: rgba(0, 0, 0, 0);
}
.wrapper .tavern .columns .column .readonly .btn {
display: none;
}
.wrapper .tavern .columns .column .npcblock .repitem {
display: -ms-grid;
display: grid;
@@ -476,6 +491,55 @@
text-decoration: line-through;
color: var(--stew-crossed);
}
.wrapper .character .columns .column .listblock {
border: 1px solid var(--stew-boxb);
margin-bottom: 10px;
}
.wrapper .character .columns .column .listblock .shead {
color: var(--stew-boxc);
background-color: var(--stew-boxb);
}
.wrapper .character .columns .column .listblock .shead .flabel {
text-align: center;
font-size: 22px;
}
.wrapper .character .columns .column .listblock .content {
padding: 5px;
margin-bottom: 0px;
}
.wrapper .character .columns .column .listblock .content .repcontainer {
padding: 0px;
}
.wrapper .character .columns .column .listblock .content .btn {
background-color: var(--stew-bg);
color: var(--stew-boxb);
border: 1px solid var(--stew-boxb);
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-image: unset;
}
.wrapper .character .columns .column .listblock .content .btn.repcontrol_move {
font-size: 16px;
}
.wrapper .character .columns .column .listblock input[type=text] {
width: 100%;
margin-bottom: 5px;
}
.wrapper .character .columns .column .listblock textarea {
height: 60px;
border: 1px solid var(--stew-keepb);
border-radius: 5px;
margin-bottom: 10px;
width: calc(100% - 10px);
height: 42px;
resize: none;
padding: 5px;
background: rgba(0, 0, 0, 0);
}
.wrapper .character .columns .column .readonly .btn {
display: none;
}
input.thider[value="0"] + *, input.hider[value=""] + *, input.mhider[value=""] + *, input.mhider[value=character] + *, input.mhider[value=tavern] + * {
display: none;
@@ -517,6 +581,10 @@ input.rhider[value="4"] + button:not([value="4"]).marked {
display: none;
}
input.lhider:not([value="1"]) + *, input.lshower[value="1"] + * {
display: none;
}
input.hideunless + * {
display: none;
}
@@ -597,13 +665,13 @@ input.mhider[value=character] + .character, input.mhider[value=tavern] + .tavern
display: initial;
}
.cbox, .rbox {
.cbox, .rbox, .ebox {
background: none;
color: none;
border: none;
padding: 0;
}
.cbox::before, .rbox::before {
.cbox::before, .rbox::before, .ebox::before {
font-family: "Material Symbols Outlined";
font-weight: normal;
font-style: normal;
@@ -639,6 +707,28 @@ input.mhider[value=character] + .character, input.mhider[value=tavern] + .tavern
content: "radio_button_checked";
}
.ebox::before {
content: "edit";
}
.ebox.marked::before {
content: "visibility";
}
.ebox .eboxtext {
line-height: 1;
color: var(--stew-boxb);
font-weight: normal;
font-style: normal;
font-size: 16px;
color: var(--stew-boxb);
display: inline-block;
text-transform: uppercase;
white-space: nowrap;
padding-top: 6px;
vertical-align: top;
}
button.rbox.marked[value="1"]::before {
color: var(--stew-fg);
content: "counter_1";
Stewpot/Stewpot.html
+159 -20
View File
@@ -155,6 +155,38 @@ on("change:select_character_weapon change:select_character_armor change:select_c
</fieldset>
</div>
</div>
<div class="listblock">
<div class="shead">
<div class="flabel"><span data-i18n="Notes">Notes</span>
</div>
</div>
<div class="togglemode">
<div>
<input class="lhider" name="attr_toggle_notes" type="hidden" value="1"/><span>
<button class="ebox marked" type="action" name="act_unmark" value="notes"><span class="eboxtext" data-i18n="Display">Display</span>
</button></span>
<input class="lshower" name="attr_toggle_notes" type="hidden" value="1"/><span>
<button class="ebox unmarked" type="action" name="act_mark" value="notes"><span class="eboxtext" data-i18n="Edit">Edit</span>
</button></span>
</div>
<input class="state" name="attr_toggle_notes" type="hidden" value="0"/>
<input class="lhider" name="attr_toggle_notes" type="hidden" value="1"/>
<div class="content">
<fieldset class="repeating_notes">
<textarea name="attr_detail"></textarea>
</fieldset>
</div>
<input class="lshower" name="attr_toggle_notes" type="hidden" value="1"/>
<div class="readonly">
<ul>
<fieldset class="repeating_notes">
<li><span name="attr_detail"></span>
</li>
</fieldset>
</ul>
</div>
</div>
</div>
</div>
<div class="column">
<div class="advblock">
@@ -880,16 +912,6 @@ on("change:select_character_weapon change:select_character_armor change:select_c
</div>
<input class="fillblank" type="text" name="attr_character_name"/>
</div>
<div class="locblock">
<div class="flabel"><span data-i18n="Location">Location</span>
</div>
<input class="fillblank" type="text" name="attr_tavern_location"/>
</div>
<div class="lookblock">
<div class="flabel"><span data-i18n="Look">Look</span>
</div>
<input class="fillblank" type="text" name="attr_tavern_look"/>
</div>
</div>
<div class="columns">
<div class="column">
@@ -1043,21 +1065,40 @@ on("change:select_character_weapon change:select_character_armor change:select_c
</div>
</div>
</div>
</div>
<div class="column">
<div class="advblock">
<div class="listblock">
<div class="shead">
<div class="flabel"><span data-i18n="Advancement Details">Advancement Details</span>
<div class="flabel"><span data-i18n="Notes">Notes</span>
</div>
</div>
<div class="instruction"><span data-i18n="Each time a Tavern Rating increases, each player may describe a new detail or feature for the tavern.">Each time a Tavern Rating increases, each player may describe a new detail or feature for the tavern.</span>
</div>
<div class="content">
<fieldset class="repeating_details">
<input type="text" name="attr_detail"/>
</fieldset>
<div class="togglemode">
<div>
<input class="lhider" name="attr_toggle_notes" type="hidden" value="1"/><span>
<button class="ebox marked" type="action" name="act_unmark" value="notes"><span class="eboxtext" data-i18n="Display">Display</span>
</button></span>
<input class="lshower" name="attr_toggle_notes" type="hidden" value="1"/><span>
<button class="ebox unmarked" type="action" name="act_mark" value="notes"><span class="eboxtext" data-i18n="Edit">Edit</span>
</button></span>
</div>
<input class="state" name="attr_toggle_notes" type="hidden" value="0"/>
<input class="lhider" name="attr_toggle_notes" type="hidden" value="1"/>
<div class="content">
<fieldset class="repeating_notes">
<textarea name="attr_detail"></textarea>
</fieldset>
</div>
<input class="lshower" name="attr_toggle_notes" type="hidden" value="1"/>
<div class="readonly">
<ul>
<fieldset class="repeating_notes">
<li><span name="attr_detail"></span>
</li>
</fieldset>
</ul>
</div>
</div>
</div>
</div>
<div class="column">
<div class="npcblock">
<div class="shead">
<div class="flabel"><span data-i18n="NPCs">NPCs</span>
@@ -1075,6 +1116,104 @@ on("change:select_character_weapon change:select_character_armor change:select_c
</fieldset>
</div>
</div>
<div class="advblock">
<div class="shead">
<div class="flabel"><span data-i18n="Advancement Details">Advancement Details</span>
</div>
</div>
<div class="instruction"><span data-i18n="Each time a Tavern Rating increases, each player may describe a new detail or feature for the tavern.">Each time a Tavern Rating increases, each player may describe a new detail or feature for the tavern.</span>
</div>
<div class="togglemode">
<div>
<input class="lhider" name="attr_toggle_details" type="hidden" value="1"/><span>
<button class="ebox marked" type="action" name="act_unmark" value="details"><span class="eboxtext" data-i18n="Display">Display</span>
</button></span>
<input class="lshower" name="attr_toggle_details" type="hidden" value="1"/><span>
<button class="ebox unmarked" type="action" name="act_mark" value="details"><span class="eboxtext" data-i18n="Edit">Edit</span>
</button></span>
</div>
<input class="state" name="attr_toggle_details" type="hidden" value="0"/>
<input class="lhider" name="attr_toggle_details" type="hidden" value="1"/>
<div class="content">
<fieldset class="repeating_details">
<textarea name="attr_detail"></textarea>
</fieldset>
</div>
<input class="lshower" name="attr_toggle_details" type="hidden" value="1"/>
<div class="readonly">
<ul>
<fieldset class="repeating_details">
<li><span name="attr_detail"></span>
</li>
</fieldset>
</ul>
</div>
</div>
</div>
<div class="listblock">
<div class="shead">
<div class="flabel"><span data-i18n="Location">Location</span>
</div>
</div>
<div class="togglemode">
<div>
<input class="lhider" name="attr_toggle_tavernlocation" type="hidden" value="1"/><span>
<button class="ebox marked" type="action" name="act_unmark" value="tavernlocation"><span class="eboxtext" data-i18n="Display">Display</span>
</button></span>
<input class="lshower" name="attr_toggle_tavernlocation" type="hidden" value="1"/><span>
<button class="ebox unmarked" type="action" name="act_mark" value="tavernlocation"><span class="eboxtext" data-i18n="Edit">Edit</span>
</button></span>
</div>
<input class="state" name="attr_toggle_tavernlocation" type="hidden" value="0"/>
<input class="lhider" name="attr_toggle_tavernlocation" type="hidden" value="1"/>
<div class="content">
<fieldset class="repeating_tavernlocation">
<textarea name="attr_detail"></textarea>
</fieldset>
</div>
<input class="lshower" name="attr_toggle_tavernlocation" type="hidden" value="1"/>
<div class="readonly">
<ul>
<fieldset class="repeating_tavernlocation">
<li><span name="attr_detail"></span>
</li>
</fieldset>
</ul>
</div>
</div>
</div>
<div class="listblock">
<div class="shead">
<div class="flabel"><span data-i18n="Look">Look</span>
</div>
</div>
<div class="togglemode">
<div>
<input class="lhider" name="attr_toggle_tavernlook" type="hidden" value="1"/><span>
<button class="ebox marked" type="action" name="act_unmark" value="tavernlook"><span class="eboxtext" data-i18n="Display">Display</span>
</button></span>
<input class="lshower" name="attr_toggle_tavernlook" type="hidden" value="1"/><span>
<button class="ebox unmarked" type="action" name="act_mark" value="tavernlook"><span class="eboxtext" data-i18n="Edit">Edit</span>
</button></span>
</div>
<input class="state" name="attr_toggle_tavernlook" type="hidden" value="0"/>
<input class="lhider" name="attr_toggle_tavernlook" type="hidden" value="1"/>
<div class="content">
<fieldset class="repeating_tavernlook">
<textarea name="attr_detail"></textarea>
</fieldset>
</div>
<input class="lshower" name="attr_toggle_tavernlook" type="hidden" value="1"/>
<div class="readonly">
<ul>
<fieldset class="repeating_tavernlook">
<li><span name="attr_detail"></span>
</li>
</fieldset>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
Stewpot/translation.json
+6 -3
View File
@@ -44,6 +44,9 @@
"Always muttering wards of protection": "Always muttering wards of protection",
"A gleaming smile": "A gleaming smile",
"Keepsakes": "Keepsakes",
"Notes": "Notes",
"Display": "Display",
"Edit": "Edit",
"Adventurer Job": "Adventurer Job",
"(pick an adventurer job)": "(pick an adventurer job)",
"Paladin": "Paladin",
@@ -176,7 +179,6 @@
"Secret Paths: Know the area like the back of your hand": "Secret Paths: Know the area like the back of your hand",
"Lying in Wait: Master of concealment": "Lying in Wait: Master of concealment",
"Offerings: On good terms with the local spirits": "Offerings: On good terms with the local spirits",
"Location": "Location",
"Tavern Ratings": "Tavern Ratings",
"Cuisine": "Cuisine",
"A cramped kitchen. Plenty of staples but nothing fancy.": "A cramped kitchen. Plenty of staples but nothing fancy.",
@@ -193,8 +195,9 @@
"An experienced line cook, good wait staff.": "An experienced line cook, good wait staff.",
"An interior decorator, a skilled executive chef.": "An interior decorator, a skilled executive chef.",
"An accomplished head of staff, a prestigious sommelier.": "An accomplished head of staff, a prestigious sommelier.",
"NPCs": "NPCs",
"name": "name",
"Advancement Details": "Advancement Details",
"Each time a Tavern Rating increases, each player may describe a new detail or feature for the tavern.": "Each time a Tavern Rating increases, each player may describe a new detail or feature for the tavern.",
"NPCs": "NPCs",
"name": "name"
"Location": "Location"
}