From 9282331512a4623daa1e0c12edde0047583d99dc Mon Sep 17 00:00:00 2001 From: Brandon Cornejo Date: Sat, 9 May 2020 21:41:07 -0500 Subject: [PATCH] Add roll20-side code --- roll20/char_sheet.css | 359 +++++++++++++++++++++ roll20/char_sheet.html | 714 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 1073 insertions(+) create mode 100644 roll20/char_sheet.css create mode 100644 roll20/char_sheet.html diff --git a/roll20/char_sheet.css b/roll20/char_sheet.css new file mode 100644 index 0000000..13acece --- /dev/null +++ b/roll20/char_sheet.css @@ -0,0 +1,359 @@ +.sheet-main { + display: grid; + width: 800px; + height: 900px; + grid-gap: 4px; + grid-template-columns: 1fr 1fr; + grid-template-rows: 130px 1fr 1fr 1fr; + + grid-template-areas:"header header" + "attributes saves" + "lactions ractions" + "equipment loot" + "spells spells"; + +} +.sheet-npc { + display: grid; + grid-gap: 4px; + grid-template-columns: 1fr 1fr; +} +.sheet-section { + padding: 5px; + border-style: solid; +} +.sheet-inner-section { + padding: 5px; +} + +/** SECTION LISTING **/ +.sheet-header { + grid-area: header; + /*background-color: olive;*/ +} +.sheet-attributes { + grid-area: attributes; + /*background-color: orange;*/ +} +.sheet-saves { + grid-area: saves; + /*background-color: brown;*/ +} +.sheet-lactions { + grid-area: lactions; + /*background-color: coral;*/ +} +.sheet-ractions { + grid-area: ractions; + /*background-color: green;*/ +} +.sheet-spells { + grid-area: spells; + /*grid-column: 1 / span 2;*/ +} + +/** INNER GRIDS **/ +div.sheet-grid-container-2col { + display: grid; + grid-template-columns: 1fr 1fr; +} +div.sheet-header-grid { + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 30px 1fr; + row-gap: 5px; + column-gap: 5px; +} +div.sheet-header-field-grid { + padding: 5px 15px; + display: grid; + grid-template-columns: 80px 1fr; +} +div.sheet-stat-grid { + display: grid; + grid-template-columns: 50px 50px 50px 50px; + row-gap: 5px; +} +div.sheet-stat2-grid { + display: grid; + grid-template-columns: 1fr 1fr; + row-gap: 5px; + column-gap: 5px; +} +div.sheet-movement-grid { + display: grid; + grid-template-columns: 1fr 1fr; + row-gap: 5px; +} +div.sheet-saves-grid { + display: grid; + grid-template-columns: 100px auto auto auto; + row-gap: 5px; + column-gap: 10px; +} +div.sheet-attacks-grid { + display: grid; + grid-template-columns: 1fr 50px 50px 50px; + row-gap: 5px; + column-gap: 10px; + margin-bottom: 5px; +} +div.sheet-proficiencies-grid { + display: grid; + grid-template-columns: 1fr 50px 50px; + row-gap: 5px; + column-gap: 10px; + margin-bottom: 5px; +} +div.sheet-equipment-grid { + display: grid; + grid-template-columns: 1fr 75px; + row-gap: 5px; + column-gap: 10px; + margin-bottom: 5px; +} +div.sheet-currency-grid { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; + row-gap: 5px; + column-gap: 10px; +} +div.sheet-spells-grid { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + row-gap: 5px; + column-gap: 10px; + margin-bottom: 5px; +} + +/** GENERAL ELEMENT STYLE **/ +input.sheet-line-input { + width: 214px!important; + border: 0; + outline: 0; + border-bottom: 1px solid black; + background: rgba(0, 0, 0, 0.0); + border-radius: 0px; +} +input.sheet-name-input { + width: 100%; +} +div.sheet-spells-grid span { + text-align: center; +} +div.sheet-spells.grid input { + padding-left: 50px; + margin-left: 50px; +} +.sheet-stat-input { + width: 100%; + text-align: center; + background: rgba(255, 255, 255, 0.25); +} +.sheet-stat-span { + text-align: center; + text-transform: uppercase; + font-weight: bold; + font-size: 16px; + font-family: "Candal"; +} +.sheet-initiative-span { + font-weight: bold; + font-size: 18px; + grid-column: 1 / span 2; +} +input.sheet-currency-input { + font-size: 11px; + width: 60px!important; +} +input.sheet-spells-input { + width: 60px!important; + margin-left: 22px; +} +.sheet-text-center { + text-align: center; +} +.sheet-title-line { + font-weight: bold; + font-size: 18px; +} +.sheet-textarea { + outline: 0; + border-radius: 0; + box-sizing: content-box; + background-color: rgba(255, 255, 255, 0.3); + overflow-y: hidden; + padding: 10px; + max-width: 90%; + resize: none; +} +.sheet-roll-button { + font-size: 1.6em; + border-radius: 0.25em; +} +.sheet-header-field-grid select { + margin: 5px 0px; +} +.sheet-header-field-grid span { + margin: 5px 0px; +} +.sheet-hidden { + display: none; +} +.sheet-margin-top { + margin-top: 35px; +} +.sheet-grid-span-1-2 { + grid-column: 1 / span 2; +} +.sheet-grid-span-4-2 { + grid-column: 4 / span 2; +} +input.sheet-input-big { + width: 55px!important; +} + +/** INDIVIDUAL ELEMENT STYLES **/ +.sheet-system-title { + margin-bottom: 10px; +} +.sheet-stat-title { + text-align: center; + grid-column: 1 / span 4; +} +.sheet-movement-title { + text-align: center; + grid-column: 1 / span 2; +} +.sheet-saves-title { + text-align: center; + grid-column: 1 / span 4; +} +.sheet-attack-title { + text-align: center; + grid-column: 1 / span 4; + margin-top: 10px; +} +.sheet-proficiency-title { + text-align: center; + grid-column: 1 / span 3; + margin-top: 25px; +} +.sheet-equipment-title { + text-align: center; + grid-column: 1 / span 2; +} +.sheet-currency-title { + text-align: center; + grid-column: 1 / span 5; + margin-top: 25px; +} +.sheet-spells-title { + text-align: center; + grid-column: 1 / span 7; +} +.sheet-exp-title { + text-align: center; + grid-column: 1 / span 5; +} +.sheet-hp-span { + font-size: 28px; + text-align: center; + text-transform: uppercase; + font-weight: bold; + vertical-align: bottom; + grid-column: 1 / span 2; +} +.sheet-hp-input { + width: 75%; + float: right; +} +.sheet-ac-wrapper { + grid-column: 1 / span 2; + text-align: center; +} +.sheet-hp-mod-input { + width: 75%; + float: left; +} +.sheet-ac-input { + width: 50%; +} +.sheet-exp-current { + grid-column: 1 / span 2; +} +.sheet-exp-needed { + grid-column: 3 / span 2; +} +.sheet-exp-current > input, .sheet-exp-needed > input { + width: 150px; +} +.sheet-lootbox { + grid-column: 1 / span 5; +} +div.sheet-npc-rsection, div.sheet-npc-lsection { + padding: 5px; + border: 4px solid black; + border-radius: 4px; + margin-left: 10px; +} +.sheet-spells-grid-daily > input { + text-align: center; +} + + +/** Roll Templates **/ +.sheet-rolltemplate-acks {} +.sheet-rolltemplate-acks div.sheet-acks-container { + border: 2px solid black; + border-radius: 3px; + margin-bottom: 5px; +} + +.sheet-rolltemplate-acks div.sheet-acks-header { + background-color: rgba(112, 32, 130, 1); + border-bottom: 1px solid black; + padding: 5px; + + line-height: 1.6em; + font-size: 1.2em; + font-weight: bold; + color: #FFF; + + text-align: center; +} +.sheet-rolltemplate-acks div.sheet-acks-subheader { + font-weight: bold; + text-align: center; + color: rgb(112, 32, 130); + font-size: 1.1em; +} +.sheet-rolltemplate-acks div.sheet-acks-row { + /*border-bottom: 1px solid black;*/ + padding: 10px; +} +.sheet-rolltemplate-acks div.sheet-acks-row .inlinerollresult { + float: right; +} +.sheet-rolltemplate-acks div.sheet-acks-row .sheet-acks-target-value { + float: right; + border: none; + background-color: transparent; + color: green; +} +.sheet-rolltemplate-acks div.sheet-acks-row:nth-child(odd) { + background-color: rgba(217, 217, 214, 1); +} +.sheet-rolltemplate-acks div.sheet-acks-row:nth-child(even) { + background-color: rgba(233, 233, 233, 1); +} +.sheet-rolltemplate-acks div.sheet-ask-desc { + font-size: 0.7em; + color: rgb(115, 115, 115); +} + +div.sheet-main { display: grid; } +div.sheet-npc { display: none; } +/*input.sheet-block-switch { display: none; };*/ +input.sheet-block-switch:checked ~ div.sheet-main { display: none; } +input.sheet-block-switch:checked ~ div.sheet-npc { display: grid; } diff --git a/roll20/char_sheet.html b/roll20/char_sheet.html new file mode 100644 index 0000000..c44ad47 --- /dev/null +++ b/roll20/char_sheet.html @@ -0,0 +1,714 @@ + NPC? (DO NOT CLICK)

+
+
+
+
+ Name + +
+
+

Adventurer Conqueror King

+
+
+ Title + + + Class + +
+
+ Alignment + + + Level + +
+
+
+
+
+
+
+

Attributes

+
+ + ValueModifier + + + Str + + + + + + Int + + + + + + Wis + + + + + + Dex + + + + + + Con + + + + + + Chr + + +
+
+ + HP + CurrentMaximum +
+
+ + + AC +
+
+
+
+
+
+
+
+

Movement

+
+ + Base + + + Combat + + + Chrg/Run + + + Climb + + + Stealth + + + Daily + +
+
+
+

Saving Throws

+
+ + ThrowModifier + + Petrif. & Paral. +
+
+
+ + Poison & Death +
+
+
+ + Blast & Breath +
+
+
+ + Staffs & Wands +
+
+
+ + Spells +
+
+
+
+
+
+ +
+
+ + Initiative +
+
+ + Attack Throw +
+
+
+
+
+

Weapons & Attacks

+
+ Attack NameTh. ModDamage +
+
+
+ +
+
+
+
+
+ +
+
+

Proficiencies

+
+ ProficiencyDesc +
+
+
+ +
+
+
+
+
+
+
+
+

Class & Race Abilities

+
+ Ability NameThrow +
+
+
+ +
+
+
+
+ +
+
+

Actions

+
+ Action NameThrow +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+

Equipment & Magic Items

+
+ Item NameEncumb. +
+
+
+ +
+
+
+
+
+
+
+

Experience

+
+ CurrentNeededBonus +
+
+
+ + +
+

Loot

+
+ CopperSilverElectrumGoldPlatinum + + + + + + +
+
+
+
+
+
+

Spells Per Day

+
+ OneTwoThreeFourFiveSix + Used + + + + + + + + Total + + + + + + +
+
+
+

Spellbook

+
+ Spell NameLevelEffectDamage +
+
+
+ +
+
+
+
+
+
+
+ +
+ +
+
+

Adventurer Conqueror King System

+

NPC/Monster Stat Block

+


+
+
+
+ Attack Throw +
+
+ + Armour Class +
+
+ + + Initiative +
+
+
+
+
+

Weapons & Attacks

+
+ Attack NameTh. ModDamage +
+
+
+ +
+
+
+
+
+ +
+
+

Proficiencies

+
+ ProficiencyDesc +
+
+
+ +
+
+
+
+
+
+
+ Hit Dice + + +
+ + + Hit Points/Max + + ClassLevel + + + + + +
+
+
+

Saving Throws

+
+ + ThrowModifier + + Petrif. & Paral. +
+
+
+ + Poison & Death +
+
+
+ + Blast & Breath +
+
+
+ + Staffs & Wands +
+
+
+ + Spells +
+
+
+
+
+
+ + + + +
+
{{name}}
+ {{#subheader}} +
{{subheader}}
+ {{/subheader}} + {{#target}} +
Target {{target}}+
+ {{/target}} + {{#roll}} +
Roll {{roll}}
+ {{/roll}} + {{#damage}} +
Damage {{damage}}
+ {{/damage}} + {{#desc}} +
{{desc}}
+ {{/desc}} +
+ + + + + +