From 46bb19e71e0955df04c705dbc4fb8044ca1d85f4 Mon Sep 17 00:00:00 2001 From: fredhicks Date: Thu, 14 Mar 2024 10:07:41 -0400 Subject: [PATCH] Expanded and rearranged some fields Location and look on the Tavern sheet needed to be more complex & larger; added a Notes area to both Tavern and Character modes. --- Stewpot/Stewpot.css | 112 +++++++++++++++++++++--- Stewpot/Stewpot.html | 179 ++++++++++++++++++++++++++++++++++----- Stewpot/translation.json | 9 +- 3 files changed, 266 insertions(+), 34 deletions(-) diff --git a/Stewpot/Stewpot.css b/Stewpot/Stewpot.css index fa71e10c3b..0c93c90dda 100644 --- a/Stewpot/Stewpot.css +++ b/Stewpot/Stewpot.css @@ -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"; diff --git a/Stewpot/Stewpot.html b/Stewpot/Stewpot.html index 98f723d539..f28ee0d2f7 100644 --- a/Stewpot/Stewpot.html +++ b/Stewpot/Stewpot.html @@ -155,6 +155,38 @@ on("change:select_character_weapon change:select_character_armor change:select_c +
+
+
Notes +
+
+
+
+ + + + +
+ + +
+
+ +
+
+ +
+
    +
    +
  • +
    • +
    +
+
+
+
@@ -880,16 +912,6 @@ on("change:select_character_weapon change:select_character_armor change:select_c
-
-
Location -
- -
-
-
Look -
- -
@@ -1043,21 +1065,40 @@ on("change:select_character_weapon change:select_character_armor change:select_c
- -
-
+
-
Advancement Details +
Notes
-
Each time a Tavern Rating increases, each player may describe a new detail or feature for the tavern. -
-
-
- -
+
+
+ + + + +
+ + +
+
+ +
+
+ +
+
    +
    +
  • +
    • +
    +
+
+
+
NPCs @@ -1075,6 +1116,104 @@ on("change:select_character_weapon change:select_character_armor change:select_c
+
+
+
Advancement Details +
+
+
Each time a Tavern Rating increases, each player may describe a new detail or feature for the tavern. +
+
+
+ + + + +
+ + +
+
+ +
+
+ +
+
    +
    +
  • +
    • +
    +
+
+
+
+
+
+
Location +
+
+
+
+ + + + +
+ + +
+
+ +
+
+ +
+
    +
    +
  • +
    • +
    +
+
+
+
+
+
+
Look +
+
+
+
+ + + + +
+ + +
+
+ +
+
+ +
+
    +
    +
  • +
    • +
    +
+
+
+
diff --git a/Stewpot/translation.json b/Stewpot/translation.json index a038133149..dd098e69e9 100644 --- a/Stewpot/translation.json +++ b/Stewpot/translation.json @@ -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" } \ No newline at end of file